:root{color-scheme:dark;--bg:#0b0b13;--panel:#14141f;--line:#2a2a3b;--muted:#a4a4b8;--accent:#c5a3ff;--mint:#c9fca5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f3fc;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:#202030;color:inherit;padding:10px 16px;border-radius:14px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.1;letter-spacing:-1.4px}h2{line-height:1.2;letter-spacing:-.7px}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.layout{max-width:1320px;display:grid;grid-template-columns:235px minmax(0,650px) 285px;margin:auto;min-height:100vh}.sidebar{padding:28px 24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:39px;font-weight:850;letter-spacing:-3px;color:white}.brand span{color:var(--accent);margin-left:5px}.muted,small{color:var(--muted)}.sidebar nav{display:grid;gap:10px;margin-top:32px}.navbtn{text-align:left;background:transparent;border:0;padding:13px 16px;font-weight:600}.navbtn.active{background:#252136;color:var(--accent)}.navbtn .icon{font-size:21px;display:inline-block;width:35px}.side-footer{margin-top:auto;font-size:12px;color:var(--muted)}main{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:0}header{height:84px;position:sticky;top:0;z-index:5;background:#0b0b13f5;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);font-size:20px;font-weight:700}.pill{font-size:13px;color:var(--mint);border-color:#41513b;border-radius:30px;background:#20291e}.rightbar{padding:48px 30px}.rightbar h2{font-size:32px}.orbit{border:1px solid #625086;border-radius:50%;width:135px;height:135px;display:grid;place-items:center;color:var(--accent);font-size:65px;background:radial-gradient(ellipse,#41345b 0,transparent 65%);margin:5px 0 32px}.section{padding:28px}.tabs{display:flex;gap:10px;padding:18px 26px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:0;padding:7px}.tabs button.active{color:white;border-bottom:2px solid var(--accent)}.stories{display:flex;overflow:auto;gap:15px;padding:20px 26px;border-bottom:1px solid var(--line)}.story{background:transparent;border:0;padding:0;min-width:67px;font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.avatar{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#494176,#2d4760);border-radius:50%;font-size:19px;font-weight:750;flex-shrink:0}.story .avatar{border:2px solid var(--accent);outline:3px solid #242033;width:56px;height:56px;margin:5px auto 8px}.post{padding:24px 26px;border-bottom:1px solid var(--line)}.posthead{display:flex;align-items:center;gap:12px;margin-bottom:17px}.posthead button{padding:0;border:0;background:transparent;text-align:left}.posthead small{display:block;font-size:11px}.post-art{min-height:265px;border-radius:22px;background:radial-gradient(ellipse at 95% 0,#554270,transparent 70%),linear-gradient(140deg,#242a3c,#191724);padding:35px 30px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere;position:relative}.post:nth-child(2n) .post-art{background:radial-gradient(ellipse at 10% 90%,#32534b,transparent 70%),#20232c}.post-art p{font-size:25px;font-weight:650;line-height:1.35;white-space:pre-wrap;margin:10px 0}.post-art .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:#d2c5ed}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.actions button{background:transparent;font-size:13px;padding:7px 11px}.actions .liked{color:#e9adff;border-color:#a07acd}.primary{background:var(--accent);color:#15111d;border:0;font-weight:750}.full{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:15px}.card{border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px;background:var(--panel)}.card p:last-child{margin-bottom:0}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #434356;background:#101019;color:white;border-radius:12px;padding:12px}textarea{resize:vertical;min-height:115px}label{display:block;font-size:13px;color:#ddd9e9}label input,label textarea,label select{margin-top:6px}form{display:grid;gap:18px}.check{display:flex;gap:12px;align-items:flex-start}.check input{margin-top:6px}.auth{padding:45px 32px}.auth .eyebrow{color:var(--mint);font-size:12px;letter-spacing:2px}.auth h1{margin:20px 0}.auth p{max-width:440px}.auth form{margin:30px 0}.profile-hero{padding:32px;background:radial-gradient(ellipse at top right,#493758,transparent 70%)}.profile-hero .avatar{width:80px;height:80px;font-size:34px;margin-bottom:20px}.stats{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.stats strong{font-size:24px;display:block}.stats small{font-size:12px}.rankrow{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.rankrow .score{margin-left:auto;color:var(--mint)}.empty{padding:45px 26px;color:var(--muted);text-align:center}.badge{font-size:11px;border:1px solid #625370;border-radius:20px;padding:3px 9px;color:#dec9ff}.danger{color:#ffb4b4}dialog{width:min(540px,95vw);max-height:90vh;background:#171721;color:white;border:1px solid #45415b;border-radius:24px;padding:30px;overflow:auto}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{float:right;border:0;background:transparent;font-size:26px;padding:0 5px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#e5d8ff;color:#15111d;padding:12px 22px;border-radius:14px;z-index:30;max-width:90%;display:none}.mobile-brand,#mobile-nav{display:none}.bodytext{white-space:pre-wrap;overflow-wrap:anywhere}.media{width:100%;max-height:550px;object-fit:contain;border-radius:15px;background:#000;margin-bottom:10px}@media(max-width:1100px){.layout{grid-template-columns:200px minmax(0,650px)}.rightbar{display:none}}@media(max-width:700px){.layout{display:block}.sidebar{display:none}main{border:0;padding-bottom:90px}header{height:72px;padding:10px 20px}#page-title{display:none}.mobile-brand{display:block;font-size:32px}#mobile-nav{display:flex;position:fixed;bottom:0;width:100%;justify-content:space-around;padding:8px 4px max(12px,env(safe-area-inset-bottom));background:#11111df8;border-top:1px solid var(--line);z-index:10}#mobile-nav .navbtn{padding:6px;font-size:10px;display:grid;justify-items:center}#mobile-nav .icon{width:auto;font-size:23px}.post{padding:20px}.post-art{min-height:300px;padding:28px}.section{padding:23px}.auth{padding:35px 23px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.quest-grid .card{display:flex;flex-direction:column;gap:10px;margin:0}.quest-grid .card p{flex:1}.pulse-strip{display:flex;gap:8px;overflow:auto;padding:12px 20px}.chip{white-space:nowrap}fieldset{border:1px solid #444;border-radius:14px;margin:16px 0;padding:14px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}small{overflow-wrap:anywhere}#google-button{margin:16px 0}.stack button{width:100%}header{gap:8px}#notification-bell{font-size:12px;padding:8px}
/* Accessible themes and clear action hierarchy. */
:root{--text:#f5f3fc;--input:#101019;--surface:#202030;--header:#0b0b13f5;--active:#252136}
:root[data-theme=light]{color-scheme:light;--bg:#f8f6fc;--panel:#fff;--line:#d7d0e3;--muted:#625971;--accent:#6834b5;--mint:#285e15;--text:#21182e;--input:#fff;--surface:#eee8f6;--header:#f8f6fcf5;--active:#e9ddfa}
body,dialog{color:var(--text)}button{background:var(--surface)}.brand{color:var(--text)}header,#mobile-nav{background:var(--header)}.navbtn.active{background:var(--active)}.tabs button.active{color:var(--text)}input:not([type=checkbox]),textarea,select{background:var(--input);color:var(--text);border-color:var(--line)}label{color:var(--text)}dialog{background:var(--panel)}.primary,.actions button.primary{background:var(--accent);color:#15111d}.actions button.primary{padding:10px 16px}button:disabled{cursor:not-allowed;opacity:.65}:root[data-theme=light] .primary{color:white}:root[data-theme=light] .post-art,:root[data-theme=light] .post:nth-child(2n) .post-art{background:linear-gradient(135deg,#eee7fa,#e4edf4)}:root[data-theme=light] .post-art .eyebrow{color:#65458a}:root[data-theme=light] .badge{color:#643799}:root[data-theme=light] .profile-hero{background:linear-gradient(135deg,#f8f6fc,#ece0fa)}:root[data-theme=light] .avatar{color:white}:root[data-theme=light] .pill{background:#e7f2de;color:#285e15}:root[data-theme=light] .danger{color:#aa202d}:root[data-theme=light] .actions .liked{color:#713494}.quest-card{background:linear-gradient(140deg,var(--active),var(--panel))}.capture-box{border:1px dashed var(--line);border-radius:20px;padding:16px}.post-art:has(.media){padding:8px;min-height:0}.post-art:has(.media) p{padding:10px;font-size:18px}.post-art:has(.media) .eyebrow{padding:10px}.media{max-height:70vh}.capture-box [hidden]{display:none}#theme-options button{text-align:left}
/* 1.3: clear hierarchy, compact identity and visual collections. */
.aura-counter{display:inline-flex;align-items:center;cursor:default;padding:8px 10px;font-size:13px;font-weight:700;color:var(--text);background:var(--active);border-radius:10px}.actions .aura-vote{border:1px solid var(--line);padding:9px 12px;font-weight:700}.actions .aura-vote.selected{background:var(--accent);color:#15111d}:root[data-theme=light] .actions .aura-vote.selected{color:white}.profile-hero{position:relative;padding:30px 28px 24px;background:linear-gradient(145deg,var(--active),var(--bg));text-align:center}.profile-hero .avatar{margin:0 auto 14px;width:88px;height:88px;box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--line)}.profile-hero h1{font-size:28px;letter-spacing:-.7px;margin:12px 0 4px;overflow-wrap:anywhere}.profile-handle{color:var(--muted);font-size:14px}.profile-hero .stats{justify-content:center;margin:20px 0;gap:35px}.profile-hero .stats strong{font-size:23px}.profile-hero .bodytext{font-size:14px;max-width:400px;margin:0 auto}.profile-hero .actions{justify-content:center}.profile-content{padding:0}.profile-tabs{justify-content:center;padding:8px 16px;position:relative}.profile-tabs button{flex:1}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-top:3px}.profile-grid .empty{grid-column:1/-1}.profile-tile{position:relative;aspect-ratio:3/4;border:0;border-radius:0;overflow:hidden;padding:0;background:var(--active);display:grid;place-items:center}.profile-tile img,.profile-tile video{width:100%;height:100%;object-fit:cover;pointer-events:none}.profile-tile>span{padding:12px;font-size:14px;overflow-wrap:anywhere;max-height:100%;overflow:hidden}.profile-tile small{position:absolute;bottom:0;left:0;width:100%;text-align:left;padding:18px 8px 6px;background:linear-gradient(transparent,#000b);color:white;pointer-events:none}.settings-group{margin:22px 0}.settings-group h3{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.settings-group button{display:block;width:100%;text-align:left;background:transparent;border-width:0 0 1px;border-radius:0;padding:13px 4px}.settings-group button:hover{background:var(--active)}#account-settings .section{padding:0}.signup-details{display:grid;gap:16px}.password-toggle{font-size:12px;justify-self:end;background:transparent;padding:2px 6px;border:0;margin-top:-12px}.ranked-intro{padding:24px;border-radius:20px;background:linear-gradient(125deg,var(--active),var(--panel));border:1px solid var(--line);margin:24px 0}.reward-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.reward-pair span{background:var(--bg);padding:12px;border-radius:12px}.reward-pair strong{display:block;font-size:24px}.ranked-card .post{padding:10px 0}.balance-total{font-size:46px;font-weight:800}.balance-total small{font-size:16px}.post-art:not(:has(.media)){min-height:120px;padding:24px}.post-art:not(:has(.media)) p{font-size:20px}header{background:var(--bg)}.rightbar{position:sticky;top:0;height:100vh}.rightbar h2{font-size:27px}.rightbar .orbit{width:90px;height:90px;font-size:45px}.actions{align-items:center}html{scroll-padding-top:85px}#profile-post-view .post{padding:10px 0}#content{touch-action:pan-y}#content .tabs,#content .stories{touch-action:pan-x}button:focus-visible{outline:3px solid var(--accent)}
@media(max-width:700px){.profile-hero{padding:24px 18px 20px}.profile-hero h1{font-size:25px}.profile-hero .stats{gap:30px}.profile-hero .actions button{min-height:40px}.profile-tile{aspect-ratio:3/4}.post{padding:12px 12px 18px;scroll-snap-align:start}.posthead{margin-bottom:10px}.post-art:has(.media){padding:0;border-radius:16px}.post-art:has(.media) .eyebrow{display:none}.post-art .media{max-height:64svh;border-radius:0;margin:0}.post-art:has(.media) p{font-size:15px;margin:0;padding:12px}.actions{gap:6px;margin-top:10px}.actions button{font-size:12px;min-height:38px}header{padding:10px 14px}.pill{font-size:11px;padding:9px 10px}#notification-bell{font-size:11px}html{scroll-snap-type:y proximity;scroll-padding-top:72px}.auth h1{font-size:34px}.auth{padding:28px 22px}.ranked-intro{padding:18px}.profile-tabs{padding:8px}.rightbar{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}

.auth-screen #aura-pill,.auth-screen #mobile-nav,.auth-screen .sidebar nav,.auth-screen .rightbar{display:none}.auth-screen header{position:static}.auth-screen .auth{max-width:520px;margin:auto}.google-pending{margin:12px 0}.auth-screen main{padding-bottom:0}.auth-screen .auth h1{margin-top:12px}
.profile-cover{width:100%;height:140px;object-fit:cover;border-radius:16px;margin-bottom:20px}.profile-hero img.avatar{object-fit:cover}.profile-grid video{background:#171023}.settings-group button,.navbtn,.actions button{user-select:none;touch-action:manipulation}input,textarea,p{user-select:text}#social-hub button{text-align:left}#search-results{margin-top:22px}#search-results .post{padding:14px 0}#message-list .card{white-space:pre-wrap;overflow-wrap:anywhere}#team-feed .post{padding:12px 0}@media(max-width:700px){header{gap:5px}header>button{padding:8px}header .brand{font-size:28px}.profile-cover{height:110px}#notification-bell{max-width:65px;overflow:hidden}}
.editor-options{border:1px solid var(--line);padding:12px;border-radius:12px}.editor-options label{margin-top:14px}.editor-options summary{cursor:pointer}#invite{display:flex;gap:8px;flex-wrap:wrap}#invite button{margin-bottom:8px}

.sidebar .brand{font-size:27px;letter-spacing:-1.2px}@media(max-width:700px){header .brand{font-size:19px;letter-spacing:-.8px}header .brand span{margin-left:2px}}