/* Cyan, aqua and warm cream from the supplied reference. */
:root{--paper:#f3fbfa;--green:#174f5a;--muted:#557780;--line:#d7e9e9;--blue:#007e91;--cyan:#08b4cb}
body{background:linear-gradient(145deg,#eafafd,#f7fbf7 55%,#fff1da);background-attachment:fixed;color:var(--green);font-size:16px;line-height:1.6}.brand{color:#008c9f}.brand small{color:#567e85}header.sidebar{background:#fcffff}.sidebar-label,.feed-heading>.eyebrow{color:#537d84;font-size:10px}.sidebar nav button{color:#466e77;font-size:15px}.sidebar nav button:hover{background:#eaf9fa}.sidebar nav button.active{background:#dff5f6;color:#006e7d}.sidebar nav #create,.primary{background:#08b4cb;color:#073d46;font-weight:700}.sidebar nav #create:hover,.primary:hover{background:#34c5d7}.sidebar-bottom .compass svg{color:#08a6bb}.sidebar-bottom small{color:#60818a;font-size:11px}
.feed-heading>p:last-child,.feed-note,.post-description{color:#527780}.feed-heading>p:last-child{font-size:15px}.live-tag{color:#357d86;font-size:12px}.live-tag i{background:#05adc3}.avatar{background:#dff5f7;color:#007b8c;border-color:#effbfb}.composer>button:first-of-type{color:#5b7d83;font-size:14px}.icon-button{background:#dcf4f7;color:#007e91}.journey-user .avatar{background:#d2f2f6;color:#00798b}.journey-user strong{font-size:16px}.journey-user p{font-size:13px}.post-header strong{font-size:15px}.post-header>div>span{font-size:12px;color:#62838a}.post-reward{background:#dff7f8;color:#006a7b;font-size:12px}.post-actions button{font-size:14px}.guess-button{color:#007e91!important}.discussion-button{color:#507b84!important}.post-actions .solved-count{color:#557b83;font-size:12px}.post-body h2{font-size:20px}.post-description{font-size:15px}.post-photo,.detail-image{background:#e6f6f6}.private-note{border-top-color:#e2eeee;color:#557980;font-size:12px}.xp-track{background:#d6ecee;height:7px}.xp-track span{background:linear-gradient(90deg,#00a6bd,#53cad6)}
#profile{font-size:14px;line-height:1.8}.journey .text-button{color:#007e91;font-size:14px;min-height:44px}.hunter-rank,.hunter>div>span,.journey-user p{color:#567c84}.hunter strong{font-size:14px}.hunter>div>span{font-size:12px}.rail-heading h2{font-size:15px}.rail-heading button{color:#007e91;min-width:44px;min-height:44px}.how-to{background:linear-gradient(155deg,#75d1dc,#c4e5de 55%,#ffe8c5);border-color:#b9e3e5}.how-to>span svg{color:#00798b}.how-to .eyebrow{color:#345f66;font-size:9px}.how-to h2{color:#174f5a}.how-to>p:last-of-type{color:#3e6b72;font-size:14px}.how-tags span{border-color:#9cccd0;color:#285e68;background:#ffffff70;font-size:10px}.footnote,footer{color:#5c7c83}.footnote{font-size:12px}.feed-toolbar{font-size:14px}.feed-note{font-size:12px}footer,footer a{font-size:12px}.empty{background:#ffffffd9;border-color:#acd7db}.empty-icon{color:#07abc2}.empty p:not(.eyebrow){color:#527780;font-size:15px}.empty .primary{font-size:15px}.outline{border-color:#9fcfd5;color:#007789}.text-button{color:#007e91;font-size:15px;min-height:44px}
dialog{width:min(560px,calc(100% - 28px));padding:28px 32px 32px;background:#fbfefd;font-size:16px;line-height:1.6;scrollbar-gutter:stable}dialog.wide{width:min(800px,calc(100% - 28px))}dialog::backdrop{background:#103d4675;backdrop-filter:blur(5px)}dialog h2{font-size:28px;line-height:1.35;margin:12px 0 20px;padding-right:72px}dialog h3{font-size:19px}dialog>.eyebrow,dialog #detail>.eyebrow{font-size:11px;line-height:1.6;max-width:calc(100% - 100px);margin:8px 0 16px}dialog .close{position:sticky;top:0;z-index:2;float:right;display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:46px;border:1px solid #b9dbde;border-radius:10px;background:#e6f7f8;color:#116575;font-size:16px;font-weight:600;line-height:1;padding:10px 12px;box-shadow:0 2px 6px #154f5810}dialog .close:hover{background:#cceef1}
label{font-size:15px;font-weight:600;line-height:1.6;margin:20px 0}input,textarea{border-color:#b7d5d9;color:#174f5a;font-size:16px;line-height:1.6;padding:13px 14px;border-radius:10px;font-weight:400;background:#fff;min-width:0}input::placeholder,textarea::placeholder{color:#6b8a91;opacity:1}input:focus,textarea:focus{outline-color:#49bfce}input[type=file]{font-size:14px}input[type=file]::file-selector-button{border:0;border-radius:7px;background:#e0f3f5;color:#126576;padding:10px;margin-right:10px;font:inherit;cursor:pointer}textarea{min-height:105px}.muted,dialog .muted{color:#567b83;font-size:14px;line-height:1.8}.primary{font-size:16px;min-height:48px}summary{font-size:15px}button:focus-visible,a:focus-visible{outline-color:#0298af}.comment{font-size:16px;overflow-wrap:anywhere}.comment strong{font-size:14px}.hidden-comment{color:#5f7e85}#logout{width:100%;margin-top:15px;border:1px solid #bddbdf;border-radius:10px;background:#eff9fa;padding:12px;font-weight:600;font-size:16px;min-height:48px}#toast{background:#146675;font-size:15px;line-height:1.6}.leader span:first-child{color:#0394a9}.leader .score{font-size:14px}.badge{background:#dcf4f7;color:#00778b}
.location-picker{background:linear-gradient(135deg,#e6f7f9,#faf6e9);border:1px solid #badde0;border-radius:12px;padding:18px;margin:22px 0}.location-picker h3{font-size:16px;margin:0 0 7px}.location-picker .muted{margin:5px 0 15px}.location-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.locate-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#087f91;color:white;border:0;border-radius:9px;padding:12px 14px;min-height:48px;font-size:15px;font-weight:600}.locate-button svg{width:20px;height:20px}.locate-button:hover{background:#076d7d}.clear-location{font-size:15px;border:1px solid #a6cfd4;background:#fff;color:#236976;min-height:46px;padding:10px 12px}.location-status{font-size:14px;color:#456e77;margin:13px 0 0;line-height:1.8}.clear-location[hidden]{display:none}
@media(max-width:1230px){.sidebar nav button{font-size:14px}}@media(max-width:700px){.sidebar nav button>span:last-child{display:none}.composer>button:first-of-type{font-size:14px}}
@media(max-width:520px){.sidebar nav button>span:last-child{display:block;font-size:10px}.sidebar nav #create{background:none;color:#007e91}.mobile-brand>span{color:#587a82}.mobile-brand{background:#faffff}.sidebar nav button{min-height:58px}.feed-heading>p:last-child{font-size:14px}.feed-toolbar{font-size:12px}.feed-note{font-size:11px}.composer{padding:12px;gap:8px}.composer>button:first-of-type{font-size:13px}.post-actions button{font-size:13px}.post-actions{gap:10px}.post-actions .solved-count{font-size:11px!important;max-width:80px}.post-body h2{font-size:19px}.post-description{font-size:15px}.private-note{font-size:12px}.leader .score{font-size:12px}.footnote{font-size:12px}dialog{padding:20px;width:calc(100% - 20px);max-height:88dvh}dialog.wide{width:calc(100% - 20px)}dialog h2{font-size:25px;padding-right:0;clear:both;margin:16px 0 22px}dialog>.eyebrow,dialog #detail>.eyebrow{padding-top:5px;max-width:calc(100% - 100px)}dialog .close{min-height:48px;min-width:90px}.location-picker{padding:14px}.locate-button{width:100%}.location-actions{gap:8px}.location-status{font-size:14px}input,textarea{font-size:16px}#toast{font-size:14px}}
/* Keep the close control in its own opaque row while forms scroll. */
.dialog-top{position:sticky;top:-28px;z-index:3;display:flex;justify-content:flex-end;background:#fbfefd;padding:8px 0 10px;margin:-8px 0 0;clear:both}.dialog-top .close{position:static;float:none}.dialog-top~h2{clear:both}dialog>.eyebrow,dialog #detail>.eyebrow{max-width:100%}
@media(max-width:520px){.dialog-top{top:-20px}}

/* Clearer hierarchy: deep ocean actions, cyan accents, warm reward badges. */
body{background:radial-gradient(ellipse at 90% 0%,#d9f5fa 0%,transparent 50%),linear-gradient(155deg,#f8fcff,#f5faf9 65%,#fff6e8);background-attachment:fixed}
header.sidebar{background:linear-gradient(180deg,#fff,#f4fbfd);border-right-color:#dcebf0}.brand{color:#087a98}
.sidebar nav button.active{background:#def3f8;box-shadow:inset 3px 0 #11a9c2;color:#06566e}
.sidebar nav #create,.primary{background:linear-gradient(115deg,#087d94,#176bc3);color:#fff;border:1px solid #08768f;box-shadow:0 5px 12px #086f9626;border-radius:12px;transition:box-shadow .18s,filter .18s}
.sidebar nav #create:hover,.primary:hover{background:linear-gradient(115deg,#076b80,#135cac);box-shadow:0 7px 17px #086f9638}
.primary:disabled{box-shadow:none}.composer{box-shadow:0 4px 18px #164d6c06;border-color:#d9e9ef}.icon-button{background:#ddf3f8;border:1px solid #c5e6ee;border-radius:11px;color:#08748d}
.post{border-color:#dbe9ef;box-shadow:0 7px 25px #164d6c07}.post-header{padding-top:18px;padding-bottom:18px}.post-reward{background:#fff1d4;color:#825207;border:1px solid #f3ddb0;border-radius:8px;padding:6px 10px}
.post-actions{gap:10px;flex-wrap:wrap}.post-actions .guess-button{background:linear-gradient(110deg,#078298,#1975c1);color:#fff!important;padding:11px 14px;border:1px solid #08748f;border-radius:11px;min-height:46px;box-shadow:0 3px 8px #147aa51a}.post-actions .guess-button:hover{filter:brightness(.94)}
.post-actions .discussion-button{background:#f0f7fb;color:#35647e!important;border:1px solid #d9e7ef;padding:11px 13px;border-radius:11px;min-height:46px}.post-actions .discussion-button:hover{background:#e3f2f8}
.locate-button{background:linear-gradient(110deg,#087a90,#1268b0);border:1px solid #08748f;box-shadow:0 3px 9px #0c76971c;border-radius:11px}.clear-location,.outline{border-radius:11px;background:#f6fbfd;border-color:#b8d9e4}.text-button{font-weight:600}
.how-to{background:linear-gradient(145deg,#95dce6,#d6edf0 58%,#ffedcb)}.xp-track span{background:linear-gradient(90deg,#087f9e,#35c6d1)}
.avatar{overflow:hidden;padding:0;vertical-align:middle}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-editor{display:flex;align-items:center;gap:20px;background:linear-gradient(130deg,#e9f7fb,#f7faf5);border:1px solid #c9e3eb;border-radius:16px;padding:20px;margin:8px 0 26px}.avatar-editor .profile-avatar{width:88px;height:88px;font-size:30px;border:4px solid white;box-shadow:0 3px 12px #16576d20}.avatar-editor>div{min-width:0}.avatar-editor strong{font-size:16px}.avatar-editor p{font-size:13px;line-height:1.7;color:#537889;margin:4px 0 10px}.avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.avatar-actions button{min-height:44px;padding:10px 13px;border:1px solid #acd5e1;border-radius:9px;background:white;color:#136782;font-size:14px;font-weight:600}.avatar-actions #avatar-choose{background:#0b718e;border-color:#0b718e;color:white}.avatar-actions button:hover{filter:brightness(.95)}#avatar-status{margin-top:10px;margin-bottom:0}#avatar-file[hidden],#avatar-remove[hidden]{display:none}
.comment{display:flex;gap:12px;align-items:flex-start;padding:18px 0}.comment>.avatar{width:40px;height:40px;margin-top:2px}.comment-body{flex:1;min-width:0}.comment-body strong{font-size:15px;font-style:normal;color:#174f5a}.comment-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;line-height:1.7}.comment-hidden-label{font-size:12px;color:#527a84;background:#e9f3f6;border-radius:5px;padding:3px 6px}.leader .avatar{width:36px;height:36px}.leader strong{min-width:0}.hunter .avatar{border-color:#f3fafc}
#toast{position:fixed;inset:auto;top:20px;right:20px;bottom:auto;left:auto;margin:0;transform:none;display:flex;align-items:flex-start;gap:12px;width:min(450px,calc(100vw - 32px));max-width:none;max-height:60dvh;overflow:auto;background:#f5fffc;color:#174d48;border:1px solid #b5ddd3;border-left:5px solid #159d80;border-radius:14px;box-shadow:0 12px 44px #0b364d35;padding:16px 12px 16px 16px;z-index:10000;font-size:15px;line-height:1.6;pointer-events:auto}
#toast[hidden]{display:none}#toast::backdrop{background:transparent;pointer-events:none}#toast[data-kind=error]{background:#fff7f3;color:#863d2c;border-color:#edc7ba;border-left-color:#d46546}.notice-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#d5f0e5;font-weight:800;color:#11785f}#toast[data-kind=error] .notice-icon{background:#fbe0d6;color:#b94d2b}#toast>div{flex:1;min-width:0}#notice-title{display:block;font-size:14px;margin:0 0 3px}#notice-message{display:block;overflow-wrap:anywhere;white-space:pre-line}#notice-close{flex-shrink:0;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:27px;line-height:1}#notice-close:hover{background:#00000008}
.form-message{padding:12px 14px;border:1px solid #efc6b8;border-left:4px solid #d46546;border-radius:9px;background:#fff5f0;color:#873e29;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.form-message[hidden]{display:none}
@media(max-width:520px){.sidebar nav #create{background:none;border:0;box-shadow:none;color:#087d94}.post-actions .solved-count{flex-basis:100%;margin-left:0;max-width:none;font-size:12px!important;text-align:left}.post-actions .guess-button,.post-actions .discussion-button{font-size:13px;padding:10px 12px}.avatar-editor{padding:16px;gap:13px;align-items:flex-start}.avatar-editor .profile-avatar{width:70px;height:70px;font-size:25px}.avatar-editor strong{font-size:15px}.avatar-actions button{font-size:13px}.comment{gap:10px}.leader{gap:9px}.leader .avatar{width:30px;height:30px}#toast{top:calc(12px + env(safe-area-inset-top));right:12px;width:calc(100vw - 24px);padding:14px 9px 14px 12px;font-size:14px}#notice-close{min-height:44px;min-width:36px}}
@media(prefers-reduced-motion:reduce){.primary,.sidebar nav #create{transition:none}}

.like-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5d6e2!important;background:#fff6fa!important;color:#a9547f!important;border-radius:11px!important;padding:10px 12px!important;min-height:46px;font-size:14px;font-weight:600;flex-shrink:0}.like-button svg{width:22px;height:22px;fill:transparent;transition:fill .15s,transform .15s}.like-button:hover{background:#ffe9f2!important}.like-button.is-liked{color:#ca326b!important;border-color:#f4bad0!important;background:#ffedf4!important}.like-button.is-liked svg{fill:#e44f86;stroke:#cb3c71;transform:scale(1.06)}
.inbox-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.inbox-tools #notifications-read,.inbox-tools #notifications-refresh{margin:0;font-size:14px;min-height:44px}
.detail-author{display:flex;align-items:center;gap:10px;margin-bottom:16px}.detail-author>span:not(.avatar){font-size:14px;flex:1;min-width:0;overflow-wrap:anywhere}.detail-author .like-button{margin-left:auto}#comment-result{padding:12px 14px;background:#edf8fb;border-radius:10px;border:1px solid #d5e9f0;line-height:1.8}.gps-details{margin-top:18px}#comment-form label{font-size:16px}
#notifications-button{position:relative}#unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;margin-left:4px;border-radius:20px;background:#d93d6d;color:white;font-size:11px;line-height:1}#unread-count[hidden]{display:none}.inbox-dialog{width:min(620px,calc(100% - 28px))}#notifications-read{font-size:14px;min-height:44px;margin-bottom:16px}.inbox-item{display:flex;gap:12px;align-items:flex-start;width:100%;background:#fff;border:1px solid #e1edf1;border-radius:13px;padding:16px;margin:12px 0;text-align:left;color:#315b6e;line-height:1.7}.inbox-item.unread{background:#eaf7ff;border-color:#c9e5f5}.inbox-item:hover{background:#dff2fb}.inbox-item>.avatar{width:42px;height:42px}.inbox-item>span:not(.avatar){flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.inbox-item strong{color:#124d68}.inbox-case{display:block;margin:4px 0;font-size:14px;color:#1c6483}.inbox-item small{font-size:12px;color:#6b8593}.inbox-item i{height:8px;width:8px;border-radius:50%;background:transparent;margin-top:8px;flex-shrink:0}.inbox-item.unread i{background:#1b93c5}.inbox-empty{font-size:15px;line-height:1.9;color:#5a7a89;text-align:center;padding:32px 16px}#notifications-more{min-height:44px;display:block;margin:16px auto}#notifications-more[hidden]{display:none}
@media(max-width:520px){.sidebar nav button{width:auto;flex:1;max-width:76px;min-width:0}.sidebar nav button>span:last-child{font-size:9px}#unread-count{position:absolute;top:2px;right:8px;margin:0;min-width:17px;height:17px;font-size:9px}.post-actions .guess-button{flex:1;justify-content:center;font-size:12px;padding:11px 9px}.post-actions .like-button{padding:10px!important}.detail-author{flex-wrap:wrap}.detail-author>span:not(.avatar){font-size:13px}.inbox-item{gap:9px;padding:13px}.inbox-item>span:not(.avatar){font-size:13px}.inbox-dialog{width:calc(100% - 20px)}}

/* Desktop: balance navigation, photographs and supporting widgets. */
@media(min-width:1041px){
  header.sidebar{width:240px}
  .workspace{margin-left:240px;max-width:none;grid-template-columns:minmax(0,1fr) 280px;gap:36px;padding:44px 24px 30px}
  .right-rail{position:sticky;top:24px;width:auto;padding:24px;overflow:visible;background:linear-gradient(180deg,#fff,#f4fbfd);border-left:1px solid #dcebf0}
  .right-rail .journey{padding-bottom:20px}
  .right-rail .journey>.eyebrow{margin-bottom:16px}
  .right-rail .journey-user{gap:9px}
  .right-rail .journey-user .avatar{width:40px;height:40px;font-size:16px}
  .right-rail .community{margin-top:20px}
  .right-rail .hunter{gap:8px;margin:14px 0}
  .right-rail .how-to{padding:16px;margin-top:22px}
  .right-rail .how-to>span svg{width:28px;height:28px;margin-bottom:14px}
  .right-rail .how-to h2{font-size:24px;margin:12px 0}
  .right-rail .how-to .how-tags{gap:5px;margin-top:14px}
  .right-rail footer{margin-top:18px}
}
@media(min-width:1231px){
  header.sidebar{width:280px;padding-left:30px;padding-right:30px}
  .workspace{margin-left:280px;grid-template-columns:minmax(0,1fr) 320px;gap:48px}
  .right-rail{padding-left:28px;padding-right:28px}
}
@media(min-width:1600px){
  header.sidebar{width:300px;padding-left:34px;padding-right:34px}
  .workspace{margin-left:300px;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding-left:32px;padding-right:32px}
  .right-rail{padding-left:32px;padding-right:32px}
}

.consent-fields{border:1px solid #c7e0e8;border-radius:12px;padding:16px;margin:24px 0;background:#f4fafc}.consent-fields legend{font-size:15px;font-weight:700;padding:0 7px}.consent-check{display:flex;align-items:flex-start;gap:11px;font-size:14px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}.consent-check input[type=checkbox]{flex-shrink:0;width:20px;height:20px;min-height:20px;margin:4px 0 0;accent-color:#0c7a98;padding:0}.consent-check span{min-width:0}.consent-check a,.privacy-actions a,dialog a{color:#08789d;text-decoration:underline;text-underline-offset:3px}.content-rights{padding:15px;border:1px solid #cce2e9;border-radius:11px;background:#eff8fa}.avatar-rights{font-size:13px;margin:14px 0 24px}.privacy-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid #d9e7ec;padding:20px 0 0;margin-top:22px;font-size:14px}.privacy-actions .text-button{text-align:left;padding:8px 0}.legal-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:10px 26px 12px 262px;font-size:13px}.legal-footer a{color:#557c8e;text-decoration:underline;text-underline-offset:3px}.legal-draft-hint{font-size:12px;color:#8d6c31;text-align:center;margin:8px 26px 28px 262px;line-height:1.8}.guardian-request{padding:10px 14px;background:#fff4df;border:1px solid #eedab3;border-radius:9px}.guardian-request[hidden],.location-picker[hidden],label[hidden]{display:none!important}.form-message[data-kind=success]{background:#edf9f2;border-color:#b8dfcc;border-left-color:#32895e;color:#285f43}
@media(max-width:1040px){.legal-footer,.legal-draft-hint{margin-left:220px}}@media(max-width:700px){.legal-footer,.legal-draft-hint{margin-left:96px}}@media(max-width:520px){.consent-fields{padding:12px}.consent-check{font-size:14px;gap:9px}.legal-footer{margin:0 18px 12px;gap:10px 18px;font-size:12px}.legal-draft-hint{margin:8px 18px 95px}.privacy-actions{font-size:14px}}
.legal-footer{width:auto;max-width:none}
/* Keep policy links secondary while preserving readable, usable targets. */
.legal-footer{font-size:11px;gap:4px 16px}
.legal-footer a{display:inline-flex;align-items:center;min-height:44px;color:#607786;text-decoration:none}
.legal-footer a:hover,.legal-footer a:focus-visible{color:#08789d;text-decoration:underline}
@media(min-width:1041px){
  .right-rail .legal-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin:0;width:100%;align-items:center}
  .right-rail .legal-footer a{font-size:10px;line-height:1.5;min-height:44px;white-space:nowrap}
  .right-rail .legal-draft-hint{margin:0;font-size:11px;text-align:left;line-height:1.7}
}