@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;650;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d14;--panel:#171923;--line:#303346;--muted:#a6aac1;--lime:#8faaff;--text:#f3f3fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .18s,transform .18s}button:hover{filter:brightness(1.12)}a{color:inherit;text-decoration:none}.rail{width:246px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 24px;display:flex;flex-direction:column;background:#10111b}.brand{display:flex;align-items:center;gap:9px;font:800 30px 'Outfit',sans-serif;letter-spacing:-.6px}.brand> :first-child{color:var(--text)}.brand-dot{font:12px sans-serif;vertical-align:top;margin-left:3px}.crew-label{font-size:12px;letter-spacing:1.8px;color:var(--muted);margin:52px 0 16px}.crew-picker{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700}.crew-icon{background:#202b4c;color:var(--lime);padding:12px 8px;border:1px solid #415986;border-radius:8px}.crew-picker small,.profile small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}nav{margin-top:30px;display:grid;gap:8px}nav button{display:flex;gap:16px;background:none;border:0;color:var(--muted);padding:15px;border-radius:7px;text-align:left;font-size:21px}nav button span{font-size:14px;align-self:center}nav button.active{background:#20294c;color:var(--lime)}.rail-note{margin-top:auto;padding:40px 9px}.rail-note>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.rail-note p{font:600 29px 'Outfit',sans-serif}.mini-line{height:4px;width:56px;background:var(--lime)}.profile{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;align-items:center;font-size:14px}.profile-arrow{margin-left:auto}.avatar{width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#101329;border:3px solid var(--panel);flex-shrink:0}.you{background:#8faaff}.purple{background:#bf9cff}.orange{background:#ff8a9e}.blue{background:#90bcff}.workspace{margin-left:246px}header{height:78px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}#crumb{color:var(--text)}.slash{margin:0 15px;color:#737591}.prototype{font-size:10px;letter-spacing:1.5px;border:1px solid var(--line);border-radius:4px;padding:7px 9px}main{max-width:1400px;margin:auto;padding:39px 42px 20px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1{font:700 clamp(42px,4.2vw,66px)/.98 'Outfit',Impact,sans-serif;letter-spacing:-1px;margin:16px 0}h1 em{color:var(--lime);font-style:normal}.heading p{color:var(--muted);font-size:14px;margin:18px 0 0}.primary{background:var(--lime);color:#0d1532;padding:13px 18px;border:0;border-radius:6px;font-size:14px;font-weight:700;white-space:nowrap}.demo-note{color:#a4a5be;font-size:12px;margin:25px 0 16px}.top-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.momentum,.next-session{border:1px solid var(--line);border-radius:10px;padding:25px;background:var(--panel)}.momentum{background:linear-gradient(120deg,#20264a,#20182f);border-color:#414361}.card-top{display:flex;align-items:center;justify-content:space-between}.pill{font-size:10px;letter-spacing:1px;color:var(--lime);padding:6px 8px;border:1px solid #535788;border-radius:4px}.momentum-body{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 18px}h2{margin:0;font-size:20px;letter-spacing:-.4px}.momentum h2{font:600 35px/.98 'Outfit',sans-serif}.momentum p,.next-session p{color:var(--muted);font-size:13px;line-height:1.7;margin:14px 0 0}.momentum p strong{color:var(--text);font-weight:500}.meter{width:130px;height:130px;position:relative;flex-shrink:0}.meter svg{width:100%;height:100%;transform:rotate(-90deg)}.meter circle{fill:none;stroke-width:5}.track{stroke:#39344f}.arc{stroke:var(--lime);stroke-dasharray:320;stroke-dashoffset:182;stroke-linecap:round;transition:stroke-dashoffset .4s}.meter>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.meter strong{font:600 45px 'Outfit',sans-serif}.meter strong span{font-size:24px}.meter small{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.momentum-footer{border-top:1px solid #3d3d57;padding-top:15px;display:flex;gap:13px;align-items:center;font-size:12px;color:#c3c5dc}.avatar-stack{display:flex;padding-left:7px}.avatar-stack .avatar{margin-left:-7px}.live-tag{color:var(--lime);font-size:10px;letter-spacing:1px}.session-time{font-size:11px;letter-spacing:1px;color:var(--muted);margin:28px 0 10px}.session-time span{color:var(--text);margin-left:12px}.next-session h2{font:600 35px 'Outfit',sans-serif}.session-meta{display:flex;gap:24px;color:var(--muted);font-size:12px;margin:20px 0}.session-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;gap:12px}.session-bottom>span{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px;gap:10px}.section-heading h2{font-size:19px}.section-heading h2 span{font:12px 'DM Sans',sans-serif;color:var(--muted);margin-left:7px}.section-heading p{color:var(--muted);font-size:13px;margin:7px 0 0}.text-button{border:0;background:none;color:var(--muted);font-size:13px}.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quest-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px;cursor:pointer;transition:border-color .2s;text-align:left;color:var(--text);width:100%}.quest-card:hover{border-color:#7762ab}.quest-top{display:flex;justify-content:space-between;align-items:center}.quest-symbol{font-size:22px;color:var(--lime)}.quest-card:nth-child(even) .quest-symbol{color:#bf9cff}.mode{font-size:11px;color:var(--muted);border:1px solid #454661;border-radius:20px;padding:5px 9px}.quest-card h3{font-size:20px;margin:19px 0 7px}.quest-card p{font-size:13px;color:var(--muted);margin:0 0 22px;line-height:1.5}.progress-caption{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.bar{height:4px;background:#303348;margin:9px 0 18px;border-radius:3px;overflow:hidden}.bar i{height:100%;display:block;background:var(--lime)}.quest-card:nth-child(even) .bar i{background:#bf9cff}.quest-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.muted{font-size:10px;letter-spacing:1px;color:var(--muted)}.task{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.task input{appearance:none;width:20px;height:20px;border:1px solid #666b90;border-radius:5px;cursor:pointer;flex-shrink:0}.task input:checked{background:var(--lime);border-color:var(--lime)}.task input:checked:after{content:'✓';color:#11132b;display:block;text-align:center;font-size:15px}.task input:checked+div strong{text-decoration:line-through;color:var(--muted)}.task strong{font-size:14px;font-weight:500}.task small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.task>span{margin-left:auto;font-size:11px;color:#d1ccf3}.signal{color:var(--lime)}.signal-row{display:flex;gap:10px;padding:13px 0}.signal-row p{margin:0;font-size:13px;line-height:1.6;color:#cacadd}.signal-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.signal-row b{color:var(--text)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;color:#9394b0;font-size:9px;letter-spacing:1.4px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:25px 0}.day{border:1px solid var(--line);padding:18px 8px;text-align:center;border-radius:8px;color:var(--muted);font-size:12px}.day strong{font-size:25px;display:block;margin-top:8px}.day.today{color:var(--lime);background:#20264a;border-color:#5769a6}.lineup-card{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:24px;margin:14px 0;display:flex;align-items:center;gap:25px}.lineup-card h3{margin:0 0 8px}.lineup-card p{color:var(--muted);font-size:14px;margin:0}.lineup-card button{margin-left:auto}.crew-intro{margin:30px 0}.crew-intro p{color:var(--muted)}.crew-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.person{padding:25px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.person .avatar{width:52px;height:52px;font-size:16px}.person h3{margin-bottom:7px}.person p{color:var(--muted);font-size:14px}.person button{border:1px solid #584a86;background:#292041;color:var(--lime);padding:10px 16px;border-radius:5px}dialog{background:#191a29;color:var(--text);border:1px solid #49456b;border-radius:14px;width:510px;max-width:calc(100% - 28px);padding:28px}dialog::backdrop{background:#060610d4;backdrop-filter:blur(5px)}dialog h2{font:600 36px 'Outfit',sans-serif;margin:16px 0 25px}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{background:none;border:0;color:var(--muted);font-size:27px;padding:0 5px}label{display:block;font-size:13px;margin-top:18px}input:not([type=checkbox]),select{width:100%;background:#10111c;border:1px solid #454864;border-radius:5px;color:var(--text);padding:12px;margin-top:8px;font-size:14px}input:focus,select:focus{outline:1px solid var(--lime)}.form-row{display:flex;gap:15px}.form-row label{flex:1;min-width:0}.form-help{font-size:13px;color:var(--muted);line-height:1.6}.full{width:100%;margin-top:20px}.detail-meta{font-size:14px;color:var(--muted);line-height:1.8}.checkpoints{margin:25px 0}.checkpoint{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.checkpoint button{border:1px solid #65568b;background:none;color:var(--lime);border-radius:4px;width:26px;height:26px;flex-shrink:0}.checkpoint.done span{text-decoration:line-through;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#11172e;padding:14px 22px;border-radius:7px;box-shadow:0 5px 30px #0008;font-size:14px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:55px}.top-grid{margin-top:22px}}@media(max-width:1100px){.rail{width:205px;padding:30px 17px}.workspace{margin-left:205px}main{padding:30px 25px}header{padding:0 25px}.top-grid{grid-template-columns:1fr}.momentum-body{margin:15px 0}.next-session{display:none}.bottom-grid{grid-template-columns:1fr}.quest-card{padding:18px}}@media(max-width:700px){.rail{position:fixed;inset:auto 0 0 0;width:100%;height:72px;padding:0;z-index:5;border-right:0;border-top:1px solid var(--line)}.rail>*:not(nav){display:none}nav{display:flex;margin:0;height:100%;justify-content:space-around;gap:0}nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;flex:1;padding:8px 4px;border-radius:0;font-size:20px}nav button span{font-size:11px}.workspace{margin-left:0}header{height:60px;padding:0 20px;font-size:12px}.prototype{font-size:8px;letter-spacing:.5px}main{padding:28px 20px 95px}.heading{align-items:flex-end;gap:8px}h1{font-size:47px}.eyebrow{font-size:9px;letter-spacing:1.2px}.heading p{max-width:210px;font-size:13px;line-height:1.5}.heading .primary{padding:11px;font-size:12px;margin-bottom:4px}.demo-note{font-size:11px;line-height:1.6}.momentum{padding:20px}.momentum h2{font-size:32px}.momentum p{font-size:12px}.meter{width:110px;height:110px}.momentum-footer{font-size:10px}.quest-grid{grid-template-columns:1fr}.section-heading h2{font-size:18px}.crew-grid{grid-template-columns:1fr 1fr;gap:10px}.person{padding:17px}.person p{font-size:12px}.week-strip{gap:4px}.day{padding:15px 2px;font-size:10px}.day strong{font-size:20px}.lineup-card{flex-wrap:wrap;padding:18px;gap:15px}.lineup-card button{margin-left:0}.lineup-card p{font-size:12px}footer{font-size:8px;line-height:1.7;gap:20px}.form-row{gap:10px}dialog{padding:22px}.session-bottom{flex-wrap:wrap}}

.space-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:22px}.space-label select{font-size:13px;margin-top:7px;padding:10px;color:var(--text)}.empty-quest{padding:30px;background:var(--panel);border:1px dashed #555078;border-radius:9px;grid-column:1/-1}.empty-quest h3{font-size:23px}.empty-quest p,.empty-copy{color:var(--muted);font-size:14px;line-height:1.7}.solo-mode .top-grid{grid-template-columns:1fr}.solo-mode .quest-bottom .avatar-stack .avatar:not(.you){display:none}.solo-mode .momentum-body{max-width:600px}.solo-mode .session-bottom{display:none}@media(max-width:700px){.rail .space-label{display:block;position:fixed;right:14px;top:62px;z-index:6;margin:0;font-size:0}.space-label select{padding:7px;width:112px;font-size:11px;margin:0;background:#24233a}.heading{padding-top:26px}}

/* Future club: rounded geometric lettering, restrained electric accents. */
:root{--blue:#8faaff;--red:#ff708d;--purple:#bf9cff;--lime:var(--blue)}
body{background:radial-gradient(ellipse at 88% 0%,#38225535,transparent 45%),var(--bg)}
.brand{font:700 25px 'Outfit',sans-serif;letter-spacing:.4px;gap:7px}.brand-dot{color:var(--red)}
.rail{background:linear-gradient(180deg,#11131f,#101019)}
.crew-icon{border-radius:12px;background:#202747}nav button{border-radius:12px}nav button.active{box-shadow:inset 3px 0 var(--blue)}
h1{font-family:'Outfit',sans-serif;font-weight:650;font-size:clamp(38px,3.8vw,58px);line-height:1.04;letter-spacing:-1.8px}h1 em{color:var(--purple)}
h2,h3{font-family:'Outfit',sans-serif;font-weight:600}.heading{position:relative}.heading .eyebrow{color:var(--red)}
.primary{border-radius:12px;background:#8faaff;box-shadow:0 3px 20px #5679ff18}.primary:hover{background:#adc0ff;transform:translateY(-1px)}
.momentum,.next-session,.quest-card,.person,.lineup-card{border-radius:19px}.momentum{background:linear-gradient(125deg,#1d2a503f,#231a384f),#171923;position:relative;overflow:hidden}.momentum:before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,var(--blue),var(--purple),var(--red))}
.momentum h2,.next-session h2{font-family:'Outfit',sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.9px}.meter strong{font-family:'Outfit',sans-serif;font-size:39px}.arc{stroke:var(--purple)}.pill{border-radius:20px;color:var(--purple)}.live-tag{color:var(--red)}.next-session{border-top:3px solid #bb576b}.session-time span{color:#e9c5d1}.mini-line{background:linear-gradient(90deg,var(--blue),var(--purple),var(--red));border-radius:10px;width:80px}.rail-note p{font-family:'Outfit',sans-serif;font-size:25px;line-height:1.1}
.quest-card:hover{border-color:var(--purple);background:#1d1d2e}.quest-card h3{font-size:23px;letter-spacing:-.6px}.quest-card .quest-symbol{color:inherit}.bar{height:5px}.bar i{background:linear-gradient(90deg,#739aff,#a398fc)}.quest-card:nth-child(even) .bar i{background:linear-gradient(90deg,#bc91ff,#ff708d)}
.tone-blue{--icon-color:#99b5ff;--icon-bg:#263352}.tone-purple{--icon-color:#c8a3ff;--icon-bg:#352447}.tone-red{--icon-color:#ff94a9;--icon-bg:#432330}.project-badge{width:49px;height:49px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:var(--icon-color)!important;background:var(--icon-bg);font-family:'Outfit',sans-serif;font-size:29px;line-height:1;border:1px solid color-mix(in srgb,var(--icon-color) 25%,transparent);flex-shrink:0}
.icon-field{border:0;padding:0;margin:20px 0 24px;min-width:0}.icon-field legend{font-size:14px;font-weight:500;margin-bottom:12px}.icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.icon-option{position:relative;margin:0;cursor:pointer}.icon-option input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0}.icon-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 4px 10px;border:1px solid #393a50;border-radius:13px;background:#12131f;color:#b7b9cf;transition:background .15s,border-color .15s}.icon-choice>span{font-size:28px;line-height:1.1;font-family:'Outfit',sans-serif;color:var(--icon-color)}.icon-choice small{font-size:12px}.icon-option input:checked+.icon-choice{background:var(--icon-bg);border:2px solid var(--icon-color);padding:12px 3px 9px;color:#fff;box-shadow:0 0 16px #957aff10}.icon-option input:focus-visible+.icon-choice{outline:2px solid white;outline-offset:3px}.icon-option:hover .icon-choice{background:var(--icon-bg)}
.detail-brand{display:flex;align-items:center;gap:13px;margin:22px 0}.detail-brand h2{margin:0;font-family:'Outfit',sans-serif;font-size:28px;line-height:1.1;overflow-wrap:anywhere}dialog{border-radius:22px}dialog h2{font-family:'Outfit',sans-serif;font-size:30px;line-height:1.1}.task input{border-radius:7px}input:not([type=checkbox]):not([type=radio]),select{border-radius:10px}.signal{color:var(--purple)}.person button{border-radius:10px;color:var(--purple)}.empty-quest{border-radius:18px}.prototype{border-radius:20px}
@media(max-width:700px){h1{font-size:39px;letter-spacing:-1.2px}.momentum h2{font-size:27px}.momentum p{font-size:13px}nav button{border-radius:0}nav button.active{box-shadow:inset 0 3px var(--blue)}.heading .primary{border-radius:10px}.detail-brand h2{font-size:25px}.icon-picker{gap:7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

textarea{display:block;width:100%;font:inherit;font-size:14px;line-height:1.6;background:#10111c;border:1px solid #454864;border-radius:12px;color:var(--text);padding:12px;margin-top:8px;resize:vertical}textarea:focus{outline:2px solid var(--blue)}.heading-actions{display:flex;gap:10px;align-items:center}.task-link{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;margin:0}.member-field{border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:20px}.member-field legend{font-size:14px}.member-field label{margin-top:10px}.member-field input{accent-color:var(--purple)}.project-dialog{width:1120px;max-height:92dvh;padding:27px;overflow:auto}.project-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.project-settings{margin:16px 0;font-size:14px}.project-settings summary{cursor:pointer;color:var(--blue);padding:9px 0}.project-settings .icon-picker{max-width:450px}.project-settings input[readonly]{max-width:450px}.chat-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:23px;border-top:1px solid var(--line);padding-top:20px}.task-panel{max-height:65dvh;overflow:auto;padding-right:8px}.task-panel h3,.chat-heading h3{margin:0;font-size:20px}.project-task{padding:15px;margin:12px 0;background:#131420;border:1px solid #35334d;border-radius:14px}.project-task>div{display:flex;gap:10px;align-items:baseline}.project-task strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.task-number{font-size:12px;color:var(--purple)}.project-task small{display:block;font-size:12px;color:var(--muted);margin-top:10px}.project-task.done{opacity:.65}.project-task.done strong{text-decoration:line-through}.waiting{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}.check-task{font-size:13px;background:#29233f;color:var(--purple);border:1px solid #51416f;padding:8px 12px;border-radius:9px;margin-top:10px}button:disabled{opacity:.5;cursor:default;transform:none}.chat-panel{min-width:0;display:flex;flex-direction:column}.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px}.chat-heading .text-button{color:var(--red)}.chat-messages{height:360px;min-height:180px;overflow:auto;padding:6px 12px 15px 0;display:flex;flex-direction:column;gap:14px}.chat-message{max-width:90%;align-self:flex-start;background:#222238;border:1px solid #35334d;padding:12px 15px;border-radius:15px 15px 15px 4px;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;background:#222e4b;border-color:#3c517c;border-radius:15px 15px 4px 15px}.message-author{font-size:12px;font-weight:600;color:var(--purple)}.message-author time{color:var(--muted);font-size:11px;margin-left:8px;font-weight:400}.chat-message p{white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:1.65}.system-message{background:transparent!important;border:0;color:var(--muted);align-self:center!important;text-align:center;max-width:100%;padding:4px 8px}.system-message .message-author{font-size:11px;color:var(--muted)}.system-message p{font-size:12px;margin-top:4px}.energy-message{border-color:#ab526d!important;background:linear-gradient(120deg,#422038,#282745)!important}.request-card{border-top:1px solid #514565;margin-top:12px;padding-top:12px;font-size:12px}.request-card>div{display:flex;gap:10px;margin-top:12px}.request-card .primary{padding:8px 12px;font-size:12px}.file-link{display:block;border:1px solid #6a6893;background:#141627;padding:12px;border-radius:9px;font-size:13px;margin-top:10px;color:#c4d2ff}.file-link small{display:block;margin-top:5px;color:var(--muted)}.composer-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.composer-actions .primary{margin-left:auto}.attach{font-size:13px;color:var(--blue);margin:0;cursor:pointer;border:1px solid #454967;border-radius:9px;padding:9px}.upload-status{font-size:11px;color:var(--muted)}.chat-connection{font-size:11px;color:var(--muted);margin:10px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:760px){.project-dialog{max-width:calc(100% - 12px);padding:18px;max-height:95dvh}.chat-layout{grid-template-columns:1fr}.task-panel{max-height:300px}.chat-messages{height:320px}.heading-actions{flex-direction:column;gap:5px}.project-meta .mode{font-size:11px}.composer-actions{flex-wrap:wrap}.upload-status{max-width:85px}.chat-heading h3{font-size:18px}.chat-heading .text-button{font-size:12px}}
/* Task builder and compact app workspace */
#questDialog{width:570px;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}.initial-task-field{border:0;padding:0;margin:24px 0 14px;min-width:0}.initial-task-field legend{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;width:100%;margin-bottom:12px}.initial-task-field legend span{margin-left:auto;font-weight:400;color:var(--muted);font-size:12px}.initial-task-row{display:grid;grid-template-columns:24px minmax(0,1fr) 36px;align-items:center;gap:8px;margin:9px 0;animation:task-enter .18s ease-out}.initial-task-row input{margin:0;font-size:14px;min-width:0}.initial-task-number{font:500 12px 'Outfit',sans-serif;color:var(--purple)}.remove-initial-task{width:36px;height:38px;border:1px solid #424058;border-radius:10px;background:#24202e;color:#fda3b3;font-size:23px}.remove-initial-task:disabled{opacity:.2}.add-task-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px dashed #5b5787;background:#25223977;color:var(--purple);border-radius:12px;font-size:14px;margin-top:12px}.add-task-button span{font-size:22px;line-height:1}.add-task-button:hover{background:#32294a;border-color:var(--purple)}.create-footer{position:sticky;bottom:-28px;background:#191a29f5;backdrop-filter:blur(10px);margin:22px -28px -28px;padding:17px 28px 22px;border-top:1px solid #3a3651;z-index:2}.create-footer>span{font-size:12px;color:var(--muted)}.create-footer .primary{margin-top:10px}.project-dialog{padding:0;overscroll-behavior:contain;border:1px solid #534c71;box-shadow:0 25px 100px #0009}.project-dialog #detailContent{padding:0 26px 26px}.project-topbar{position:sticky;top:0;z-index:9;margin:0 -26px;padding:13px 20px 13px 26px;background:#191a29f5;backdrop-filter:blur(16px);border-bottom:1px solid #39384e;gap:10px}.project-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:84px;height:42px;padding:0 12px;background:#332638;border:1px solid #856071;border-radius:12px;color:#ffd8e0;flex-shrink:0}.project-close>span:first-child{font-size:27px;line-height:1}.close-word{font-size:13px;font-weight:600}.project-close:hover{background:#593045;color:#fff}.project-tabs{display:none}.chat-messages{scrollbar-width:thin;scrollbar-color:#635983 transparent;scroll-behavior:smooth}.chat-panel{border:1px solid #36354e;border-radius:17px;padding:16px;background:#14162080}.chat-heading{border-bottom:1px solid #303047;margin-bottom:8px}.chat-message{animation:message-enter .16s ease-out}.chat-message p{font-size:15px}.task-panel{scrollbar-width:thin;scrollbar-color:#635983 transparent}.check-task{min-height:40px}.composer-actions .primary{min-height:42px}.attach{min-height:40px;display:flex;align-items:center}.task-link:hover{background:#252038;border-radius:10px}.task-link>span{margin-left:0!important}.quest-card:active,.primary:active{transform:scale(.985)}
.pixel-ascent{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 60px;order:1}.pixel-ascent svg{width:38px;height:48px;overflow:visible;shape-rendering:crispEdges;filter:drop-shadow(0 0 10px #9f7aff55)}.pixel-ascent path{fill:var(--blue);animation:pixel-rise 2.4s steps(5,end) 3}.pixel-ascent path:nth-child(2){fill:var(--purple);animation-delay:.16s}.pixel-ascent path:nth-child(3){fill:var(--red);animation-delay:.32s}.pixel-ascent>span{font:600 9px 'Outfit',sans-serif;letter-spacing:1.5px;color:#b9acd5}.momentum-body>div:not(.pixel-ascent):not(.meter){order:0}.momentum-body>.meter{order:2}.momentum-body{gap:20px}.momentum-body .meter{margin-left:auto}.momentum h2{max-width:260px}#toast{z-index:100;max-width:min(90vw,500px);box-shadow:0 10px 40px #0007;font-size:14px}#toast.celebrate{background:linear-gradient(105deg,#93b6ff,#c29aff);color:#121527;border:1px solid #e0cfff}#toast.celebrate:before{content:'↑';display:inline-block;font:800 22px monospace;margin-right:10px;animation:pixel-rise .55s steps(4,end) 3}
@keyframes pixel-rise{0%,100%{transform:translateY(0);opacity:.65}45%{transform:translateY(-5px);opacity:1}}@keyframes task-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.project-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.project-dialog #detailContent{padding:0 16px 20px}.project-topbar{margin:0 -16px;padding:12px 14px 12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.project-topbar .eyebrow{font-size:10px;letter-spacing:1px}.project-close{height:42px;min-width:78px}.detail-brand{margin:18px 0 12px}.detail-brand h2{font-size:25px}.detail-brand p{font-size:13px;margin:8px 0 0}.project-meta{gap:6px}.project-settings{margin:8px 0}.project-tabs{display:flex;gap:5px;padding:5px;background:#10111e;border:1px solid #36334c;border-radius:13px;margin:15px 0 0;position:sticky;top:68px;z-index:5}.project-tabs button{flex:1;border:0;background:transparent;border-radius:9px;color:var(--muted);padding:11px;font-size:14px}.project-tabs button[aria-selected=true]{background:#302640;color:#d7bcff}.project-tabs span{font-size:11px;margin-left:7px;color:var(--blue)}.chat-layout{padding-top:14px;gap:0;border-top:0}.chat-layout[data-mobile-view=chat] .task-panel{display:none}.chat-layout[data-mobile-view=tasks] .chat-panel{display:none}.task-panel{max-height:none;padding-right:0}.chat-panel{padding:12px}.chat-messages{height:clamp(210px,40dvh,470px)}.chat-message{max-width:95%}.composer-actions{gap:8px}.chat-panel textarea,.initial-task-row input{font-size:16px}.create-footer{margin:22px -22px -22px;padding:14px 22px 20px;bottom:-22px}.pixel-ascent{flex-basis:32px}.pixel-ascent svg{width:25px;height:35px}.pixel-ascent>span{display:none}.momentum-body{gap:10px}.momentum-body .meter{width:94px;height:94px}.meter strong{font-size:33px}.momentum h2{font-size:25px}#toast{bottom:max(20px,env(safe-area-inset-bottom));font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.install-app{border:1px solid #534b73;background:#27203b;color:#d1b5ff;padding:9px 13px;border-radius:11px;font-size:13px;white-space:nowrap}.project-invite-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.project-invite-row>span{font-size:12px;color:var(--muted)}.invite-project{background:#252b45;color:var(--blue);border:1px solid #4f608b;border-radius:11px;padding:11px 15px;font-size:14px}.invite-title{font:500 20px 'Outfit',sans-serif;color:var(--purple);margin:0 0 12px}.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.share-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;color:var(--blue);background:#202439;border:1px solid #434563;border-radius:16px;padding:19px;font-size:24px;cursor:pointer}.share-option:hover{border-color:var(--purple);background:#2b2641}.share-option span{font:500 16px 'Outfit',sans-serif;color:var(--text)}.share-option small{font-size:12px;color:var(--muted);line-height:1.5}.invite-access-note{font-size:13px;line-height:1.7;background:#302334;border:1px solid #694253;border-radius:12px;padding:13px;color:#e1c5d1}.invite-signin{display:block;text-align:center;margin:25px 0}.invite-project-mark{margin-top:26px;width:64px;height:64px;font-size:37px}.install-copy{font-size:16px;color:#c3c3d8;line-height:1.7}.install-instruction{padding-left:24px;font-size:15px;line-height:1.8;color:#d0cde0}.install-instruction li{padding:8px 0}#inviteFeedback{font-size:13px;color:var(--purple);min-height:20px;margin-top:14px}.invite-loading{color:var(--muted);padding:15px}.project-dialog .chat-connection{min-height:17px}.primary[aria-busy=true]{opacity:.7}.invite-access-note a{text-decoration:underline}
@media(max-width:700px){.install-app{font-size:12px;padding:8px 10px}.project-invite-row{align-items:flex-start;flex-direction:column;gap:8px}.invite-actions{gap:8px}.share-option{padding:15px}.share-option small{font-size:11px}}
@media(display-mode:standalone){header{padding-top:env(safe-area-inset-top);height:calc(78px + env(safe-area-inset-top))}.rail{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
/* A quiet sense of motion, with brighter depth at the entrance. */
body>.cosmos{position:fixed;z-index:0;opacity:.48}.cosmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}.stars{position:absolute;inset:-5%;background-repeat:repeat;will-change:transform}.stars-near{background-image:radial-gradient(1.4px 1.4px at 31px 67px,#c4cbff 90%,transparent),radial-gradient(1px 1px at 181px 146px,#f1d4ff 90%,transparent),radial-gradient(1px 1px at 275px 44px,#e9eeff 90%,transparent),radial-gradient(1.3px 1.3px at 389px 270px,#cdb4ff 90%,transparent);background-size:457px 337px;animation:star-drift 85s linear infinite}.stars-far{background-image:radial-gradient(1px 1px at 20px 129px,#98aadd 80%,transparent),radial-gradient(1px 1px at 141px 31px,#9d92bc 80%,transparent),radial-gradient(1px 1px at 266px 193px,#d9c2e8 80%,transparent);background-size:313px 269px;opacity:.55;animation:star-drift 125s linear infinite reverse}.comet{position:absolute;width:130px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#b29cff77,#dce9ff);opacity:0;transform:rotate(-30deg);filter:drop-shadow(0 0 5px #9b84ff66);animation:comet-pass 29s linear infinite}.comet-one{top:14%;left:15%;animation-delay:7s}.comet-two{top:53%;left:55%;animation-duration:41s;animation-delay:18s;width:90px;background:linear-gradient(90deg,transparent,#fb84aa66,#e5b6ff)}.comet-three{top:80%;left:5%;animation-duration:53s;animation-delay:32s;width:75px}.workspace{position:relative;z-index:1}.rail{z-index:3}.entry-dialog{width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at 75% 20%,#49277755,transparent 55%),radial-gradient(ellipse at 10% 80%,#17346a66,transparent 60%),#0b0d18;padding:30px 20px;overflow:auto;overscroll-behavior:contain}.entry-dialog>.cosmos{position:fixed;opacity:.8}.entry-dialog::backdrop{background:#080a12}.entry-card{position:relative;z-index:1;width:min(510px,100%);margin:clamp(10px,4vh,50px) auto;padding:0 8px 30px;animation:entry-appear .35s ease-out}.entry-brand{font:700 26px 'Outfit',sans-serif;letter-spacing:.5px;margin-bottom:clamp(30px,6vh,65px);color:#e6e8ff}.entry-brand>span{font-size:11px;vertical-align:top;margin-left:3px;color:var(--red)}.entry-card>.eyebrow{color:#b1b8da;font-size:11px;letter-spacing:2px}.entry-card h1{font-size:clamp(38px,6vw,62px);line-height:1.04;letter-spacing:-1.8px;margin:18px 0 22px}.entry-card h1 em{color:#bea0ff}.entry-copy{font-size:17px;line-height:1.7;color:#b9c0d8;max-width:440px}.entry-main{width:100%;display:block;text-align:center;padding:15px 20px;margin-top:24px;border-radius:14px;font-size:16px;background:linear-gradient(100deg,#90adff,#b7a0ff);box-shadow:0 8px 35px #7965c92b}.entry-fine{font-size:12px;line-height:1.7;color:#989fbd;text-align:center;margin:17px 0}.entry-bottom{font:500 10px 'Outfit',sans-serif;letter-spacing:2px;color:#919ab6;text-align:center;margin-top:35px}.entry-card label{font-size:14px}.entry-card input:not([type=checkbox]):not([type=radio]){background:#13182bba;border-color:#424865;font-size:16px;padding:12px 14px}.goal-field,.start-field{border:0;padding:0;margin:25px 0 0;min-width:0}.goal-field legend,.start-field legend{font-size:14px;margin-bottom:12px;width:100%}.goal-field legend small{color:#969eba;font-size:12px;margin-left:9px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.goal-choice{margin:0;position:relative}.goal-choice input,.start-options input{position:absolute;width:1px;height:1px;opacity:0}.goal-choice>span{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid #3b405b;border-radius:13px;background:#1b203580;font-size:14px;color:#c2c8df;cursor:pointer}.goal-choice b{color:#b8a1f8;font:500 22px 'Outfit',sans-serif}.goal-choice input:checked+span{background:#33294fb5;border-color:#bda0ff;color:#f3edff;box-shadow:inset 0 0 0 1px #bda0ff55}.goal-choice input:focus-visible+span,.start-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}.start-options{display:flex;gap:8px}.start-options label{margin:0;position:relative;flex:1}.start-options span{display:block;border:1px solid #3b405b;border-radius:11px;padding:12px 6px;text-align:center;color:#b8c0d9;font-size:12px;background:#181d3080;cursor:pointer}.start-options input:checked+span{color:#cad9ff;border-color:#839ffc;background:#243452aa}.entry-skip{display:block;width:100%;border:0;background:none;color:#a9b3d1;font-size:14px;padding:16px;margin:4px 0 0}.entry-error{font-size:13px;color:#ffa6bc;line-height:1.6;min-height:0}.entry-error:empty{display:none}.jump-signal{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #474365;background:#24203977;border-radius:14px;margin-top:28px}.jump-signal input{margin-top:4px;width:18px;height:18px;accent-color:#b8a0ff;flex-shrink:0}.jump-signal small{display:block;font-size:12px;line-height:1.7;color:#a6aec9;margin-top:6px}.presence-now{display:inline-flex;align-items:center;gap:7px;color:#b1c4ff;font-size:13px}.presence-now:before{content:'';width:6px;height:6px;border-radius:50%;background:#a7bfff}.profile[role=button]{cursor:pointer}.profile[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.profile[role=button]:hover{color:var(--purple)}
@keyframes star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(20px,-38px,0)}}@keyframes comet-pass{0%{opacity:0;transform:translate(0,0) rotate(-30deg)}1%{opacity:.75}7%,100%{opacity:0;transform:translate(390px,-220px) rotate(-30deg)}}@keyframes entry-appear{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.rail{z-index:5}.entry-dialog{padding:20px 20px;padding-top:max(25px,env(safe-area-inset-top))}.entry-card{padding:0 0 24px;margin-top:8px}.entry-brand{font-size:23px;margin-bottom:35px}.entry-card h1{font-size:43px;letter-spacing:-1.5px}.entry-copy{font-size:16px}.goal-grid{gap:8px}.goal-choice>span{padding:12px 10px;font-size:13px}.start-options span{font-size:11px;line-height:1.5}.entry-bottom{font-size:9px;margin-top:25px}.entry-card .entry-main{min-height:50px}.entry-dialog>.cosmos{opacity:.66}}
@media(prefers-reduced-motion:reduce){.stars,.comet,.entry-card{animation:none!important;will-change:auto}.comet{display:none}}

.header-actions{display:flex;align-items:center;gap:13px}.profile-settings{background:none;border:0;color:#b6bad4;font-size:13px;padding:10px 4px}.profile-settings:hover{color:var(--purple)}@media(max-width:700px){.header-actions{gap:7px}.profile-settings{font-size:11px}header>span{font-size:11px}.slash{margin:0 7px}}
body:has(dialog[open]){overflow:hidden}
/* Live local sky: a clock orbit with a restrained blue / red / purple atmosphere. */
:root{--sky-primary:#8972ff;--sky-secondary:#467bf0;--sky-star-opacity:.95;--orbit-angle:0deg}
:root[data-sky=dawn]{--sky-primary:#ff729d;--sky-secondary:#8270ef;--sky-star-opacity:.55}
:root[data-sky=day]{--sky-primary:#5894ff;--sky-secondary:#7156cd;--sky-star-opacity:.4}
:root[data-sky=dusk]{--sky-primary:#ed6b91;--sky-secondary:#9458f0;--sky-star-opacity:.75}
body>.cosmos{opacity:.85}.entry-dialog>.cosmos{opacity:1}
.sky-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 82% 25%,color-mix(in srgb,var(--sky-primary) 18%,transparent),transparent 45%),radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--sky-secondary) 15%,transparent),transparent 50%);animation:sky-breathe 18s ease-in-out infinite alternate}
.stars{inset:-70px;opacity:var(--sky-star-opacity)}.stars-near{animation:sky-travel 55s linear infinite alternate}.stars-far{opacity:calc(var(--sky-star-opacity) * .6);animation:sky-travel 95s linear infinite alternate-reverse}
.sky-sparkles{position:absolute;inset:0;opacity:var(--sky-star-opacity)}.sky-sparkles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#d8deff;border-radius:50%;box-shadow:0 0 8px var(--sky-primary);animation:sky-twinkle var(--duration) ease-in-out var(--delay) infinite alternate}
.comet{animation-name:sky-comet;animation-duration:21s;animation-delay:2s;width:170px;height:2px;filter:drop-shadow(0 0 5px #b2a4ff)}.comet-two{animation-duration:33s;animation-delay:9s;width:110px}.comet-three{animation-duration:47s;animation-delay:18s;width:90px}
.atmosphere-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1d2036cc;border:1px solid #4a4a69;color:#d8d9f0;border-radius:11px;padding:8px 10px;min-height:40px;font-size:13px;white-space:nowrap}
.atmosphere-button [data-sky-icon]{width:19px;height:19px;display:flex;color:#b2bcff}.atmosphere-button small{font-size:12px;color:#b5a5e4;padding-left:2px}
.entry-sky-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1140px;margin:0 auto 28px}
.local-sky{font:500 13px 'Outfit',sans-serif;color:#b3b9da}.sky-dot{color:#74639e;margin:0 5px}.local-sky time{font-variant-numeric:tabular-nums;color:#d4d9f5}
.entry-dialog{background:#0b0d18}.entry-card{margin-top:clamp(10px,4vh,50px)}
.atmosphere-dialog{width:490px;padding:26px;border:1px solid #585173;background:#151726;max-height:90dvh;overflow-y:auto}.atmosphere-dialog::backdrop{background:#060913bd;backdrop-filter:blur(8px)}.atmosphere-dialog h2{font:600 32px/1.1 'Outfit',sans-serif;letter-spacing:-.6px;margin:18px 0 22px}.atmosphere-dialog .close:not(.primary){min-width:40px;min-height:40px}
.sky-preview{height:200px;border:1px solid #3c3c59;border-radius:17px;background:#0d101e;position:relative;overflow:hidden}.sky-preview-label{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:24px;pointer-events:none}.sky-preview-label>span{font-size:13px;color:#c4b2ff}.sky-preview-label strong{font:600 28px 'Outfit',sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #080a12}.sky-preview-label small{font-size:12px;color:#a8b3d4;max-width:155px;overflow-wrap:anywhere}
.motion-setting{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px;cursor:pointer;font-size:16px}.motion-setting small{display:block;font-size:13px;font-weight:400;color:#aeb5d0;line-height:1.6;margin-top:7px}.motion-setting input{position:absolute;right:0;width:48px;height:28px;opacity:0;margin:0}.motion-switch{width:48px;height:28px;border-radius:16px;background:#323548;border:1px solid #5b5c72;position:relative;flex-shrink:0;pointer-events:none;transition:background .2s}.motion-switch:after{content:'';width:20px;height:20px;border-radius:50%;background:#afb3cb;position:absolute;left:3px;top:3px;transition:transform .2s,background .2s}.motion-setting input:checked+.motion-switch{background:#8371e0;border-color:#b6a6ff}.motion-setting input:checked+.motion-switch:after{transform:translateX(20px);background:#fff}.motion-setting input:focus-visible+.motion-switch{outline:2px solid white;outline-offset:4px}.motion-setting input:disabled+.motion-switch{opacity:.5}
.motion-note,.sky-explainer{font-size:13px;line-height:1.7;color:#aeb5d0}.sky-explainer{border-top:1px solid #35364c;padding-top:15px;margin-top:17px}.atmosphere-dialog .primary{font-size:15px;margin-top:16px}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .comet{display:none}html[data-motion=off] .sky-sparkles i{opacity:.45}html[data-motion=off] .stars{will-change:auto}
.sky-paused *,.sky-paused *:before,.sky-paused *:after{animation-play-state:paused!important}
body:has(#entryDialog[open])>.cosmos *,body:has(#atmosphereDialog[open])>.cosmos *{animation-play-state:paused!important}
#entryDialog:not([open]) .cosmos *,#atmosphereDialog:not([open]) .cosmos *{animation-play-state:paused!important}
@keyframes sky-travel{from{transform:translate3d(0,0,0)}to{transform:translate3d(50px,-55px,0)}}
@keyframes sky-twinkle{0%{opacity:.25;transform:scale(.7) translateY(0)}100%{opacity:.9;transform:scale(1.15) translateY(-7px)}}
@keyframes sky-breathe{from{transform:translate3d(0,0,0);opacity:.65}to{transform:translate3d(-20px,12px,0);opacity:1}}
@keyframes sky-comet{0%{opacity:0;transform:translate(-100px,60px) rotate(-30deg)}1%{opacity:.85}10%,100%{opacity:0;transform:translate(520px,-300px) rotate(-30deg)}}

@media(max-width:700px){.header-actions{gap:5px}.atmosphere-button{gap:5px;padding:7px;font-size:12px}.header-actions .atmosphere-button small{display:none}.header-actions .atmosphere-button [data-sky-icon]{width:16px;height:16px}.entry-sky-controls{margin-bottom:28px;gap:10px}.local-sky{font-size:12px}.entry-brand{margin-bottom:32px}.atmosphere-dialog{padding:22px;max-width:calc(100% - 24px)}.sky-preview-label{padding:20px}.header-actions .profile-settings{font-size:12px}header{flex-wrap:wrap;height:auto;min-height:78px;padding-top:12px;padding-bottom:12px;gap:8px}.entry-sky-controls .atmosphere-button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.comet{display:none}.stars{will-change:auto}}
.atmosphere-dialog .primary.close{min-height:48px;padding:14px 18px;color:#13172a;font-weight:600;border-radius:12px;line-height:1.4}
/* Cinematic celestial textures. Clock motion is continuous and synchronized in JS. */
/* particle identity: a calm, perpetual orbital mark beside a fixed wordmark. */
.brand,.entry-brand,.mobile-brand{display:flex;align-items:center;gap:10px;text-shadow:none}
.particle-mark{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0;animation:particle-spin 36s linear infinite;transform-origin:50% 50%;user-select:none}
.particle-wordmark{font:600 33px/1 'Outfit',sans-serif;letter-spacing:-1px;color:#eef1ff}
.brand{gap:5px}.brand .particle-mark{width:52px;height:52px;margin-left:-6px}.brand .particle-wordmark{font-size:32px}.rail-note p{font-size:25px;line-height:1.15}
.entry-brand{gap:13px;margin-bottom:45px}.entry-brand .particle-mark{width:94px;height:94px;margin-left:-12px}.entry-brand .particle-wordmark{font-size:54px;letter-spacing:-1.9px}
.mobile-brand{display:none}.header-context{white-space:nowrap}
body:has(input:focus,textarea:focus,select:focus) .particle-mark,body:has(dialog[open]) .rail .particle-mark,body:has(dialog[open]) .mobile-brand .particle-mark{animation-play-state:paused}
@keyframes particle-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1100px) and (min-width:701px){.brand .particle-mark{width:46px;height:46px}.brand .particle-wordmark{font-size:29px}}
@media(max-width:700px){.mobile-brand{display:inline-flex;gap:2px;order:0}.mobile-brand .particle-mark{width:44px;height:44px;margin-left:-7px}.mobile-brand .particle-wordmark{font-size:28px}.header-actions{order:1;margin-left:auto}.header-context{order:2;flex-basis:100%;font-size:12px}.entry-brand{gap:9px;margin-bottom:30px}.entry-brand .particle-mark{width:76px;height:76px;margin-left:-10px}.entry-brand .particle-wordmark{font-size:45px;letter-spacing:-1.5px}header{padding-top:8px;padding-bottom:11px}.header-actions .install-app{font-size:11px;padding:8px}.header-actions .profile-settings{font-size:11px}}
@media(max-width:380px){.mobile-brand .particle-wordmark{font-size:24px}.mobile-brand .particle-mark{width:36px;height:36px}.header-actions{gap:3px}.header-actions .atmosphere-button{padding:7px 5px}.header-actions .atmosphere-button [data-sky-icon]{display:none}}
.celestial-system{--drift-radius:34px;position:absolute;width:clamp(360px,43vw,640px);aspect-ratio:1;right:-7%;top:5%;opacity:.56;pointer-events:none}
.celestial-drift,.celestial-layer{position:absolute;inset:0}.celestial-layer{opacity:var(--moonlight,1);transition:opacity 60s linear}
.celestial-sun{opacity:var(--sunlight,0)}.celestial-texture{display:block;width:100%;height:100%;object-fit:contain;max-width:none;user-select:none}
.entry-dialog .celestial-system{--drift-radius:48px;width:clamp(480px,62vw,850px);right:-9%;top:8%;opacity:.94}
.entry-dialog .cosmos:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d1899,transparent 78%);pointer-events:none}
.entry-card{text-shadow:0 2px 22px #080b18}.entry-dialog .entry-card{margin-left:max(8vw,calc((100vw - 1140px)/2));margin-right:0}
.entry-sky-controls{position:relative;z-index:2}.atmosphere-button [data-sky-icon]{font:600 10px/19px 'Outfit',sans-serif;letter-spacing:.6px;align-items:center;justify-content:center}
.sky-preview .celestial-system{--drift-radius:10px;width:250px;right:-24px;top:-24px;opacity:.9}.sky-preview-label{max-width:60%}
@media(min-width:701px) and (max-width:1050px){.entry-dialog .entry-card{margin-left:4vw;width:min(490px,60%)}.entry-dialog .celestial-system{right:-20%;top:12%;opacity:.7}}
@media(max-width:700px){.celestial-system{--drift-radius:18px;width:380px;right:-155px;top:75px;opacity:.34}.entry-dialog .celestial-system{--drift-radius:22px;width:420px;right:-155px;top:85px;opacity:.65}.entry-dialog .entry-card{margin:8px auto 0;width:100%}.entry-dialog .cosmos:after{background:linear-gradient(90deg,#0b0d18bb,transparent),linear-gradient(0deg,#0b0d18 10%,transparent 80%)}.sky-preview .celestial-system{--drift-radius:10px;width:235px;right:-55px;top:-10px;opacity:.82}.sky-preview-label{max-width:65%}}

/* Particle home: conversations first, quiet progress, compact app chrome. */
:root{--panel:#151721;--line:#2a2d3e;--muted:#a3a8bd}
.rail{padding-top:26px}.rail .profile{margin-top:auto}.crew-label{margin-top:34px}nav button{min-height:48px}main{max-width:1210px;padding-top:28px}.heading{align-items:center;gap:16px;margin-bottom:26px;padding-top:0}.heading h1{font-size:28px;line-height:1.2;letter-spacing:-.65px;margin:0}.heading p{margin:7px 0 0;font-size:13px}.heading-actions{gap:12px}.heading .primary{padding:11px 15px;font-size:13px}.demo-note{margin:-8px 0 20px}.header-actions{gap:9px}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px}.feed-column,.home-sidebar{min-width:0}.home-sidebar{display:grid;gap:22px}.section-heading h2{font-size:17px}.feed-heading{margin:25px 0 14px}.feed-sort{color:var(--muted);font-size:11px}.feed-composer,.feed-post,.progress-summary{background:#151721f2;border:1px solid var(--line);border-radius:16px}.feed-composer{padding:17px}.composer-top{display:flex;align-items:flex-start;gap:12px}.composer-top .avatar{margin-top:5px;width:38px;height:38px}.composer-top textarea{resize:vertical;min-height:74px;max-height:260px;width:100%;padding:8px 0;margin:0;font:14px/1.6 'DM Sans',sans-serif;color:var(--text);background:transparent;border:0;border-radius:0;outline:none}.composer-top textarea::placeholder{color:var(--muted)}.composer-top textarea:focus-visible{outline:1px solid var(--blue);outline-offset:5px;border-radius:5px}.feed-composer-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.feed-composer-bottom>div{min-width:0;max-width:76%}.feed-composer-bottom select{margin:0;padding:7px 28px 7px 9px;background:#1d2130;font-size:12px;border:1px solid #33394e;border-radius:8px;text-overflow:ellipsis}.feed-composer-bottom small{display:block;font-size:10px;color:var(--muted);margin:6px 0 0 2px}.feed-composer-bottom .primary{font-size:12px;padding:10px 19px}#feedFeedback{color:var(--red);font-size:12px;margin:12px 0 0}.feed-list{display:grid;gap:14px}.feed-post{padding:19px;overflow:hidden}.feed-post-head{display:flex;align-items:center;gap:10px}.feed-post-head>div{min-width:0}.feed-post-head>div>strong{font-size:13px;font-weight:600}.feed-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-top:4px;min-width:0}.feed-project{border:0;padding:0;background:none;color:var(--muted);font:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.feed-project:hover{color:var(--blue)}.feed-meta time{white-space:nowrap;flex-shrink:0}.feed-post-text{margin:18px 0;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.feed-post-actions{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:11px;margin-top:16px;justify-content:space-between}.feed-post-actions button{background:transparent;color:var(--muted);border:0;font-size:12px;padding:7px 0}.feed-post-actions button:hover{color:var(--blue)}.feed-post-actions button[data-feed-energy]{color:#bda5e9}.feed-post-actions button[data-feed-energy] span{font-size:18px;vertical-align:-1px;margin-right:4px}.feed-post-actions button:disabled{opacity:.45;cursor:wait}.feed-file{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:12px;font-size:12px;align-items:center;overflow-wrap:anywhere}.feed-file>span:first-child{font-size:21px;color:var(--blue)}.feed-file small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.feed-event{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:#1416209c;border:1px solid #262a3980;border-radius:13px}.feed-event>div{min-width:0}.event-icon{width:30px;height:30px;background:#212738;border-radius:50%;color:#a6bbef;display:grid;place-items:center;font-size:18px;flex-shrink:0}.event-complete .event-icon{background:#273044;color:#aabfff}.event-energy .event-icon{background:#2c2440;color:var(--purple)}.feed-event p{margin:1px 0 6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.feed-event p strong{display:block;color:var(--text);font-weight:600;margin-bottom:3px}.feed-event p span{color:#c5c9d9}.request-label{font-size:10px;color:var(--purple);margin-left:auto;white-space:nowrap}.feed-empty{padding:40px 22px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#151721cc}.feed-empty-icon{font-size:27px;color:var(--purple);display:inline-grid;place-items:center;width:48px;height:48px;background:#252038;border-radius:16px}.feed-empty h3{font-size:17px;margin:15px 0 7px}.feed-empty p{font-size:13px;color:var(--muted);line-height:1.65;max-width:310px;margin:0 auto}.crew-strip{display:flex;gap:14px;overflow-x:auto;padding:0 0 17px;scrollbar-width:thin}.crew-bubble{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:47px;background:none;padding:0 2px;border:0;color:#bdc1d2}.crew-bubble small{font-size:10px;max-width:64px;overflow:hidden;text-overflow:ellipsis}.bubble-avatar{position:relative;border:1px solid #37334a;border-radius:50%;padding:2px}.bubble-avatar .avatar{width:40px;height:40px;font-size:12px;border-width:2px}.bubble-avatar.is-here:after{content:'';position:absolute;bottom:1px;right:0;width:9px;height:9px;background:var(--blue);border:2px solid var(--bg);border-radius:50%}.progress-summary{display:flex;align-items:center;justify-content:space-between;padding:17px 18px}.summary-label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.progress-summary>div>strong{font:600 22px 'Outfit',sans-serif}.progress-summary .meter{width:61px;height:61px}.progress-summary .meter strong{font-size:16px}.progress-summary .meter strong span{font-size:10px}.progress-summary .meter circle{stroke-width:6}.sidebar-section .section-heading{margin:0 0 10px}.sidebar-section .section-heading h2{font-size:15px}.sidebar-section .text-button{font-size:11px;padding:7px 0 7px 7px}.project-stack{display:grid;gap:7px}.project-peek{background:#151721a8;border:1px solid #2a2d3e;padding:12px;border-radius:13px;display:flex;align-items:center;gap:10px;text-align:left;color:var(--text);width:100%}.project-peek:hover{border-color:#675b87}.project-peek .project-badge{width:36px;height:36px;border-radius:11px;font-size:21px}.project-peek-copy{display:block;flex:1;min-width:0}.project-peek strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.project-peek small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.project-peek .bar{display:block;height:3px;margin:8px 0 0}.peek-arrow{font-size:21px;color:var(--muted)}.task.task-link{background:none;padding:14px 0;gap:10px;align-items:flex-start}.task.task-link>div{min-width:0}.task strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.task small{font-size:10px;line-height:1.6}.task .task-dot{width:12px;height:12px;border:1px solid #5d6890;border-radius:4px;flex-shrink:0;margin:4px 0 0}.sidebar-section .empty-quest{padding:17px;border-style:solid;background:#151721}.empty-quest h3{font-size:17px;margin:0 0 8px}.empty-quest p{font-size:12px}.empty-quest .primary{font-size:12px;padding:10px 13px}.sidebar-section .empty-copy{font-size:12px}.quest-card h3{font-size:21px}.quest-card .quest-bottom{gap:8px}.quest-card h3,.quest-card p{overflow-wrap:anywhere}footer{font-size:10px;letter-spacing:.15px;text-transform:none;color:#767e96;margin-top:35px}.entry-card{width:420px;min-width:0;max-width:calc(100vw - 48px);padding:32px;background:#141620e8;border:1px solid #303449;border-radius:22px;box-shadow:0 18px 90px #0003;margin-left:clamp(24px,13vw,200px)}.entry-card h1{font-size:27px;line-height:1.25;letter-spacing:-.65px;margin:25px 0 10px}.entry-brand{gap:11px;margin-bottom:16px}.entry-brand .particle-mark{width:54px;height:54px}.entry-brand .particle-wordmark{font-size:34px;letter-spacing:-1px}.entry-copy{font-size:14px;line-height:1.65;max-width:none;margin-bottom:23px}.entry-fine{font-size:11px;line-height:1.6}.entry-main{font-size:13px}.entry-card label{font-size:12px}.goal-choice span{font-size:12px}.entry-skip{font-size:12px}.entry-dialog{background:#0d101a}.jump-signal{background:#1c2030}.jump-signal small{font-size:11px}.entry-card .entry-error:empty{display:none}dialog h2{font-size:25px;line-height:1.3;letter-spacing:-.5px}.create-footer{justify-content:flex-end}.create-footer .primary{flex:1}.atmosphere-dialog h2{font-size:26px}
/* Smaller graphic celestial accents retain the existing local-time motion. */
.celestial-system{--drift-radius:15px;width:clamp(220px,23vw,310px);right:-3%;top:9%;opacity:.4}.entry-dialog .celestial-system{--drift-radius:20px;width:clamp(270px,30vw,390px);right:9%;top:18%;opacity:.78}.sky-preview .celestial-system{--drift-radius:9px;width:175px;right:6px;top:0;opacity:.85}.celestial-body{filter:saturate(.85)}
@media(max-width:1150px){.home-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.feed-project{max-width:190px}.entry-dialog .celestial-system{right:4%;width:280px}.heading-actions{gap:5px}header{padding:0 25px}.header-actions button{font-size:11px}}
@media(max-width:950px){.home-layout{grid-template-columns:minmax(0,1fr)}.home-sidebar{grid-row:1;grid-template-columns:1fr;gap:0}.home-sidebar .progress-summary,.home-sidebar .sidebar-section:last-child{display:none}.home-sidebar .section-heading{margin-bottom:10px}.project-stack{display:flex;overflow-x:auto;padding-bottom:5px;gap:10px;scroll-snap-type:x proximity}.project-peek{flex:0 0 230px;scroll-snap-align:start}.project-stack .empty-quest{width:100%}.project-stack .empty-quest p{margin:7px 0 12px}.project-stack .empty-quest h3{font-size:15px}.crew-strip{padding-top:2px}.entry-card{margin-left:8vw}.entry-dialog .celestial-system{right:-4%;top:12%;opacity:.5}.feed-project{max-width:250px}}
@media(max-width:700px){main{padding:24px 17px 95px}.heading{padding-top:25px;margin-bottom:22px;align-items:center}.heading h1{font-size:25px}.heading p{max-width:180px;font-size:11px;line-height:1.45}.heading-actions{align-items:flex-end;gap:4px}.heading .primary{font-size:11px;padding:10px 11px;margin:0}.heading .text-button{font-size:11px;padding:6px}.home-layout{gap:18px}.feed-composer{padding:14px}.feed-post{padding:16px}.feed-post-text{font-size:13px}.feed-post-actions button{font-size:11px}.feed-meta{font-size:10px}.feed-project{max-width:200px}.feed-event{padding:14px}.feed-heading{margin:22px 0 12px}.crew-strip{gap:12px}.crew-bubble small{font-size:10px}.section-heading h2{font-size:16px}.entry-card{margin:92px auto 30px;width:calc(100% - 36px);max-width:420px;padding:25px 23px}.entry-card h1{font-size:25px;line-height:1.25;margin-top:23px}.entry-brand .particle-mark{width:49px;height:49px}.entry-brand .particle-wordmark{font-size:32px}.entry-copy{font-size:13px}.entry-dialog .celestial-system{width:245px;right:-45px;top:12px;opacity:.45}.celestial-system{width:220px;right:-65px;top:14%}.sky-preview .celestial-system{width:170px;right:-10px;top:7px}.sky-preview{min-height:160px}.entry-dialog .entry-sky-controls{padding:20px 18px}.rail .space-label{top:66px}footer{font-size:9px}.quest-card h3{font-size:20px}.person button{font-size:12px;padding:9px}.entry-card .goal-grid{gap:8px}dialog h2{font-size:24px}.header-actions{gap:5px}.header-actions .profile-settings{font-size:10px}}
@media(max-width:380px){.heading p{max-width:150px}.heading .primary{padding:10px 8px}.heading .text-button{font-size:10px}.feed-project{max-width:165px}.feed-post-actions button{font-size:10px}.entry-card{padding:22px 18px}.entry-sky-controls .local-sky{font-size:10px}}

/* Shaded atom with independent projected loops and spherical particles. */
.particle-mark.particle-atom{position:relative;animation:none;overflow:visible;isolation:isolate}
.atom-scene{display:block;width:100%;height:100%;overflow:visible}
.brand .particle-atom{width:64px;height:64px;margin-left:-8px}
.entry-brand .particle-atom{width:68px;height:68px;margin-left:-12px}
@media(min-width:701px) and (max-width:1100px){.brand .particle-atom{width:56px;height:56px}}
@media(max-width:700px){.mobile-brand .particle-atom{width:52px;height:52px;margin-left:-8px}.entry-brand .particle-atom{width:62px;height:62px}}
@media(max-width:380px){.mobile-brand .particle-atom{width:44px;height:44px}}

/* Project controls: destructive actions are explicit and confirmed. */
.project-danger-zone{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;display:flex;align-items:center;gap:18px;justify-content:space-between}.project-danger-zone strong{font-size:13px;font-weight:600}.project-danger-zone .form-help{font-size:12px;margin:6px 0 0;max-width:430px}.danger-button{background:#fb8197;border:1px solid #fb8197;color:#27101a;font:600 13px 'DM Sans',sans-serif;padding:11px 16px;border-radius:10px;white-space:nowrap}.danger-button.subtle{color:#ff9fb0;background:#38212b;border-color:#7b4151}.danger-button:disabled{opacity:.5;cursor:wait}.task-actions{display:flex!important;align-items:center;gap:12px;justify-content:space-between;margin-top:12px}.task-actions .check-task{flex:1;margin-top:0}.delete-task{border:0;background:transparent;color:#e7a2b2;font-size:11px;padding:9px 4px;min-height:38px}.delete-task:hover{color:#ffc2ce}.delete-dialog{max-width:460px}.delete-dialog h2{margin:14px 0}.delete-dialog #deleteDescription{color:#b8bdd0;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.delete-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:24px}.delete-dialog-actions .close{font-size:13px;padding:10px;color:#d6d9e8}.delete-dialog .entry-error{font-size:12px}.preview-entry-button{width:100%;background:#202539;border:1px solid #414b69;border-radius:10px;padding:13px;color:#c5d0ee;font-size:12px;margin-top:12px}.entry-preview-label{color:#a4b1d2;font-size:10px;line-height:1.5;margin-top:6px}.entry-preview-close{position:absolute;right:15px;top:12px;border:0;background:none;color:#aab2cb;font-size:25px;line-height:1;padding:5px}.entry-card{position:relative}
@media(max-width:700px){.project-danger-zone{align-items:flex-start;flex-direction:column;gap:12px}.project-danger-zone .danger-button{width:100%}.delete-dialog-actions{gap:15px}.delete-dialog{padding:22px}.entry-preview-label{font-size:9px}}

/* Optional identity photos keep the existing initials and icons as fallbacks. */
.avatar,.project-badge{position:relative;overflow:hidden}.avatar img,.project-badge img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-initials{font:inherit}.photo-editor{display:flex;align-items:center;gap:17px;padding:17px 0;margin:8px 0 4px;border-bottom:1px solid var(--line)}.photo-editor-preview{position:relative;display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;background:linear-gradient(145deg,#293858,#37294c);border:1px solid #65709a;color:#b9caff;font:600 25px 'Outfit',sans-serif;overflow:hidden}.photo-editor-preview.round{border-radius:50%}.photo-editor-preview.square{border-radius:20px}.photo-editor-preview img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.photo-editor-controls{min-width:0;flex:1}.photo-editor-controls>strong{display:block;font-size:13px;font-weight:600}.photo-editor-controls>strong small{color:var(--muted);font-size:10px;font-weight:400;margin-left:5px}.photo-editor-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:11px 0 8px}.photo-editor-buttons button{border:1px solid #4b5879;border-radius:8px;background:#232b42;color:#d0dcff;padding:8px 11px;font-size:11px;min-height:34px}.photo-editor-buttons .photo-remove{border-color:transparent;background:none;color:#e8a0b0;padding-left:0;padding-right:0}.photo-editor-buttons button:disabled{opacity:.5;cursor:wait}.photo-format{display:block;color:var(--muted);font-size:10px;line-height:1.5}.photo-status{color:#b6c2e0;font-size:11px;line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.photo-status:empty{display:none}.message-author{display:flex;align-items:center;gap:7px}.message-author .avatar{width:25px;height:25px;font-size:8px;border-width:1px}.message-author time{margin-left:auto}.project-settings .photo-editor{max-width:500px}#onboardingForm .photo-editor{margin-top:0;padding-top:0}#onboardingForm .photo-editor-preview{width:68px;height:68px}.photo-editor input.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}
@media(max-width:700px){.photo-editor{gap:13px}.photo-editor-preview{width:65px;height:65px}.photo-editor-buttons{gap:8px}.photo-editor-buttons button{font-size:11px;padding:7px 9px}.photo-format{font-size:9px}.photo-editor-controls>strong{font-size:12px}}
/* Storage and the quiet, interactive atom surface. */
.storage-shortcut,.profile-storage-link{font:inherit;font-size:14px;color:var(--muted);border:1px solid #414562;background:#171b2b;border-radius:10px;padding:11px 14px;text-align:left}.storage-shortcut{margin:20px 0 12px}.profile-storage-link{width:100%;margin-bottom:8px}.storage-dialog{width:640px;max-height:88dvh;overflow:auto}.storage-summary{padding:18px;border:1px solid #424963;border-radius:16px;background:#151b2e;margin:18px 0}.storage-summary>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.storage-summary p{font-size:14px;color:var(--muted);line-height:1.5;margin:10px 0 0}.storage-summary progress,.transfer-banner progress{width:100%;height:8px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#303248;margin-top:15px}.storage-summary progress::-webkit-progress-bar,.transfer-banner progress::-webkit-progress-bar{background:#303248}.storage-summary progress::-webkit-progress-value,.transfer-banner progress::-webkit-progress-value{background:linear-gradient(90deg,#6d97ff,#ab7af0)}.storage-summary progress::-moz-progress-bar,.transfer-banner progress::-moz-progress-bar{background:#8a88ff}.storage-summary .storage-warning{color:#ffb3c7}.plan-comparison{font-size:14px;border-bottom:1px solid var(--line);padding:0 0 16px}.plan-comparison summary{cursor:pointer;padding:8px 0;color:var(--blue)}.storage-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.storage-plans>div{border:1px solid #41405b;border-radius:12px;padding:16px}.storage-plans p{line-height:1.8;margin:10px 0}.storage-plans small{font-size:12px;color:var(--muted)}.storage-file{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.storage-file>div{min-width:0;flex:1}.storage-file strong{display:block;font-size:14px;overflow-wrap:anywhere}.storage-file small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.storage-file a{color:var(--blue);padding:10px;font-size:24px}.storage-file button{font-size:14px;flex-shrink:0}.transfer-banner{position:fixed;right:24px;bottom:24px;z-index:30;width:min(380px,calc(100vw - 32px));background:#1b2038;border:1px solid #7771b9;border-radius:16px;padding:16px;box-shadow:0 15px 60px #0009}.transfer-banner[hidden]{display:none}.transfer-banner strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.transfer-banner span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.transfer-banner button{float:right;font-size:14px;padding:10px 0 0}.transfer-banner:after{content:'';display:block;clear:both}
.idle-entry-brand{background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer}.brand,.mobile-brand{cursor:pointer}.idle-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 47%,#1d2341 0%,#10121f 44%,#090c15 100%);overflow:auto;color:var(--text)}.idle-dialog[open]{display:grid;grid-template-rows:auto 1fr auto}.idle-dialog::backdrop{background:#090c15}.idle-dialog .cosmos{opacity:.58;pointer-events:none}.idle-dialog .cosmos:after{display:none}.idle-top{display:flex;align-items:center;gap:16px;position:relative;padding:max(24px,env(safe-area-inset-top)) 32px 0;z-index:1}.idle-top .particle-wordmark{font-size:25px}.idle-top h1{font-size:13px;font-weight:400;color:#99a1bc;letter-spacing:.12em;margin:0;border-left:1px solid #42435b;padding-left:16px}.idle-top .atmosphere-button{margin-left:auto}.idle-center{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-height:0;padding:4px 16px 16px}.idle-atom{width:min(65dvh,550px,90vw);height:auto;aspect-ratio:1;overflow:visible;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 0 22px #7d8aff22);border-radius:50%;outline-offset:-10px;animation:idle-expand .32s ease-out}.idle-atom.dragging{cursor:grabbing}.idle-atom:focus-visible{outline:1px solid #899ff5}.idle-center p{font-size:13px;color:#9da5bf;margin:0 0 16px}.idle-controls{display:flex;gap:12px}.idle-controls button{border:1px solid #3e445f;background:#20243b77;color:#c6cce0;border-radius:30px;padding:10px 18px;font:inherit;font-size:14px}.idle-bottom{display:flex;align-items:center;flex-direction:column;gap:12px;position:relative;padding:8px 20px max(30px,env(safe-area-inset-bottom))}.idle-bottom .primary{min-width:210px;padding:15px 28px;font-size:16px;box-shadow:0 0 45px #657bf622}.idle-bottom>span{font-size:12px;color:#9199b1}.idle-dialog #toast{z-index:10}@keyframes idle-expand{from{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.idle-top{padding:22px 20px 0;gap:12px}.idle-top .particle-wordmark{font-size:22px}.idle-top h1{font-size:12px;padding-left:12px}.idle-center{padding-top:12px}.idle-atom{width:min(58dvh,96vw)}.idle-center p{font-size:12px}.storage-dialog{padding:22px}.storage-plans>div{padding:12px}.transfer-banner{right:16px;bottom:82px}.header-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.idle-atom{animation:none}}
:root[data-motion="off"] .idle-atom{animation:none}

@media(max-width:700px){.rail .storage-shortcut{display:none}}
/* Thin cloud layers follow the same local-time sky as the sun and moon. */
:root{--cloud-opacity:.17;--cloud-filter:brightness(.68) saturate(1.1)}
:root[data-sky=dawn]{--cloud-filter:brightness(.94) sepia(.13) hue-rotate(310deg)}
:root[data-sky=day]{--cloud-filter:brightness(1.12) saturate(.75)}
:root[data-sky=dusk]{--cloud-filter:brightness(.9) sepia(.15) hue-rotate(305deg)}
:root[data-sky=night]{--cloud-filter:brightness(.68) saturate(1.1)}
.sky-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:var(--cloud-opacity);filter:var(--cloud-filter);transition:opacity 8s linear,filter 8s linear;mix-blend-mode:screen}
.sky-cloud{position:absolute;display:block;height:auto;max-width:none;user-select:none;pointer-events:none;animation:cloud-drift 160s ease-in-out infinite alternate;transform:translate3d(-5%,0,0)}
.cloud-high{width:clamp(650px,88vw,1450px);top:-17%;left:-22%;opacity:.85;animation-delay:-48s}
.cloud-low{width:clamp(620px,78vw,1320px);right:-28%;bottom:-25%;opacity:.6;animation-duration:220s;animation-delay:-135s;animation-direction:alternate-reverse}
.sky-preview .cloud-high{width:490px;top:-72%;left:-32%}.sky-preview .cloud-low{width:430px;bottom:-78%;right:-40%}
.cosmos[data-atmosphere-paused=true] *{animation-play-state:paused!important}
@keyframes cloud-drift{from{transform:translate3d(-5%,0,0)}to{transform:translate3d(9%,3%,0)}}
@media(max-width:700px){.cloud-high{width:780px;left:-95%;top:-9%}.cloud-low{width:700px;right:-110%;bottom:-9%}.sky-preview .cloud-high{width:490px;left:-45%;top:-75%}.sky-preview .cloud-low{width:430px;right:-55%;bottom:-80%}}
@media(prefers-reduced-motion:reduce){.sky-cloud{animation:none;transform:none}.sky-clouds{transition:none}}
/* Independent brand actions and a stable mobile app header. */
.split-brand{align-items:center;gap:8px}.atom-link{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:inherit}.split-brand a{display:inline-flex;align-items:center;min-height:44px}.header-mode .space-label{display:block;margin:0;font-size:0}.header-mode select{margin:0;min-height:44px;font-size:14px;width:145px}.workspace>header{gap:18px}.header-context{font-size:13px}.header-actions{gap:10px}.profile-settings{display:inline-flex;align-items:center;justify-content:center;min-width:66px;min-height:44px;padding:0 12px!important;border:1px solid #444b6b!important;border-radius:12px;background:#20243a!important;font-size:14px!important;color:#eef0ff}.notification-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #363d59;background:#181c2d;color:#dce3ff;border-radius:12px}.notification-button span{position:absolute;right:-4px;top:-4px;border-radius:12px;background:#a8b8ff;color:#101321;font-size:11px;font-weight:700;min-width:18px;padding:2px 4px}.notification-button [hidden]{display:none}.feed-tools{display:flex;gap:14px;align-items:center}.feed-tools button{min-height:44px;font-size:14px}.feed-tools button:disabled{opacity:.35;cursor:default}.entry-brand.split-brand{display:flex;justify-content:center}.idle-top a{min-height:44px;display:flex;align-items:center}.notifications-dialog{width:min(500px,calc(100% - 24px))}.notification-settings{padding:16px;border:1px solid #333b58;background:#161b30;border-radius:14px;margin:16px 0}.notification-settings p{margin:0 0 8px;font-size:14px;color:#bac3dc;line-height:1.5}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin:20px 0 8px}.notification-actions button,.notification-settings button{min-height:44px}.notification-item{display:flex;width:100%;text-align:left;align-items:flex-start;gap:12px;border:0;border-bottom:1px solid #2b3046;padding:18px 10px;background:transparent;color:var(--text);border-radius:8px}.notification-item.unread{background:#1e2540}.notification-item .energy-glyph{color:#b4bdff;font-size:24px}.notification-item strong{font-size:15px;line-height:1.5;font-weight:500;display:block}.notification-item small{display:block;color:#a4afcb;font-size:12px;margin-top:5px}.notification-empty{padding:30px 4px;color:var(--muted);line-height:1.6}.notifications-dialog h2{margin:0}.notification-settings button:disabled{opacity:.55}
@media(min-width:701px){.header-context{flex:1}.header-actions{margin-left:auto}.header-mode{flex:none}.mobile-brand{display:none}}
@media(max-width:1000px) and (min-width:701px){.workspace>header{padding:0 16px;gap:10px}.header-context{display:none}.header-actions{gap:6px}.header-actions .install-app{font-size:12px}}
@media(max-width:700px){
 .rail{padding:0!important;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)!important;z-index:20}.rail nav{height:72px}
 .workspace{padding-top:var(--mobile-header-height,128px)}
 .workspace>header{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;height:auto;min-height:0;padding:calc(6px + env(safe-area-inset-top)) 14px 8px;background:rgba(14,17,30,.97);border-bottom:1px solid #343b59;backdrop-filter:blur(18px);isolation:isolate}
 .mobile-brand{display:flex;grid-column:1;grid-row:1;gap:2px;min-width:0;margin:0}.mobile-brand .particle-wordmark{font-size:27px}.mobile-brand .particle-mark{width:45px;height:45px}.mobile-brand .atom-link{width:45px;height:48px}
 .workspace>header .header-actions{display:contents}.header-actions .notification-button{grid-column:2;grid-row:1;justify-self:end}.header-actions .profile-settings{grid-column:2;grid-row:2;justify-self:end;min-width:78px;margin:0}
 .header-mode{grid-column:1;grid-row:2;min-width:0}.header-mode .space-label{position:static;display:block;margin:0;font-size:0}.header-mode #spaceMode{position:static;width:145px;min-height:44px;margin:0;font-size:14px;border-radius:12px}
 .workspace>header .header-context{display:none}.workspace>header .atmosphere-button,.workspace>header .install-app{display:none}
 .entry-brand.split-brand .particle-wordmark{font-size:40px}.feed-tools{gap:8px}.feed-tools .feed-sort{display:none}
 main{padding-bottom:calc(105px + env(safe-area-inset-bottom))}.feed-heading{scroll-margin-top:calc(var(--mobile-header-height,128px) + 12px)}
}

/* A quiet greeting on the interactive atom screen. */
.idle-center .idle-welcome{font:500 clamp(20px,2.3vw,26px)/1.3 'Outfit',sans-serif;color:#dce2fa;letter-spacing:-.35px;text-align:center;margin:10px 20px 4px;max-width:calc(100% - 40px);overflow-wrap:anywhere}
.idle-atom{width:min(60dvh,550px,90vw,calc(100dvh - 285px))}
@media(max-width:800px){.idle-center .idle-welcome{font-size:22px;margin-top:8px}.idle-atom{width:min(55dvh,90vw,calc(100dvh - 285px))}}
@media(max-height:500px){.idle-atom{width:min(50dvh,90vw)}.idle-center .idle-welcome{font-size:20px}}
/* Pressing the atom never leaves a glow or tap ring. Keyboard focus stays visible. */
.idle-atom{filter:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
.idle-atom{overflow:hidden;border-radius:24px}
.idle-atom[data-pointer-focus]:focus,.idle-atom[data-pointer-focus]:focus-visible{outline:none;box-shadow:none}
.atom-link{-webkit-tap-highlight-color:transparent}
.atom-link:focus:not(:focus-visible){outline:none;box-shadow:none}
/* Project planning has one home: Chat, Tasks, and Sessions. */
.project-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;background:#101422;border:1px solid #39405a;border-radius:14px;margin:18px 0 0;position:sticky;top:68px;z-index:5}
.project-tabs button{min-width:0;min-height:46px;padding:10px 5px;border:0;border-radius:10px;color:#a9b4cf;background:transparent;font-size:14px;white-space:nowrap}
.project-tabs button[aria-selected=true]{color:#f1f3ff;background:#303957}.project-tabs span{margin-left:4px;font-size:12px;color:#b0bffc}
.chat-layout{display:block;padding-top:16px;border:0}.chat-layout .task-panel{max-height:none;padding:0}.chat-layout [hidden]{display:none!important}.chat-layout .chat-panel:not([hidden]){display:flex}
.sessions-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.sessions-heading h3{font-size:20px;margin:0}.sessions-heading button{min-height:44px;white-space:normal}.sessions-panel{min-width:0}.session-empty{margin:18px 0;padding:22px 18px;border:1px dashed #414963;border-radius:14px;font-size:14px;line-height:1.6;color:var(--muted)}
.session-card{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid #3a4260;border-radius:14px;background:#171d30;margin:12px 0}.session-card-copy{min-width:0;flex:1}.session-card h4{font-size:16px;line-height:1.45;margin:0 0 9px;overflow-wrap:anywhere}.session-card p{font-size:14px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.session-card .session-when{color:#b5c4ff}.session-card .session-place{color:#c2c8db}.session-card small{display:block;font-size:12px;line-height:1.6;color:#9ca9c8;margin-top:8px;overflow-wrap:anywhere}.session-rsvp{flex:none;min-height:44px;border:1px solid #6a7bb2;background:#293353;color:#e3eaff;padding:10px 16px;border-radius:12px;font-size:14px;white-space:nowrap}.session-rsvp.is-going{background:#263a52;border-color:#607eaa;color:#bad8ff}.session-past{font-size:12px;color:#9aa6bf}.past-sessions{margin-top:24px}.past-sessions summary{min-height:44px;color:#aab5cd;font-size:14px;cursor:pointer}.chat-session .session-card{margin-bottom:0}.chat-session{padding:14px 0}.chat-session .message-author{font-size:12px}.session-project-context{font-size:16px;color:#becbff;overflow-wrap:anywhere;line-height:1.5}
.upcoming-session{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid #37405b;border-radius:13px;background:#171d2d;color:var(--text);padding:14px;margin-bottom:10px}.upcoming-session>span:nth-child(2){flex:1;min-width:0}.upcoming-session strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.upcoming-session time{display:block;font-size:12px;line-height:1.5;color:#b2c2ff;margin-top:5px}.upcoming-session small{display:block;font-size:12px;color:#a2aec8;margin-top:4px;overflow-wrap:anywhere}.upcoming-marker{flex:none;color:#a9baff;font-size:22px}.upcoming-summary .empty-copy{font-size:14px;line-height:1.6}
/* Form controls size to the phone, with independent touch areas. */
#questForm,#sessionForm{min-width:0}#questForm label,#sessionForm label{font-size:14px;line-height:1.5}#questForm input:not([type=checkbox]):not([type=radio]),#questForm select,#sessionForm input:not([type=hidden]){min-width:0;max-width:100%;min-height:48px;font-size:16px;line-height:1.4}
#questForm .form-row,#sessionForm .form-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#questForm .icon-picker,.project-settings .icon-picker{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:12px}#questForm .icon-option,.project-settings .icon-option{margin:0;min-width:0}#questForm .icon-choice,.project-settings .icon-choice{min-height:82px;justify-content:center;gap:8px;border-width:2px;padding:12px 5px}#questForm .icon-option input:checked+.icon-choice,.project-settings .icon-option input:checked+.icon-choice{padding:12px 5px}#questForm .icon-choice small{font-size:12px;line-height:1.3}
#questForm .photo-editor{align-items:flex-start;gap:16px;padding:18px 0}#questForm .photo-editor-controls>strong{font-size:14px;line-height:1.5}#questForm .photo-editor-controls>strong small{font-size:12px;display:block;margin:2px 0 0}#questForm .photo-editor-buttons{gap:10px;margin:12px 0}#questForm .photo-editor-buttons button{min-height:44px;font-size:14px;padding:10px 14px}#questForm .photo-format{font-size:12px;line-height:1.6}
#questForm .initial-task-row{grid-template-columns:20px minmax(0,1fr) 44px;gap:10px;margin:12px 0}#questForm .initial-task-row input{margin:0}#questForm .remove-initial-task{width:44px;height:48px}#questForm .add-task-button{min-height:48px;margin-top:14px}#questForm .member-field{min-width:0;padding:16px;margin-top:24px}#questForm .member-field label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 0;overflow-wrap:anywhere}#questForm .member-field input{width:20px;height:20px;margin:0;flex:none}#questForm .form-help{font-size:13px;line-height:1.65}
#questForm .create-footer .primary{margin:0;min-height:48px;font-size:16px}#sessionForm>.primary{min-height:48px;margin-top:16px}
@media(max-width:700px){
 #questDialog,#sessionDialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}
 #questForm,#sessionForm{padding:0 20px max(24px,env(safe-area-inset-bottom));max-width:600px;margin:auto}
 #questForm>.dialog-top,#sessionForm>.dialog-top{position:sticky;top:0;z-index:5;margin:0 -20px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));background:#191a29fa;border-bottom:1px solid #363d58;min-height:64px}
 #questForm>.dialog-top .close,#sessionForm>.dialog-top .close{min-width:44px;min-height:44px;padding:0}#questForm h2,#sessionForm h2{font-size:26px;margin:24px 0 12px}
 #questForm .create-footer{position:static;margin:28px 0 0;padding:20px 0 0;background:transparent;backdrop-filter:none;border-top:1px solid #363d58}
 #questForm .icon-field{margin:24px 0 28px}#questForm .icon-field legend{margin-bottom:14px}#questForm>label,#questForm .form-row>label,#sessionForm>label,#sessionForm .form-row>label{margin-top:24px}
 .home-sidebar .upcoming-summary{display:block;margin-bottom:4px}.home-sidebar .project-summary-section{display:none}.home-sidebar .progress-summary{display:none}.home-sidebar{gap:0}
 .session-card{flex-direction:column;gap:12px;padding:16px}.session-rsvp{width:100%}.sessions-heading{gap:10px}.sessions-heading h3{font-size:18px}.sessions-heading .primary{font-size:14px;padding:11px 14px}.project-tabs{top:68px}.project-tabs button{font-size:14px}
 .project-meta{gap:8px;flex-wrap:wrap}.project-meta .mode{white-space:normal;line-height:1.5}.chat-heading{flex-wrap:wrap;gap:10px}.chat-heading h3{font-size:18px}.chat-heading button{min-height:44px}.composer-actions{flex-wrap:wrap;gap:10px}.composer-actions .primary{min-height:44px}.chat-panel .attach{min-height:44px;display:inline-flex;align-items:center}
 .rail nav button{flex:1;min-width:0}.rail nav button span{font-size:12px}
}

@media(max-width:700px){.project-tabs{top:calc(55px + max(12px,env(safe-area-inset-top)))}}

/* Visible project management and comfortable mobile confirmation targets. */
.project-controls{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:16px 0}
.project-controls .project-settings{flex:1 1 130px;min-width:0;margin:0}
.project-controls .project-settings[open]{flex-basis:100%}
.project-controls .project-settings summary{min-height:44px;padding:12px 0;box-sizing:border-box}
.project-controls #deleteProject{min-height:44px;margin-left:auto}
#deleteDialog{width:min(460px,calc(100% - 28px));max-width:calc(100% - 28px);box-sizing:border-box}
#deleteDialog .delete-dialog-actions{gap:12px;flex-wrap:wrap}
#deleteDialog .delete-dialog-actions button{min-height:44px}
@media(max-width:400px){#deleteDialog .delete-dialog-actions{display:grid;grid-template-columns:1fr}#deleteDialog .delete-dialog-actions button{width:100%;white-space:normal}}

/* One project scroll surface: invites, conversation, tasks, and sessions share it. */
html:has(#detailDialog[open]),body:has(#detailDialog[open]){overflow:hidden;overscroll-behavior:none}
#detailDialog{overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;overflow-anchor:none}
.project-dialog .chat-messages{height:auto;min-height:120px;max-height:none;overflow:visible;scroll-behavior:auto;padding-right:0;flex:none}
.project-dialog .task-panel{max-height:none;overflow:visible}
.project-dialog #chatForm{position:sticky;bottom:0;z-index:4;margin-top:8px;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#171926;border-top:1px solid #36354e}
.project-dialog #chatText{margin-top:0}
.project-dialog .chat-message,.project-dialog .chat-session{flex-shrink:0}
@media(max-width:760px){
 .project-dialog #detailContent{padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .project-dialog .composer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 .project-dialog .composer-actions .attach{grid-column:1;grid-row:1;justify-self:start}
 .project-dialog .composer-actions .primary{grid-column:2;grid-row:1;margin-left:0}
 .project-dialog .upload-status{grid-column:1/-1;grid-row:2}
}

/* Compact project shell: persistent identity + tabs, one content scroller. */
.calendar-toolbar{display:flex;align-items:center;gap:6px}.calendar-toolbar h3{flex:1;min-width:0;font-size:17px;margin:0;text-align:center}.calendar-toolbar button{min-height:44px;min-width:36px;border:1px solid #3a4360;background:#232b43;border-radius:10px;color:#d5dfff;font-size:22px}.calendar-toolbar [data-calendar-today]{font-size:12px;padding:8px}.calendar-note{font-size:12px;color:#a9b4cf;margin:12px 0 16px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekdays{font-size:11px;color:#a7b1cd;text-align:center;margin-bottom:6px}.calendar-day{min-width:0;min-height:48px;border:1px solid transparent;border-radius:10px;background:#20253a;color:#e0e5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px}.calendar-count{height:12px;font-size:11px;line-height:12px;color:#b7a1ff}.calendar-day.is-today{border-color:#809ef1}.calendar-day[aria-pressed=true]{background:#384770;border-color:#9db9ff}.calendar-day[aria-pressed=true] .calendar-count{color:#d9d0ff}.calendar-agenda{border-top:1px solid #343d58;margin-top:20px;padding-top:16px}.calendar-agenda h4{font-size:16px;margin:0 0 12px}.calendar-agenda .session-card{margin-top:10px}
#detailDialog{height:92dvh;max-height:92dvh;overflow:hidden;padding:0}
#detailDialog #detailContent{height:100%;min-height:0;display:flex;flex-direction:column;padding:0}
.project-header{flex:none;padding:12px 20px 0;background:#191a29;border-bottom:1px solid #34394e}
.project-header .project-topbar{position:static;display:flex;align-items:center;gap:12px;margin:0;padding:0;border:0;background:none;backdrop-filter:none}
.project-header .project-badge{width:44px;height:44px;border-radius:13px;font-size:27px;flex:none}
.project-heading-copy{flex:1;min-width:0}.project-heading-copy h2{font-size:20px;line-height:1.25;letter-spacing:-.4px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-goal{font-size:14px;line-height:1.4;color:#b8c0d6;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-context{font-size:12px;line-height:1.4;color:#9ca9c8;margin:3px 0 0}
.project-header .project-close{width:44px;height:44px;min-width:44px;padding:0;font-size:27px;border-radius:12px;flex:none}
.project-header-actions{display:flex;align-items:center;gap:8px;margin:8px 0 4px}
.project-header-actions button{min-height:44px;min-width:0;padding:8px 10px;font:500 14px 'DM Sans',sans-serif;border:0;border-radius:9px;background:transparent;color:#bacbff;white-space:nowrap}
.project-header-actions button:hover{background:#292d42}.project-header-actions #deleteProject{margin-left:auto;color:#ffa2b4;background:transparent}.project-member-count{font-size:12px;color:#b6bed4;padding-left:3px}
#detailDialog .project-tabs{position:static;flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 16px;top:auto;gap:3px;padding:4px;border-radius:12px}
#detailDialog .project-tabs button{min-height:44px;padding:8px 2px;font-size:13px}
#projectScroll.chat-layout{flex:1;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;padding:8px 16px 12px;scroll-behavior:auto;border:0;scrollbar-width:thin;scrollbar-color:#5c6286 transparent}
#projectScroll .chat-panel{border:0;border-radius:0;background:none;padding:0;min-height:100%;flex-direction:column}
#projectScroll .chat-messages{height:auto;min-height:0;max-height:none;overflow:visible;flex:1;justify-content:flex-end;gap:12px;padding:0}
#projectScroll .chat-message{max-width:94%;padding:11px 13px}#projectScroll .chat-message p{font-size:15px;line-height:1.6}
#projectScroll .message-author{flex-wrap:wrap;gap:6px}#projectScroll .message-author time{font-size:11px;white-space:nowrap}
#projectScroll .task-panel{padding:4px 0;overflow:visible;max-height:none}#projectScroll .sessions-panel{padding:4px 0}
#detailDialog #chatForm{position:static;flex:none;z-index:auto;background:#191a29;border-top:1px solid #363d54;margin:0;padding:10px 16px max(6px,env(safe-area-inset-bottom));}
.chat-compose-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:end;gap:8px}
#detailDialog #chatText{font-size:16px;line-height:22px;min-height:44px;max-height:96px;height:44px;padding:10px 12px;resize:none;margin:0;border-radius:14px;overflow-y:auto}
.chat-compose-row .attach{width:44px;height:44px;padding:0;display:grid;place-items:center;min-height:44px;margin:0;color:#b9ccff;background:#242c43;border:1px solid #4b597b;border-radius:12px;font-size:26px}
.chat-compose-row .primary{height:44px;min-height:44px;padding:10px 14px;font-size:14px;margin:0}
.chat-compose-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-top:2px}
.chat-compose-meta .upload-status{font-size:12px;min-width:0;overflow-wrap:anywhere}.chat-compose-meta #chatEnergy{font-size:13px;min-height:44px;padding:8px 0;color:#c9b0f3;white-space:nowrap}
#detailDialog .chat-connection{font-size:12px;line-height:1.5;color:#ffb0be;margin:4px 0 6px}
.project-info-dialog{width:min(520px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}
.project-info-dialog>.dialog-top{position:sticky;top:-28px;z-index:2;background:#191a29;padding:12px 0;margin-top:-12px}.project-info-dialog h2{font-size:22px;margin:0}.project-info-dialog .close{min-width:44px;min-height:44px}
#projectSettingsContent h3{font-size:22px;margin:20px 0 8px;overflow-wrap:anywhere}#projectSettingsContent .detail-meta{font-size:15px;overflow-wrap:anywhere}#projectSettingsContent .project-meta{gap:8px}#projectSettingsContent .mode{white-space:normal;line-height:1.6;font-size:12px}
@media(max-width:760px){
 #detailDialog{width:100%;max-width:100%;height:var(--project-viewport-height,100dvh);max-height:var(--project-viewport-height,100dvh);position:fixed;top:var(--project-viewport-top,0px);left:0;right:0;bottom:auto;margin:0;border:0;border-radius:0}
 .project-header{padding:max(8px,env(safe-area-inset-top)) 12px 0}.project-header .project-topbar{gap:10px}.project-heading-copy h2{font-size:18px}.project-header .project-badge{width:40px;height:40px}
 .project-header-actions{gap:4px;margin-top:5px}.project-header-actions button{padding:8px;font-size:13px}
 #detailDialog .project-tabs{margin:6px 12px}.project-context{font-size:12px}
 #projectScroll.chat-layout{padding:8px 12px 12px}#detailDialog #chatForm{padding-left:12px;padding-right:12px}
 .project-info-dialog{padding:20px;max-height:85dvh}.project-info-dialog>.dialog-top{top:-20px}
}

/* Optional project navigation lives only in the atom screen. */
.atom-mode-switch{display:flex;gap:4px;border:1px solid #3b4460;background:#101728;padding:4px;border-radius:28px;margin:12px 0 6px}
.atom-mode-switch button{font:inherit;font-size:14px;min-height:40px;border:0;border-radius:22px;padding:8px 20px;background:transparent;color:#aebbd6;cursor:pointer}
.atom-mode-switch button[aria-pressed="true"]{background:#303f65;color:#edf5ff;box-shadow:inset 0 1px #849bd74a}
.atom-mode-switch span{margin-left:5px;font-size:12px;opacity:.8}
.atom-project-picker{width:min(360px,100%);margin:4px 0 0}.atom-project-picker select{width:100%;min-height:44px;margin:0;border-radius:12px;background:#151d31;color:#dfeaff;font:inherit;font-size:14px;border:1px solid #384965;padding:10px 12px}
.atom-project-preview{width:min(450px,100%);display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 14px;margin:0 0 10px;background:linear-gradient(120deg,#1c2b44dd,#221d38dd);border:1px solid #40516b;border-radius:16px}
.atom-project-preview[hidden],.atom-project-picker[hidden]{display:none}.atom-project-preview>div{flex:1;min-width:0}.atom-project-preview strong{display:block;font-size:16px;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.atom-project-preview small{display:block;font-size:13px;color:#b6c3dd;line-height:1.4;margin-top:4px}.atom-project-preview .primary{font-size:14px;min-height:44px;flex:none;padding:10px 12px;white-space:nowrap}
.atom-zoom-controls{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px;border:1px solid #34445e;border-radius:28px;background:#121b2cd9}
.atom-zoom-controls button{min-width:44px;min-height:44px;font:inherit;font-size:20px;border:0;border-radius:24px;background:#25334b;color:#d8e8ff;cursor:pointer}.atom-zoom-controls button:disabled{opacity:.35;cursor:default}.atom-zoom-controls #atomFit{font-size:14px;padding:8px 16px;margin-left:4px}.atom-zoom-controls output{min-width:52px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;color:#d6e7ff}
.idle-controls{gap:10px}.idle-controls button{min-height:44px}.idle-center #idleHint{font-size:13px;text-align:center;margin:0 0 12px}.idle-atom{width:min(52dvh,520px,90vw, max(220px,calc(100dvh - 380px)))}
.idle-dialog[data-atom-mode="projects"] .idle-atom{width:min(44dvh,450px,90vw,max(190px,calc(100dvh - 510px)))}
.atom-project-orb{cursor:pointer;-webkit-tap-highlight-color:transparent}.atom-project-orb:focus-visible{outline:none}.atom-project-orb:focus-visible .project-orb-outline{opacity:1}
@media(max-width:600px){.idle-top{padding-top:max(16px,env(safe-area-inset-top));gap:10px}.idle-center{padding:6px 14px 10px}.idle-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom));gap:8px}.idle-bottom .primary{padding:12px 28px}.idle-top h1{letter-spacing:.04em}.atom-project-preview{gap:8px;padding:10px 12px}.atom-project-preview strong{font-size:15px}.atom-project-preview .primary{font-size:13px;padding:10px}.idle-center .idle-welcome{margin-top:4px}}

/* The same personal photo anchors Home and the atom screen. */
.profile-photo-button{display:inline-flex;align-items:center;justify-content:center;padding:3px;border:1px solid #7a9bc86b;border-radius:50%;background:linear-gradient(135deg,#638fff55,#a75fff44);flex:none;box-shadow:inset 0 1px #c2d8ff33}
.profile-photo-button[hidden]{display:none}.profile-photo-button .avatar{width:100%;height:100%;font-size:22px;border:2px solid #11182b}.profile-photo-button:focus-visible{outline:2px solid #a2b8ff;outline-offset:4px}
.heading-identity{display:flex;gap:16px;align-items:center;min-width:0}.heading-identity>div{min-width:0}.home-profile-photo{width:76px;height:76px}.heading:has(.home-profile-photo:not([hidden])){flex-wrap:wrap;gap:18px}.heading:has(.home-profile-photo:not([hidden])) .heading-identity{flex:1 1 240px}
#composerAvatar{width:48px;height:48px;font-size:15px}.rail .profile>.avatar{width:48px;height:48px;font-size:15px}
.idle-account{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 2px;max-width:100%;min-height:64px}.idle-profile-photo{width:64px;height:64px}.idle-account-copy{min-width:0}.idle-center .idle-account .idle-welcome{margin:0;max-width:100%;font-size:23px;text-align:left;line-height:1.3;overflow-wrap:anywhere}.idle-auth-links{display:flex;gap:16px;align-items:center;margin-top:2px}.idle-auth-links a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:#b8ccf5;padding:4px 0}.idle-auth-links a[hidden]{display:none}.idle-auth-links a:hover{text-decoration:underline;text-underline-offset:4px}
.idle-atom{width:min(52dvh,520px,90vw,max(210px,calc(100dvh - 414px)))}.idle-dialog[data-atom-mode="projects"] .idle-atom{width:min(44dvh,450px,90vw,max(180px,calc(100dvh - 544px)))}
@media(max-width:600px){.home-profile-photo{width:68px;height:68px}.heading-identity{gap:12px}.heading:has(.home-profile-photo:not([hidden])) .heading-actions{margin-left:auto}.heading .heading-identity p{font-size:13px;max-width:none;margin-top:7px}.idle-account{gap:12px;margin-top:4px}.idle-center .idle-account .idle-welcome{font-size:21px}.idle-auth-links a{min-height:40px}.idle-profile-photo{width:60px;height:60px}}
/* Social home. The feed is the main working surface. */
.post-launch{min-height:44px;border:1px solid #59668c;color:#d6ddfa;background:#222a45;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;white-space:nowrap}.heading-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.heading .primary{min-height:44px;font-size:14px}.projects-tools{display:flex;justify-content:flex-end;margin:0 0 16px}.feed-heading{margin-top:0}.load-feed{display:block;min-height:48px;margin:16px auto}.load-feed[hidden]{display:none}.empty-feed-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:20px}.social-post{padding:20px;overflow:hidden}.social-post .feed-post-head{align-items:center}.social-post .feed-post-head>div{flex:1;min-width:0}.social-post .feed-post-head strong{font-size:15px}.social-post .feed-meta{font-size:13px;flex-wrap:wrap;gap:5px 10px;line-height:1.5}.social-post .feed-project{font-size:13px;max-width:100%;text-align:left;overflow-wrap:anywhere}.social-post .feed-post-text{font-size:16px;line-height:1.65;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.post-more{background:none;border:0;color:#919bb9;font-size:22px;width:36px;height:40px;align-self:flex-start}.post-like{min-height:44px;font-size:14px!important;display:flex;align-items:center;gap:6px}.post-like>span:first-child{font-size:25px;line-height:1}.post-like[aria-pressed="true"]{color:#fb879f}.post-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:14px -20px 0;background:#10131e}.post-media-grid.single{grid-template-columns:1fr}.post-media-grid>*{min-width:0;display:block}.post-media-grid img,.post-media-grid video{width:100%;display:block;object-fit:cover;aspect-ratio:1;background:#0c0e19}.post-media-grid.single img,.post-media-grid.single video{aspect-ratio:auto;max-height:650px;object-fit:contain}.post-dialog{max-height:90dvh;overflow:auto;width:540px}.post-dialog .dialog-top h2{font-size:26px;margin:0}.post-dialog .dialog-top{margin-bottom:22px}.post-identity{display:flex;align-items:center;gap:12px;margin:8px 0 20px}.post-audience{display:flex;align-items:center;gap:10px;border:0;padding:0;margin:12px 0 16px}.post-audience legend{font-size:14px;color:var(--muted);margin-bottom:10px}.post-audience label{position:relative;margin:0;flex:1}.post-audience input{position:absolute;opacity:0;width:1px!important;min-width:0;margin:0;padding:0}.post-audience span{display:block;border:1px solid #434a68;border-radius:12px;padding:12px;text-align:center;color:#abb7d5;font-size:15px}.post-audience input:checked+span{border-color:#9faaff;background:#2a3456;color:#f4f5ff}.post-dialog textarea{width:100%;font-size:16px;line-height:1.6;padding:14px;border:1px solid #3c435f;border-radius:14px;background:#111523;color:#f1f3ff;resize:vertical;min-height:130px}.post-dialog select{font-size:16px;min-height:46px}.post-dialog label{font-size:14px}.post-dialog label small{color:var(--muted);font-size:13px;margin-left:6px}.post-attach-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-attach-row .text-button{min-height:48px;font-size:14px}.post-attach-row small{font-size:12px;color:#a9b1c9}.post-draft-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.post-draft-media figure{position:relative;margin:0;min-width:0}.post-draft-media img,.post-draft-media video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.post-draft-media figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);padding:5px 0}.post-draft-media button{position:absolute;right:6px;top:6px;border:1px solid #6b6e85;background:#111626e8;color:white;width:34px;height:34px;border-radius:50%;font-size:22px}.post-dialog .form-help{font-size:13px;line-height:1.6}.post-dialog #feedFeedback{font-size:14px;line-height:1.5}.post-dialog #postUpdate{margin-top:12px;min-height:48px}.post-dialog #postViewContent .post-media-grid{margin-inline:0}.icon-choice svg{width:28px;height:28px}.project-badge>span{display:flex;align-items:center;justify-content:center}.project-badge svg{width:28px;height:28px}.icon-choice small{font-size:12px}.icon-choice{min-height:89px;padding:14px 3px;gap:10px}.icon-picker{gap:10px}.photo-editor-preview>span{display:flex;align-items:center;justify-content:center}.photo-editor-preview svg{width:36px;height:36px}.activity-heading{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.activity-heading h3{font-size:16px}.activity-list .feed-event{padding:14px 0}.activity-list .feed-post{padding:14px}.friend-connect,.friends-section{border:1px solid #343b53;background:#151a2bdd;border-radius:18px;padding:20px;margin-bottom:20px}.friend-connect h2,.friends-section h2,.crew-section-title{font-size:19px;margin:0 0 14px}.friends-section h2 span{color:#b6a0ee;font-size:14px}.friend-connect label{font-size:14px}.friend-code-row{display:flex;gap:12px;align-items:center}.friend-code-row input{font-family:monospace;font-size:15px;min-width:0}.friend-code-row button{flex:none;min-height:44px}.friend-connect form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:end}.friend-connect form>button{min-height:46px;margin-bottom:0;font-size:14px;padding:10px 14px}.friend-connect form p{grid-column:1/-1;margin:8px 0 0}.friend-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #343b5355;min-width:0}.friend-row>.avatar{width:44px;height:44px;flex:none}.friend-row>div:not(.friend-actions),.friend-row>strong{flex:1;min-width:0}.friend-row strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.friend-row small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.friend-actions{display:flex;gap:6px;flex-wrap:wrap}.friend-row button{min-height:44px;font-size:13px;padding:9px 12px;flex:none}.friend-remove{color:#aeb4cc}.crew-section-title{margin-top:30px}.notifications-dialog .feed-meta,.notifications-dialog .feed-post-text{font-size:13px}.notifications-dialog{max-height:90dvh;overflow:auto}
/* The atom gesture surface extends to the screen, with controls layered above it. */
.idle-dialog{touch-action:none;overflow-x:hidden}.idle-atom{overflow:visible;border-radius:0;animation:none}.idle-top,.idle-account,.atom-mode-switch,.atom-project-picker,.atom-project-preview,.atom-zoom-controls,.idle-controls,.idle-bottom{z-index:3}.idle-center>*:not(.idle-atom){position:relative}.idle-atom{position:relative;z-index:1}.idle-top,.idle-bottom{position:relative}
:root:not([data-keyboard]) :focus,:root:not([data-keyboard]) :focus-visible{outline:none!important;box-shadow:none!important}:root[data-keyboard] button:focus-visible,:root[data-keyboard] a:focus-visible,:root[data-keyboard] input:focus-visible,:root[data-keyboard] select:focus-visible,:root[data-keyboard] textarea:focus-visible{outline:2px solid #c4a1f1;outline-offset:3px}:root[data-keyboard] .post-audience input:focus-visible+span{outline:2px solid #c4a1f1;outline-offset:3px}
@media(max-width:700px){html,body{height:100%;overflow:hidden;overscroll-behavior:none}.workspace{height:100dvh;overflow:hidden;padding-top:var(--mobile-header-height,128px)}.workspace>main{height:calc(100dvh - var(--mobile-header-height,128px) - 72px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:22px 16px 28px}.rail{position:fixed!important;inset:auto 0 0!important;width:100%;height:calc(72px + env(safe-area-inset-bottom));margin:0!important;transform:none!important;z-index:30;background:#111523;contain:layout paint}.rail nav{height:72px;width:100%}.rail nav button{border-radius:0;box-shadow:none}.rail nav button.active{box-shadow:inset 0 2px #91a8ff}.heading{padding-top:0;gap:16px;margin-bottom:22px;align-items:center}.heading-actions{flex-direction:row!important;align-items:center!important;width:100%;margin:0!important;gap:10px!important}.heading-actions>button{flex:1;min-height:46px;font-size:14px!important;padding:11px 14px!important}.heading-identity{width:100%}.home-layout{display:block}.home-sidebar{display:none}.crew-strip{margin-bottom:18px}.social-post{padding:16px;border-radius:16px}.post-media-grid{margin-inline:-16px}.social-post .feed-post-text{font-size:16px}.social-post .feed-post-head strong{font-size:15px}.social-post .feed-meta{font-size:12px}.post-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;padding:max(22px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));border:0;border-radius:0}.friend-connect,.friends-section{padding:16px}.friend-actions{flex-direction:column;gap:0}.friend-row{gap:10px}.friend-row button{padding:8px 10px}.notifications-dialog{max-height:90dvh}.icon-choice small{font-size:12px}.post-attach-row{flex-wrap:wrap;gap:0}.post-attach-row small{margin-left:auto}.idle-center{padding-inline:0}.idle-account{padding-inline:14px}.atom-project-picker,.atom-project-preview{max-width:calc(100% - 28px)}}
input.sr-only{width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important}.post-dialog{overflow-x:hidden}
/* Public recruitment stays separate from the private crew feed. */
.discovery-toolbar,.discovery-tabs,.discovery-filters,.recruit-card-top,.recruit-meta,.recruit-card-footer,.recruit-detail-category,.recruit-detail-actions,.application-actions,.recruit-activity-row{display:flex;align-items:center;gap:12px}.discovery-toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.discovery-tabs{background:#11131f;border:1px solid #36394e;padding:4px;border-radius:14px;gap:3px}.discovery-tabs button{border:0;background:transparent;padding:11px 14px;border-radius:10px;color:#aeb4cf;font-size:14px;white-space:nowrap}.discovery-tabs button[aria-pressed=true]{background:#2d3654;color:#fff}.discovery-filters{align-items:stretch;margin-bottom:12px}.discovery-filters label{flex:1;min-width:0;margin:0;font-size:13px;color:#afb5d0}.discovery-filters select{margin-top:7px;width:100%;padding:12px 10px}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.discovery-grid>.feed-empty{grid-column:1/-1}.recruit-card{min-width:0;background:linear-gradient(145deg,#1a1d30,#141521);border:1px solid #353b55;border-radius:22px;padding:22px;display:flex;flex-direction:column}.recruit-card-top{font-size:13px;color:#b7bedb}.recruit-card-top small{margin-left:auto;white-space:nowrap}.recruit-card .project-badge,.recruit-detail-category .project-badge{width:42px;height:42px;border-radius:13px;flex-shrink:0}.recruit-card h2{font-size:22px;line-height:1.25;margin:18px 0 10px}.recruit-card h2 button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;overflow-wrap:anywhere}.recruit-excerpt{color:#b1b5cb;line-height:1.6;font-size:14px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.recruit-role{background:#20243c;border:1px solid #323b61;border-radius:13px;padding:14px;display:grid;gap:7px;margin-top:auto;overflow-wrap:anywhere}.recruit-role small{font-size:10px;letter-spacing:.13em;color:#a3b7ff}.recruit-role strong{font-size:15px;line-height:1.45;font-weight:500}.recruit-meta{flex-wrap:wrap;color:#aeb5d0;font-size:12px;margin-top:16px;justify-content:space-between}.recruit-card-footer{border-top:1px solid #30344a;margin-top:18px;padding-top:12px;justify-content:space-between;font-size:13px}.recruit-card-footer>span{overflow-wrap:anywhere;min-width:0}.recruit-card-footer button{white-space:nowrap}.recruit-post-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:15px;border:1px solid #465880;border-radius:14px;background:#20283f;color:#cdd5f8;font-size:13px;margin:0 0 22px;text-align:left}.recruit-post-option strong{font-weight:500;color:#b7c5ff}.recruit-dialog{max-width:600px}.recruit-dialog h2{overflow-wrap:anywhere}.recruit-dialog .dialog-top h2{font-size:22px}.recruit-dialog label{display:block;margin-top:20px}.recruit-dialog input:not([type=checkbox]),.recruit-dialog select,.recruit-dialog textarea{width:100%;min-width:0;margin-top:8px}.recruit-dialog textarea{resize:vertical;min-height:110px}.recruit-dialog .recruit-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;color:#c6cbe0}.recruit-consent input{width:19px;height:19px;min-width:19px;margin:2px 0 0;accent-color:#95aaff}.recruit-dialog .full{margin-top:16px}.recruit-detail-category{font-size:13px}.recruit-status{margin-left:auto;color:#9fe2c3;background:#203a32;padding:6px 10px;border-radius:20px;font-size:12px}.recruit-byline{color:#a7aec8;font-size:13px}.recruit-description,.application-card>p,.application-status p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px}.recruit-description{margin:24px 0}.recruit-detail-actions{flex-wrap:wrap;border-top:1px solid #35384c;padding-top:14px;margin-top:20px}.recruit-signin{display:inline-block;text-decoration:none;text-align:center}.recruit-guest{margin-top:24px}.application-status{border:1px solid #414b71;background:#22283e;border-radius:15px;padding:16px;margin-top:20px}.application-status>strong{color:#aec0ff;font-size:14px}.application-status p{font-size:13px;color:#bcc2d8}.recruit-inbox-title{font-size:18px;font-weight:600}.application-card{border:1px solid #383d58;border-radius:16px;padding:18px;margin-top:16px}.application-card>div:first-child{display:grid;gap:6px}.application-card small,.recruit-activity-row small{color:#a6afc9;font-size:12px}.application-actions{margin-top:16px}.application-actions button{flex:1}.recruit-activity-row{justify-content:space-between;border-bottom:1px solid #32364d;padding:18px 0;flex-wrap:wrap}.recruit-activity-row>div{display:grid;gap:8px;min-width:0;flex:1}.recruit-activity-row>div button{text-align:left;padding:0;overflow-wrap:anywhere}.recruit-activity-section{background:#181b2b;border:1px solid #333a53;border-radius:20px;padding:22px;margin-bottom:20px}.recruit-activity-section h2{font-size:19px;margin:0 0 10px}#recruitBadge{background:#93a8ff;color:#101523;border-radius:20px;padding:1px 5px;font-size:11px}#idleDiscover{font-size:13px}.idle-bottom{gap:8px}
@media(max-width:700px){.discovery-grid{grid-template-columns:1fr;gap:15px}.discovery-toolbar>.primary{padding:12px 15px;font-size:13px}.discovery-tabs button{font-size:12px;padding:10px}.discovery-toolbar{gap:12px}.recruit-card{padding:18px}.recruit-card h2{font-size:21px}.recruit-dialog{padding:20px}.recruit-dialog .dialog-top{padding-bottom:12px}.recruit-dialog h2{font-size:25px}.recruit-activity-section{padding:17px}.recruit-detail-actions{gap:6px}.recruit-detail-actions button{font-size:13px}.discovery-filters select{font-size:14px}.recruit-meta{font-size:12px}.rail nav{grid-template-columns:repeat(4,minmax(0,1fr))}.rail nav button{min-width:0}.rail nav button span{font-size:11px}}
.recruit-dialog{width:min(600px,calc(100vw - 32px));max-width:calc(100vw - 32px);overflow-x:hidden}.recruit-dialog textarea{font:inherit;font-size:16px}.recruit-dialog input,.recruit-dialog select{font-size:16px}
@media(max-width:700px){.recruit-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:max(20px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));overscroll-behavior-y:contain}.recruit-dialog .dialog-top{min-height:48px;margin-bottom:18px}.recruit-dialog .dialog-top .close{flex-shrink:0;min-width:44px;min-height:44px}.recruit-dialog .dialog-top h2{line-height:1.25}}
/* Creator profiles: compact identity, visible work, and useful matching details. */
.people-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.people-intro p{margin:0;color:#b3bbd4;font-size:15px}.people-intro button{white-space:nowrap}.people-search{display:flex;gap:10px}.people-search input{min-width:0;flex:1;margin:0}.people-quick-filters{display:flex;gap:10px;margin-top:12px}.people-quick-filters select{flex:1;min-width:0;margin:0;font-size:14px;padding:12px}.people-filter-details,.creator-extra{border:1px solid #383e58;border-radius:14px;padding:14px;margin-top:14px;background:#151928}.people-filter-details summary,.creator-extra summary{cursor:pointer;font-size:14px;color:#bfcbef}.people-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.people-filter-grid label{min-width:0;font-size:14px}.people-filter-grid input,.people-filter-grid select{width:100%;min-width:0;font-size:16px}.people-project-filter{grid-column:1/-1}.people-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.people-discovery-grid>.feed-empty{grid-column:1/-1}.creator-card{padding:22px;background:linear-gradient(150deg,#1c2035,#141723);border:1px solid #3c4566;border-radius:23px;min-width:0;display:flex;flex-direction:column;gap:15px}.creator-card-person{display:flex;gap:13px;align-items:center;background:none;border:0;color:#f2f3ff;text-align:left;padding:0;min-width:0}.creator-card-person>span:last-child{min-width:0;display:grid;gap:4px}.creator-card-person strong{font-size:20px;overflow-wrap:anywhere}.creator-card-person small{color:#a6b1d1;font-size:14px;overflow-wrap:anywhere}.creator-avatar{width:60px;height:60px;flex-shrink:0;border-radius:20px;background:linear-gradient(135deg,#344b84,#4b2c6d);border:1px solid #6e7eb0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d8deff;font:600 23px 'Outfit',sans-serif}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-avatar.large{width:86px;height:86px;border-radius:27px;font-size:30px}.creator-avatar .avatar-initials{display:flex;align-items:center;justify-content:center}.creator-avatar.large:has(img) .avatar-initials{display:none}.creator-availability{font-size:12px;border-radius:20px;padding:5px 10px;align-self:flex-start;width:max-content;max-width:100%;color:#a8e4cf;background:#1d3732;border:1px solid #345d51;white-space:normal}.creator-availability.limited{color:#e5d1aa;background:#363020;border-color:#605439}.creator-availability.closed{color:#b8bfd3;background:#282c3b;border-color:#454b61}.skill-tags{display:flex;gap:7px;flex-wrap:wrap;min-width:0}.skill-tags span{display:inline-flex;align-items:center;min-width:0;overflow-wrap:anywhere;max-width:100%;padding:6px 10px;background:#232a41;border:1px solid #3a4769;border-radius:9px;font-size:13px;color:#ccd6f7}.category-tags span{background:#2a2240;border-color:#52406e;color:#d3bbfa}.creator-card-bio{font-size:15px;line-height:1.6;color:#c2c8de;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.creator-skills-label{font-size:12px;color:#9eabc9;margin-bottom:-7px}.creator-location{font-size:13px;color:#aab5d0;overflow-wrap:anywhere;line-height:1.6;margin:0}.match-reasons{font-size:12px;color:#abc2ff;line-height:1.5;margin:0}.creator-view{align-self:flex-start;margin-top:auto;padding:8px 0;font-size:14px}.profile-name-link{background:none;border:0;color:inherit;padding:0;text-align:left;font:inherit;font-weight:600;overflow-wrap:anywhere;min-width:0}.creator-dialog{width:min(780px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:0;max-height:92dvh;overflow:auto;overscroll-behavior:contain;background:#171b2a;border:1px solid #3d4360;border-radius:24px}.creator-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#171b2af5;position:sticky;top:0;z-index:2;border-bottom:1px solid #323a53}.creator-topbar .close{min-width:44px;min-height:44px;margin:0}.creator-topbar .eyebrow{font-size:12px}#creatorContent{padding:24px}.creator-identity{display:flex;gap:20px;align-items:center;margin:4px 0 22px}.creator-identity>div{min-width:0}.creator-identity h2{font:650 32px/1.1 'Outfit',sans-serif;margin:0;overflow-wrap:anywhere}.creator-identity p{margin:7px 0 12px;color:#aab5d0;font-size:14px;overflow-wrap:anywhere}.creator-bio{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 12px}.creator-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:23px 0}.creator-actions .primary{font-size:14px}.creator-actions .text-button{font-size:14px}.creator-actions [data-report-kind]{margin-inline-start:auto;white-space:nowrap}.profile-visibility-note{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#222b46;border:1px solid #46577f;color:#c2d0f7;padding:12px 15px;border-radius:12px;margin-bottom:24px;font-size:13px}.creator-section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;background:#101421;border:1px solid #384361;border-radius:15px;gap:3px;margin-top:24px}.creator-section-tabs button{background:none;border:0;padding:13px 4px;border-radius:11px;font-size:14px;color:#aab8d9;white-space:nowrap;min-width:0}.creator-section-tabs button[aria-pressed=true]{background:#303d61;color:#f4f6ff}.creator-section-tabs button span{color:#b4bfea;margin-left:3px}#creatorWork .section-heading{margin-top:24px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-grid>.feed-empty{grid-column:1/-1}.work-card{min-width:0;border:1px solid #394461;border-radius:17px;overflow:hidden;background:#111624}.work-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;background:#0b0f1b;max-width:100%}.work-media>img,.work-media>a,.work-media>video,.work-media>.work-audio{flex:0 0 100%;min-width:100%;width:100%;scroll-snap-align:start}.work-media img{display:block;width:100%;height:240px;object-fit:cover}.work-media video{display:block;height:240px;object-fit:contain}.work-audio{padding:18px;min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:center}.work-audio>span{font-size:14px;overflow-wrap:anywhere;color:#c2d1ff}.work-audio audio{width:100%;min-width:0}.work-copy{padding:18px}.work-category{color:#b0bbdf;font-size:12px}.work-copy h3{font:600 21px/1.2 'Outfit',sans-serif;overflow-wrap:anywhere;margin:10px 0}.work-copy p{font-size:15px;color:#bfc8df;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.work-contribution{display:grid;gap:7px;margin-top:18px;border-top:1px solid #303b54;padding-top:14px}.work-contribution small{font-size:11px;letter-spacing:.09em;color:#94a6d6}.work-contribution span{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.work-link{display:inline-block;color:#a6baff;padding:12px 0 0;font-size:14px}.work-owner-actions{display:flex;justify-content:space-between;margin-top:18px;gap:10px}.work-owner-actions button{font-size:13px}.creator-about-section{margin:24px 0}.creator-about-section h3{font-size:17px;margin:0 0 14px}.creator-about-section p{color:#b4bfd8;font-size:15px}.reputation-header{display:flex;gap:18px;align-items:center;margin:26px 0}.reputation-header>strong{font:600 45px 'Outfit',sans-serif;color:#b29bff}.reputation-header h3{font-size:17px;margin:0}.reputation-header p{font-size:13px;line-height:1.6;color:#b4bed7;margin:6px 0 0}.endorsement-grid{display:grid;gap:8px}.endorsement-grid>div{display:flex;justify-content:space-between;padding:14px;border:1px solid #364465;border-radius:11px;font-size:14px;background:#202942}.endorsement-grid strong{color:#b4c4ff}.creator-onboarding{border:0;padding:0;margin:24px 0}.creator-onboarding legend{font-size:15px;margin-bottom:12px}.creator-onboarding legend small{color:#a4b0cc;font-size:12px}.profile-category-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-category-options label{position:relative!important;margin:0!important;min-width:0;cursor:pointer}.profile-category-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0!important;cursor:pointer}.profile-category-options span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:9px 3px;border:1px solid #424b66;background:#151b2d;border-radius:13px;font-size:12px;color:#b6c3e5}.profile-category-options svg{width:25px;height:25px}.profile-category-options input:checked+span{background:#303e69;border-color:#98afff;color:#e3ebff}.profile-category-options input:focus-visible+span{outline:2px solid #b4c6ff;outline-offset:2px}.collab-type-options{border:0;padding:0;margin-top:20px}.collab-type-options legend{font-size:15px}.collab-type-options label{display:flex!important;gap:10px;align-items:center;font-size:14px;margin-top:12px!important}.collab-type-options input{width:18px!important;height:18px!important;margin:0!important;flex-shrink:0;accent-color:#95aaff}.creator-privacy{border:1px solid #475379;background:#20273d;border-radius:15px;padding:0 15px 12px;margin-top:24px}.creator-privacy .form-help{font-size:13px}.creator-extra{margin-top:24px}.work-upload-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #414c6a;padding:12px;border-radius:12px;margin-top:12px}.work-upload-item>span{min-width:0;overflow-wrap:anywhere;font-size:14px}.work-upload-item small{display:block;color:#aab5cf;font-size:12px;margin-top:6px}.work-add-media{padding:15px 0;font-size:15px}.work-source-preview{padding:16px;border-radius:12px;background:#222b44;border:1px solid #44577a;margin-top:20px}.work-source-preview p{font-size:14px;line-height:1.6}.creator-card button,.creator-dialog button{touch-action:manipulation}
@media(max-width:700px){.people-discovery-grid{grid-template-columns:1fr;gap:16px}.creator-card{padding:19px}.people-intro p{font-size:14px}.people-quick-filters{gap:8px}.people-quick-filters select{font-size:13px;padding:12px 8px}.creator-dialog{width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;border-radius:0}.creator-topbar{padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top))}#creatorContent{padding:20px 18px max(28px,env(safe-area-inset-bottom))}.creator-identity{gap:15px}.creator-identity h2{font-size:28px}.creator-avatar.large{width:76px;height:76px;border-radius:24px}.creator-actions{gap:12px}.creator-section-tabs button{font-size:12px;padding:13px 2px}.work-grid{grid-template-columns:1fr}.work-media img,.work-media video{height:260px}.creator-extra{padding:13px}.people-filter-grid{gap:12px}.people-filter-grid label{font-size:13px}.creator-identity .creator-availability{font-size:11px}.discovery-tabs button{padding-inline:9px}.profile-category-options{gap:7px}.profile-category-options span{font-size:11px;min-height:78px}.creator-actions input{width:100%;min-width:0}.profile-visibility-note{font-size:12px;line-height:1.5}}
body[data-view=discover] .heading-actions,body[data-view=crew] .heading-actions{display:none!important}body[data-discovery-tab=people] .discovery-toolbar>[data-recruit-new]{display:none}.creator-topbar{backdrop-filter:blur(12px)}
@media(max-width:360px){.creator-edit-dialog .people-filter-grid{grid-template-columns:1fr}.profile-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-category-options span{flex-direction:row;min-height:54px;font-size:13px}.creator-section-tabs button{font-size:11px}}
/* Structured creator discovery and Particle Signal */
.people-category-browse{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:16px 0 10px;max-width:100%}.people-category-browse button{display:flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid #3e4765;background:#171d30;color:#c6cfea;border-radius:12px;padding:12px;font-size:14px;min-height:46px}.people-category-browse button svg{width:19px;height:19px}.people-category-browse button[aria-pressed=true]{background:#343760;border-color:#929fff;color:#fff}.specialty-picker{border:0;padding:0;margin:18px 0;min-width:0}.specialty-picker legend{font-size:15px;font-weight:600;margin-bottom:10px}.specialty-picker legend small{font-size:12px;color:#a5b3d2;font-weight:400;margin-left:6px}.specialty-selected{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.specialty-selected button{max-width:100%;display:flex;gap:12px;align-items:center;background:#30294c;border:1px solid #695394;border-radius:9px;color:#dfceff;font-size:14px;padding:9px 11px;overflow-wrap:anywhere}.specialty-selected button span{font-size:20px}.specialty-browse{border:1px solid #3b4769;background:#151c2d;border-radius:12px;padding:14px}.specialty-browse summary{font-size:14px;color:#c9d4f9;cursor:pointer;min-height:20px}.specialty-count{float:right;font-size:12px;color:#9faecf}.specialty-browse label{font-size:14px!important;display:block;margin-top:14px!important}.specialty-browse input,.specialty-browse select{margin-top:8px;width:100%;min-width:0;font-size:16px}.specialty-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;max-height:285px;overflow-y:auto;overscroll-behavior:contain}.specialty-options button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:10px;text-align:left;border:1px solid #3c4868;background:#1d263b;color:#c8d3ef;border-radius:9px;font-size:14px;overflow-wrap:anywhere;min-width:0}.specialty-options button[aria-pressed=true]{background:#303d62;border-color:#91a3f7;color:white}.specialty-feedback:empty{display:none}.people-quick-filters>label{min-width:0;flex:1;font-size:13px;color:#aebbd8}.people-quick-filters select{display:block;width:100%;margin-top:7px;font-size:14px}.people-filter-actions,.nearby-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.people-filter-actions{margin-top:14px}.search-location-control{border-top:1px solid #353e58;padding-top:8px}.search-location-control .text-button{font-size:14px}.profile-location-section{border:0;margin:28px 0;padding:0;min-width:0}.profile-location-section legend{font-size:18px;font-weight:600}.nearby-setting{padding:16px;background:#182338;border:1px solid #3d5378;border-radius:14px;margin-top:20px}.nearby-setting>strong{font-size:15px}.nearby-setting small{font-size:12px;color:#a7b8d8;font-weight:400;margin-left:7px}#profileLocationStatus{font-size:14px;color:#c0d7ff}.nearby-actions button{font-size:14px;padding:10px 0}.signal-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;flex-wrap:wrap;width:fit-content;border:1px solid #60518e;border-radius:10px;background:linear-gradient(120deg,#272847,#312245);padding:8px 11px;font-size:12px;color:#b9c8ed}.signal-badge strong{font:650 20px/1 'Outfit',sans-serif;color:#dbccff}.signal-badge>span{border-left:1px solid #63557c;padding-left:8px;color:#d7c0ff}.creator-active{font-size:13px;color:#a6c0ff;margin:0}.signal-panel{background:linear-gradient(135deg,#1d2b4a,#292039);border:1px solid #505b82;border-radius:18px;margin:24px 0;padding:20px}.signal-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.signal-head small{font-size:12px;color:#9db2e5;letter-spacing:.05em}.signal-head h3{font:600 26px 'Outfit',sans-serif;margin:6px 0}.signal-head>strong{font:650 44px 'Outfit',sans-serif;color:#d5b8ff}.signal-head>strong small{font-size:15px;letter-spacing:0;margin-left:4px;color:#a29bbf}.signal-panel>p{font-size:14px;line-height:1.6;color:#b5c1df}.signal-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.signal-breakdown>div{min-width:0;display:grid;gap:8px;font-size:13px;color:#c6d2ef}.signal-breakdown strong{font-size:15px;color:#e0e7ff}.signal-breakdown progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#111829;accent-color:#af99ff}.signal-breakdown progress::-webkit-progress-bar{background:#111829}.signal-breakdown progress::-webkit-progress-value{background:linear-gradient(90deg,#7eacff,#b794ff)}.signal-explainer{border-top:1px solid #454968;padding-top:16px}.signal-explainer summary{font-size:14px;cursor:pointer;color:#c4c9ed}.signal-explainer p{font-size:14px;line-height:1.7;color:#b6bed8}.creator-identity+.signal-badge{margin-bottom:16px}.people-filter-details summary span:not(:empty){display:inline-flex;margin-left:8px;border-radius:6px;background:#333c5d;padding:1px 7px;font-size:12px}
@media(max-width:700px){.people-category-browse{margin-right:-4px;padding-bottom:12px}.people-quick-filters>label{flex:1 1 0}.people-quick-filters select{font-size:14px;padding:12px 8px}.creator-section-tabs button{font-size:13px;white-space:normal;line-height:1.35}.signal-panel{padding:16px}.signal-breakdown{gap:10px}.specialty-options{grid-template-columns:1fr}.people-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.people-category-browse button{padding:11px}.profile-location-section input,.profile-location-section select{width:100%;min-width:0}}
@media(max-width:360px){.people-quick-filters{flex-direction:column}.people-filter-grid{grid-template-columns:minmax(0,1fr)}.signal-head>strong{font-size:38px}.signal-head h3{font-size:24px}}
/* Idle controls keep their natural height; short screens scroll instead of compressing. */
#idleDialog{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding-block:20px}
#idleDialog[open]{display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;align-content:start;row-gap:24px}
#idleDialog .idle-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 16px;align-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));min-width:0}
#idleDialog .idle-top h1{line-height:1.5;letter-spacing:.04em;overflow-wrap:anywhere;min-width:0}
#idleDialog .idle-top .atmosphere-button{margin:0;min-height:44px}
#idleDialog .idle-center{min-height:auto;justify-content:flex-start;gap:16px;padding:0;min-width:0}
#idleDialog .idle-center>*{flex-shrink:0}
#idleDialog .idle-account{width:min(520px,calc(100% - 40px));max-width:none;padding:0;margin:0;gap:16px;min-height:64px}
#idleDialog .idle-account-copy{min-width:0;max-width:100%}
#idleDialog .idle-welcome{line-height:1.35;margin:0;max-width:100%;text-wrap:pretty}
#idleDialog .idle-auth-links{margin-top:6px;gap:12px;flex-wrap:wrap}
#idleDialog .idle-auth-links a{min-height:40px;line-height:1.5;padding:4px 0}
#idleDialog .atom-mode-switch{margin:0;max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:center;gap:6px}
#idleDialog .atom-mode-switch button{min-height:44px;padding:10px 18px;line-height:1.4;white-space:normal}
#idleDialog .atom-project-picker{width:min(520px,calc(100% - 40px));max-width:none;margin:0}
#idleDialog .atom-project-picker select{min-height:48px;line-height:1.5;font-size:16px;padding:12px 16px}
#idleDialog .idle-atom-stage{width:100%;display:grid;place-items:center;padding-block:8px;touch-action:none;position:relative;z-index:1}
#idleDialog .idle-atom{display:block;width:min(390px,82vw,clamp(240px,36dvh,390px));height:auto;aspect-ratio:1;margin:0;flex:none;overflow:visible}
#idleDialog[data-atom-mode="projects"] .idle-atom{width:min(320px,78vw,clamp(190px,29dvh,320px))}
#idleDialog .atom-project-preview{width:min(520px,calc(100% - 40px));max-width:none;margin:0;gap:16px;padding:16px;align-items:center;flex-wrap:wrap}
#idleDialog .atom-project-preview>div{flex:1 1 190px;min-width:0}
#idleDialog .atom-project-preview strong{font-size:16px;line-height:1.4;white-space:normal;overflow:visible;overflow-wrap:anywhere}
#idleDialog .atom-project-preview small{font-size:14px;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}
#idleDialog .atom-project-preview .primary{min-height:48px;line-height:1.4;padding:12px 16px;white-space:normal;max-width:100%}
#idleDialog #idleHint{width:min(480px,calc(100% - 40px));font-size:14px;line-height:1.6;margin:0;text-wrap:balance}
#idleDialog .atom-zoom-controls{gap:8px;margin:0;padding:6px;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center}
#idleDialog .atom-zoom-controls button{min-height:44px;min-width:44px;line-height:1.4;flex-shrink:0}
#idleDialog .atom-zoom-controls output{min-width:48px;line-height:1.5}
#idleDialog .atom-zoom-controls #atomFit{margin-left:0;padding:10px 14px}
#idleDialog .idle-controls{margin:0;gap:12px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 40px)}
#idleDialog .idle-controls button{min-height:48px;padding:12px 20px;line-height:1.4;white-space:normal}
#idleDialog .idle-bottom{gap:12px;padding:0 max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));min-width:0}
#idleDialog .idle-bottom .primary{width:min(340px,100%);min-width:0;min-height:52px;padding:14px 24px;line-height:1.4;white-space:normal}
#idleDialog .idle-bottom .text-button{min-height:44px;padding:10px 16px;line-height:1.5;max-width:100%;white-space:normal;text-align:center}
@media(max-width:600px){#idleDialog[open]{row-gap:24px}#idleDialog .idle-top{gap:10px;padding-inline:20px}#idleDialog .idle-top h1{padding-left:10px;font-size:12px}#idleDialog .idle-top .particle-wordmark{font-size:22px}#idleDialog .idle-account{justify-content:flex-start}#idleDialog .idle-center .idle-welcome{font-size:22px}#idleDialog .idle-profile-photo{width:60px;height:60px}#idleDialog .atom-project-preview>div{flex-basis:160px}#idleDialog .atom-project-preview .primary{flex:1 1 100%;text-align:center}}
@media(max-width:360px){#idleDialog .idle-top{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}#idleDialog .idle-top>a{grid-column:1;grid-row:1}#idleDialog .idle-top h1{grid-column:1;grid-row:2;border:0;padding:0}#idleDialog .idle-top .atmosphere-button{grid-column:2;grid-row:1/3}#idleDialog .idle-account{gap:12px}#idleDialog .idle-center .idle-welcome{font-size:21px}}

/* Let the atom use the remaining viewport; controls stay visible in both modes. */
#idleDialog[open]{grid-template-rows:auto minmax(0,1fr) auto;row-gap:12px}
#idleDialog .idle-center{min-height:0;gap:10px}
#idleDialog .idle-atom-stage{flex:1 1 0;min-height:70px;padding:0;container-type:size}
#idleDialog .idle-atom,#idleDialog[data-atom-mode="projects"] .idle-atom{width:min(390px,84vw,100cqh);height:auto;max-height:100%;margin:0}
#idleDialog .idle-account{min-height:56px}
#idleDialog .idle-auth-links{margin-top:2px}
#idleDialog .atom-mode-switch button{padding:8px 18px;min-height:40px}
#idleDialog .atom-project-picker{display:flex;align-items:center;gap:10px}
#idleDialog .atom-project-picker[hidden]{display:none}
#idleDialog .atom-project-picker select{flex:1;min-width:0;width:0;min-height:46px;padding:10px 12px}
#idleDialog #atomOpenProject{flex:none;min-height:46px;padding:10px 14px;line-height:1.4;font-size:14px;white-space:nowrap}
#idleDialog #atomOpenProject:disabled{opacity:.45;box-shadow:none}
#idleDialog .idle-gesture-help{width:min(420px,calc(100% - 40px));display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3;flex-wrap:wrap}
#idleDialog #idleHint{width:auto;min-width:0;margin:0;text-align:left;font-size:13px;line-height:1.5}
#idleDialog #idlePause{flex:none;min-height:44px;padding:9px 12px;border:1px solid #3e445f;background:#20243b77;color:#c6cce0;border-radius:24px;font:inherit;font-size:13px;line-height:1.5}
#idleDialog .atom-zoom-controls{gap:4px;padding:4px;flex-wrap:nowrap}
#idleDialog .atom-zoom-controls output{min-width:40px}
#idleDialog .atom-zoom-controls #atomFit,#idleDialog .atom-zoom-controls #idleReset{font-size:14px;padding:10px;min-height:44px}
#idleDialog .idle-bottom{gap:4px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-height:680px){#idleDialog[open]{row-gap:8px}#idleDialog .idle-top{padding-top:max(12px,env(safe-area-inset-top))}#idleDialog .idle-center{gap:8px}#idleDialog .idle-center .idle-welcome{font-size:18px;line-height:1.25}#idleDialog .idle-profile-photo{width:48px;height:48px}#idleDialog .idle-account{min-height:48px;gap:12px}#idleDialog .idle-auth-links a{min-height:32px;font-size:13px}#idleDialog .idle-bottom .primary{min-height:48px;padding:12px 20px}#idleDialog .idle-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}#idleDialog .idle-top h1{display:none}#idleDialog .idle-top{grid-template-columns:minmax(0,1fr) auto}#idleDialog .idle-top .atmosphere-button{grid-column:2;grid-row:1}#idleDialog .idle-atom-stage{min-height:60px}}

/* Two short signup questions, with optional profile details kept out of the way. */
#entryDialog:has(.onboarding-wizard) .entry-card{width:min(540px,100%);max-width:100%;margin:16px auto;padding:28px}
#entryDialog:has(.onboarding-wizard) .entry-brand{margin-bottom:24px}
#entryDialog:has(.onboarding-wizard) h1{font-size:clamp(26px,5vw,34px);line-height:1.18;letter-spacing:-.6px;margin:12px 0}
.onboarding-progress{display:flex;gap:8px;margin:0 0 16px}.onboarding-progress span{height:3px;flex:1;border-radius:3px;background:#343b56}.onboarding-progress .complete{background:#a596ff}
.onboarding-step{color:#b8c1db;font-size:14px;margin:0}.onboarding-wizard .goal-field{margin-top:24px}.onboarding-wizard .goal-field legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.onboarding-wizard .goal-grid{gap:12px}.onboarding-wizard .goal-choice{min-width:0;margin:0}.onboarding-wizard .goal-choice>span{min-height:76px;padding:12px;display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.4}.onboarding-wizard .goal-choice b{flex:none}
.onboarding-wizard .start-options{display:grid;grid-template-columns:1fr;gap:12px}.onboarding-wizard .start-options span{padding:20px 16px;min-height:64px;text-align:left;font-size:16px;line-height:1.5}
.onboarding-details{border-top:1px solid #343b56;margin-top:24px;padding-top:16px}.onboarding-details summary{cursor:pointer;font-size:14px;line-height:1.5;padding:8px 0}.onboarding-details summary small{color:#a4afcb;font-size:13px;margin-left:6px}.onboarding-details[open] summary{margin-bottom:16px}
.onboarding-navigation{display:flex;justify-content:center;gap:24px}.onboarding-navigation button{width:auto;margin-top:12px;min-height:44px;font-size:14px}.onboarding-wizard .entry-main{font-size:16px;min-height:50px}
@media(max-width:600px){#entryDialog:has(.onboarding-wizard){padding:16px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#entryDialog:has(.onboarding-wizard) .entry-card{padding:20px 16px;margin:0 auto}.onboarding-wizard .goal-grid{gap:10px}.onboarding-wizard .goal-choice>span{padding:10px;font-size:14px;gap:8px}.onboarding-wizard .goal-choice b{font-size:24px}}
#entryDialog:has(.onboarding-wizard) .entry-sky-controls{display:none}
#entryDialog:has(.onboarding-wizard) .entry-brand{margin-bottom:16px}
#entryDialog:has(.onboarding-wizard) .entry-brand .particle-atom{width:44px;height:44px;margin-left:0}
#entryDialog:has(.onboarding-wizard) .entry-brand .particle-wordmark{font-size:34px}
#entryDialog:has(.onboarding-wizard) .entry-copy{font-size:15px;line-height:1.5;margin:12px 0 16px}
.onboarding-wizard .goal-field{margin-top:16px}.onboarding-wizard .goal-choice>span{min-height:72px}.onboarding-details{margin-top:16px;padding-top:8px}
/* Account and team controls use natural document flow and full-width mobile rows. */
.launch-dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#141723;color:#ececfa;border:1px solid #3a415d;border-radius:24px;box-sizing:border-box}.launch-dialog *,.team-controls *{box-sizing:border-box;min-width:0}.launch-dialog .dialog-top{gap:16px;margin:0 0 24px;padding:0}.launch-dialog h2{font-size:24px;margin:0;line-height:1.3}.launch-dialog h3{font-size:18px;margin:0 0 16px}.launch-dialog p{line-height:1.6;overflow-wrap:anywhere}.launch-dialog small{display:block;font-size:12px;color:#aaaec6;line-height:1.6}.launch-dialog label{margin-top:16px}.launch-dialog input:not([type=checkbox]),.launch-dialog textarea,.launch-dialog select{width:100%;font-size:16px}.launch-dialog button,.launch-dialog a.primary,.team-controls button{min-height:44px;white-space:normal;line-height:1.4}.launch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.launch-actions>*{max-width:100%}.launch-dialog .launch-actions .primary{padding:12px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.plus-card{padding:22px;border-radius:20px;background:linear-gradient(125deg,#1e2948,#28213d);border:1px solid #515b83}.plus-price{font-size:40px;font-weight:750;letter-spacing:-1.5px;margin-top:12px}.plus-price span{font-size:14px;font-weight:450;letter-spacing:0;color:#b7bdd6}.plus-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.plus-benefits span{font-size:13px;color:#c5c9dd}.plus-benefits strong{display:block;font-size:22px;color:#f1f1ff}.plus-card>small{margin-top:20px}.account-status{font-size:14px}.account-section{padding-top:26px;margin-top:26px;border-top:1px solid #34384f}.account-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;margin:0!important;line-height:1.5}.account-toggle input{width:22px!important;height:22px;accent-color:#9b91ff;flex:none}.launch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;flex-wrap:wrap;border-bottom:1px solid #31364c}.launch-row>span{flex:1;min-width:120px;overflow-wrap:anywhere}.danger-text{color:#fba4ba!important}.launch-dialog details{margin-top:18px}.launch-dialog summary,.team-controls summary{min-height:44px;padding:12px 0;cursor:pointer;color:#b6c3ff;line-height:1.4}.launch-dialog li{line-height:1.6;margin-bottom:12px}.legal-links a{color:#b7bfff;font-size:14px}.support-ticket,.moderation-item,.support-response{padding:18px 0;border-bottom:1px solid #34384f}.support-reply{background:#202940;border-radius:12px;padding:14px}.owner-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.owner-metrics strong{display:block;font-size:22px;margin-top:6px}.moderation-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;max-height:220px;overflow:auto}.team-controls{margin-top:24px;padding-top:24px;border-top:1px solid #363a53}.team-member small{display:block;color:#a9adc4;margin-top:6px}.member-options{flex-basis:100%;margin:0}.member-options summary{font-size:14px;padding:8px 0}.member-options .launch-actions{margin:0;padding:0 0 8px}.message-safety{min-width:44px;min-height:32px;padding:2px 10px;align-self:flex-end;opacity:.7}.chat-history-button{display:block;margin:0 auto 16px;min-height:44px}.session-card{flex-wrap:wrap}.calendar-export{min-height:44px;font-size:13px;flex-basis:100%;text-align:left;padding-left:0}.launch-dialog .entry-error:empty{display:none}
@media(max-width:480px){.launch-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:20px;border-radius:20px}.plus-card{padding:18px}.plus-price{font-size:36px}.launch-dialog .launch-actions>.primary{flex:1 1 100%}.team-controls .launch-actions{align-items:stretch}.launch-dialog .danger-button{padding:12px 16px}.moderation-item .launch-actions{display:grid;grid-template-columns:1fr}.team-member{align-items:flex-start}.launch-dialog .dialog-top>.close{flex:0 0 44px}}

.account-section>a.text-button{display:inline-flex;align-items:center;min-height:44px;margin-right:16px}.message-safety{min-height:44px}

/* Session scheduling: roomy touch targets inside the existing project views. */
#sessionDialog{width:min(520px,calc(100vw - 24px));height:auto;max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:24px;border-radius:24px;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
#sessionDialog *{box-sizing:border-box;min-width:0}#sessionDialog .dialog-top{margin:0 0 22px;padding:0;gap:16px}#sessionDialog h2{font-size:25px;line-height:1.25}#sessionDialog label{display:block;font-size:14px;line-height:1.5;margin:18px 0 0}#sessionDialog input:not([type=hidden]){display:block;width:100%;max-width:100%;min-height:48px;font-size:16px;padding:12px;margin-top:8px}#sessionDialog .form-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}#sessionDialog .form-row label{width:auto}#sessionDialog .session-project-context{font-size:14px;line-height:1.5;margin:8px 0 4px;overflow-wrap:anywhere}#sessionDialog .session-duration-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}#sessionDialog .session-end-preview{font-size:14px;line-height:1.6;color:#bac7ff;margin:0 0 10px}#sessionDialog .form-help{font-size:13px;line-height:1.6;margin:18px 0 0}#sessionDialog .session-edit-note{border-left:2px solid #a88ee9;padding-left:12px;color:#babed5;font-size:14px;line-height:1.6;margin:18px 0 0}#sessionDialog .full{width:100%;min-height:48px;margin-top:24px;font-size:16px;white-space:normal}#sessionDialog .entry-error{margin-top:18px;font-size:14px;line-height:1.6}#sessionDialog .close{min-width:44px;min-height:44px;flex-shrink:0}
.session-card{display:flex;flex-wrap:wrap;gap:18px;padding:18px;min-width:0}.session-card-copy{flex:1 1 100%;min-width:0}.session-card-heading{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.session-card-heading h4{flex:1;min-width:120px;margin:0;line-height:1.4;overflow-wrap:anywhere}.session-state{font-size:12px;line-height:1.5;white-space:nowrap;border:1px solid #434d6e;border-radius:20px;padding:4px 9px;color:#c4ceff}.session-state.is-canceled{color:#ffa7bd;border-color:#744759}.session-card .session-when{font-size:14px;line-height:1.6;margin:10px 0 6px;overflow-wrap:anywhere}.session-card .session-place{font-size:14px;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.session-card small{font-size:13px;line-height:1.6}.session-card-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;align-items:flex-start}.session-card-actions>button{flex:1 1 126px;min-height:44px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4;white-space:normal}.session-card-actions>.calendar-export{border:1px solid #444a69;border-radius:12px;text-align:center;color:#c0caff}.session-manage{flex:1 1 90px;min-width:0}.session-manage summary{min-height:44px;padding:11px 10px;border:1px solid #444a69;border-radius:12px;text-align:center;cursor:pointer;color:#bcc3df;font-size:14px;line-height:1.5}.session-manage[open]{flex-basis:100%}.session-manage-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.session-manage-actions button{flex:1 1 120px;min-height:44px;padding:10px;border:1px solid #414864;border-radius:12px;font-size:14px;line-height:1.4}.session-canceled{background:#191923;border-color:#494151}.session-canceled .session-when,.session-canceled .session-place{color:#a5a7bb}.upcoming-session>span:nth-child(2){min-width:0}.upcoming-session time{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:380px){#sessionDialog{padding:18px}#sessionDialog .form-row{grid-template-columns:minmax(0,1fr);gap:0}.session-card{padding:16px}.session-card-actions>button{flex-basis:100%}}

#sessionDialog #sessionForm{padding:0;margin:0;max-width:none}#sessionDialog #sessionForm>.dialog-top{position:static;min-height:44px;margin:0 0 16px;padding:0;background:none;border:0}#sessionDialog #sessionForm h2{margin:0 0 8px}#sessionDialog #sessionForm .form-row>label{margin-top:18px}

/* Chat gestures keep one scroll surface and a fixed composer. */
.chat-refresh{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin:0 0 12px;border:0;border-radius:14px;background:rgb(143 169 255 / calc(var(--pull,0)*.13));color:#aab6d9;font:500 12px 'DM Sans',sans-serif;touch-action:pan-y}
.chat-refresh>span:first-child{font-size:22px;color:#afbfff;transform:rotate(calc(var(--pull,0)*180deg))}.chat-refresh[aria-busy=true]>span:first-child{animation:chat-refresh-spin .8s linear infinite}.chat-refresh:disabled{opacity:.8;cursor:wait}
#projectScroll [data-likeable]{touch-action:manipulation}.chat-like{display:flex;align-items:center;justify-content:center;gap:6px;min-width:54px;min-height:44px;width:max-content;margin-top:4px;padding:4px 9px;border:1px solid transparent;border-radius:22px;background:none;color:#a5aec9;font:500 12px 'DM Sans',sans-serif;touch-action:manipulation}.chat-like>span:first-child{font-size:23px;line-height:1}.chat-like.is-liked{color:#ff8dab;background:#ff638917;border-color:#ff7ca333}.chat-like.is-liked>span:first-child{animation:chat-heart-pop .24s ease-out}.chat-like:disabled{cursor:wait}.chat-like[aria-busy=true]{opacity:.7}
@keyframes chat-heart-pop{50%{transform:scale(1.2)}}@keyframes chat-refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.chat-like>span,.chat-refresh>span{animation:none!important}}

.profile-setup>label{display:block!important;font-size:15px!important;margin:18px 0 0}.profile-setup .creator-onboarding{margin:24px 0 0}.profile-setup .creator-onboarding legend{font-size:15px;line-height:1.5}.profile-setup .creator-onboarding legend small{display:block;margin-top:4px}.profile-setup .profile-category-options{gap:10px}.profile-setup .form-help{font-size:12px;line-height:1.6;margin-top:10px}

/* Attachment previews stay inside the conversation, with explicit save choices. */
.chat-person-link,.person-link{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer;min-height:44px;max-width:100%}.chat-person-link>span:last-child{min-width:0;overflow-wrap:anywhere}.message-author>.chat-person-link{flex:1;min-width:0}.message-author>time{flex:none}.person-avatar{padding:0;border:0;cursor:pointer;flex:none}.person-link{flex-direction:column}.profile-name-link{white-space:normal;overflow-wrap:anywhere}.chat-attachment{margin-top:12px;border:1px solid #4b5475;border-radius:16px;overflow:hidden;background:#111522;max-width:100%;width:100%}.chat-attachment audio,.chat-attachment video{display:block;width:100%;max-width:100%;min-width:0}.chat-attachment audio{height:48px;margin:10px 0}.chat-attachment video{max-height:300px;background:#090c16}.attachment-image{padding:0;border:0;display:block;width:100%;background:#090c16}.attachment-image img{display:block;width:100%;height:clamp(140px,45vw,240px);object-fit:contain}.chat-attachment video{height:clamp(140px,45vw,240px);object-fit:contain}.attachment-copy{padding:12px 14px 0;display:grid;gap:6px}.attachment-name{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-align:left;padding:0;background:none;border:0;color:#dfe5ff;overflow-wrap:anywhere}.attachment-copy small{font-size:12px;color:#a3aecb}.attachment-actions{display:flex;gap:10px;padding:8px 10px;flex-wrap:wrap}.attachment-actions button{min-height:44px;padding:8px 12px;color:#bbc8ff;border:0;background:none;font-size:14px}.attachment-error{font-size:13px!important;padding:0 14px 14px!important;color:#eab0c1!important}.chat-message:has(.chat-attachment){width:min(100%,400px)}
.attachment-dialog{background:#101421;color:#eef0ff;border:1px solid #3b435e;border-radius:22px;padding:0;width:min(900px,calc(100vw - 28px));height:min(850px,calc(100dvh - 32px));max-width:none;max-height:none;overflow:hidden}.attachment-dialog[open]{display:flex;flex-direction:column}.attachment-top{display:flex;align-items:center;gap:12px;padding:14px 18px;flex:none;border-bottom:1px solid #343c58}.attachment-top h2{min-width:0;flex:1;font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}.attachment-top button{flex:none;min-height:44px;min-width:44px}.attachment-viewer{flex:1;min-height:0;overflow:auto;padding:20px;overscroll-behavior:contain}.attachment-viewer>.expanded-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.attachment-viewer>video{width:100%;max-height:85%;background:#05080f}.attachment-viewer>audio{display:block;width:100%;margin:40px 0 20px}.attachment-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;color:#d4def5;tab-size:2}.attachment-unavailable{max-width:440px;margin:36px auto;line-height:1.6}.attachment-unavailable h3{font-size:20px}.attachment-save .full{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:12px 0;text-decoration:none;box-sizing:border-box}.attachment-save>p{overflow-wrap:anywhere}.pdf-pages{display:grid;justify-items:center;min-width:0}.pdf-pages canvas{height:auto!important;max-width:100%;background:white;border-radius:4px}.pdf-navigation{display:flex;justify-content:center;align-items:center;gap:16px;margin:18px 0;position:sticky;bottom:0;padding:10px;background:#101421e8;border:1px solid #3a4564;border-radius:16px}.pdf-navigation button{min-height:44px;padding:8px 14px;border:1px solid #4c5779;border-radius:12px;background:#222c46;color:#e3eaff}.pdf-navigation output{white-space:nowrap;font-size:14px}
/* Private messages reuse Particle's dark surfaces and keep one scroll area. */
#directBadge{position:absolute;right:0;top:0;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;border-radius:20px;background:#ef739d;color:#17182a;font:bold 10px/1 system-ui}#directBadge[hidden]{display:none}.direct-dialog,.direct-inbox{box-sizing:border-box;width:min(560px,calc(100vw - 24px));height:min(800px,calc(100dvh - 24px));max-height:none;max-width:none;margin:auto;padding:0;border:1px solid #3a425e;border-radius:24px;color:#eeeefe;background:#151927;overflow:hidden}.direct-dialog[open],.direct-inbox[open]{display:flex;flex-direction:column}.direct-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #343c56;flex:none;background:#191d30;min-height:68px;box-sizing:border-box}.direct-top>h2{flex:1;font-size:22px;line-height:1.3;margin:0}.direct-top>.close,.direct-top>.text-button{min-height:44px;min-width:44px;padding:8px;border-radius:14px;flex:none;color:#cad2ef}.direct-top>.close{background:#352439;border:1px solid #76516d;font-size:25px}.direct-top #directBack{font-size:34px;line-height:1}.direct-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;border:0;background:none;color:inherit;padding:0}.direct-person>span:last-child{min-width:0}.direct-person strong{display:block;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.direct-person small{display:block;font-size:12px;color:#adb8da;margin-top:3px;overflow-wrap:anywhere}.direct-person .avatar{width:38px;height:38px;flex:none}.direct-scroll,.direct-inbox-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:18px 16px}.direct-search{display:block;padding:16px 16px 0;margin:0;flex:none}.direct-search input{box-sizing:border-box;width:100%;min-height:46px;font-size:16px;border-radius:16px;padding:12px 14px;border:1px solid #454c6b;background:#101523;color:#f2f3ff}.direct-inbox-scroll{padding-top:8px}.direct-thread{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:18px 4px;border:0;border-bottom:1px solid #303950;background:none;color:inherit}.direct-thread>.avatar{width:48px;height:48px;flex:none}.direct-thread>span:nth-child(2){flex:1;min-width:0}.direct-thread strong{font-size:16px;line-height:1.4;display:block;overflow-wrap:anywhere}.direct-thread small{display:block;color:#a6b1d3;font-size:12px;margin-top:3px}.direct-last{display:block;font-size:14px;color:#9faac8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px}.has-unread .direct-last{color:#e5eaff}.direct-thread-meta{display:flex;align-items:flex-end;gap:9px;flex-direction:column;font-size:12px;color:#a6b1cd}.direct-thread-meta b{display:grid;place-items:center;border-radius:20px;min-width:24px;height:24px;padding:0 5px;background:#98adff;color:#101729}.direct-empty{text-align:center;line-height:1.6;color:#b0bad7;padding:36px 16px}.direct-empty h3{font-size:20px;color:#e1e7ff;margin:0 0 12px}.direct-empty p{font-size:15px;margin:0 0 16px}.direct-message{max-width:85%;width:max-content;margin:0 0 14px;padding:12px 15px 8px;border:1px solid #424467;border-radius:18px 18px 18px 5px;background:#25233d;box-sizing:border-box}.direct-message.mine{margin-left:auto;border-radius:18px 18px 5px 18px;background:#243357;border-color:#485e90}.direct-message p{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.direct-message>div{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:5px}.direct-message time{font-size:12px;color:#b1bbd8}.direct-message>div>button{min-width:44px;min-height:36px;padding:0;font-size:16px;color:#b1bbd8}.direct-message.removed{color:#adb2c7;background:#1d2132}.direct-composer{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid #3b4260;background:#151927;margin:0!important;max-width:none!important}.direct-composer>p{grid-column:1/-1;font-size:13px;line-height:1.5;color:#c5b5db;margin:0}.direct-composer>p:empty{display:none}.direct-composer textarea{box-sizing:border-box;width:100%;min-height:48px;max-height:120px;resize:none;font-family:inherit;font-size:16px;line-height:1.5;border-radius:18px;border:1px solid #434e6d;background:#0e1423;color:#f0f3ff;padding:12px 14px}.direct-composer>.primary{align-self:end;min-height:48px;border-radius:16px;font-size:15px;padding:12px 18px}.direct-scroll>#directOlder{display:block;margin:0 auto 16px;min-height:44px}.direct-scroll>#directOlder[hidden]{display:none}.direct-inbox-scroll>[role=status]{font-size:14px;line-height:1.5;color:#b0bbd7}.creator-actions{gap:12px}.creator-actions button{min-height:44px}
@media(max-width:600px){.attachment-dialog,.direct-dialog,.direct-inbox{position:fixed;top:0;left:0;width:100%;height:100dvh;height:var(--direct-height,100dvh);top:var(--direct-top,0);margin:0;border:0;border-radius:0}.direct-top,.attachment-top{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));gap:6px}.direct-top>.text-button,.direct-top>.close{min-width:38px}.direct-scroll{padding:16px 12px}.direct-composer{padding-left:12px;padding-right:12px}.attachment-viewer{padding:16px 12px}.header-actions{gap:6px}.header-actions .notification-button{flex:none}.direct-person{gap:8px}.direct-person .avatar{width:34px;height:34px}.direct-person strong{font-size:15px}.attachment-save{max-height:calc(100dvh - 24px)}}

@media(max-width:700px){.workspace>header{grid-template-columns:minmax(0,1fr) 44px 44px}.header-actions .direct-inbox-button{grid-column:2;grid-row:1}.header-actions [data-notifications]{grid-column:3;grid-row:1}.header-actions .profile-settings{grid-column:2/4;grid-row:2}.header-mode{grid-column:1;grid-row:2}}

.push-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.push-settings-heading h3{font-size:17px;margin:0}.push-settings-heading>span{font-size:12px;color:#b6c3ed;background:#26314b;border-radius:20px;padding:6px 10px;white-space:nowrap}.push-settings-heading>span[data-state=enabled]{color:#a9f5d0;background:#1b3b35}.push-settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 8px}.push-settings-actions button{padding:12px 16px;font-size:14px}.push-settings-actions [hidden]{display:none}.notification-settings #pushFeedback:empty{display:none}.notification-settings #pushFeedback{margin:12px 0;font-size:14px}.notification-settings details{margin-top:14px;border-top:1px solid #343e5a;padding-top:10px}.notification-settings summary{font-size:14px;min-height:44px;display:flex;align-items:center;cursor:pointer;color:#bdcaff}.notification-settings #pushHelpText{margin:6px 0;font-size:14px;line-height:1.65}.push-setup-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #424e78;border-radius:18px;background:#1a2239;padding:20px;margin:0 0 24px}.push-setup-banner[hidden]{display:none}.push-setup-banner strong{font-size:16px}.push-setup-banner p{font-size:14px;line-height:1.6;color:#b7c2df;margin:6px 0 0}.push-banner-actions{display:flex;align-items:center;gap:10px;flex:none}.push-banner-actions button{min-height:44px;font-size:14px;padding:12px 16px}@media(max-width:600px){.push-setup-banner{display:block;padding:18px}.push-banner-actions{margin-top:14px;flex-wrap:wrap}.push-settings-heading{align-items:flex-start}.push-settings-heading h3{line-height:1.4}.push-settings-actions{display:grid;grid-template-columns:minmax(0,1fr)}.push-settings-actions button{width:100%;min-height:48px}.notification-settings{padding:16px}}

/* Direct friend additions and compact friend sharing. */
#inviteDialog,.connections-dialog{width:min(510px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:24px}
#inviteDialog .dialog-top h2,.connections-dialog .dialog-top h2{font-size:22px;margin:0;min-width:0}
.connection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#0d1220;border:1px solid var(--line);border-radius:16px;margin:18px 0}
.connection-tabs button{padding:12px 8px;min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:15px}
.connection-tabs button[aria-pressed=true]{background:#303d63;color:#f4f3ff}
#projectFriendSearch{width:100%;box-sizing:border-box;margin:6px 0 10px}
.project-friend-row{display:flex;align-items:center;gap:12px;padding:14px 2px;margin:0;border-bottom:1px solid #41476366;cursor:pointer}
.project-friend-row .avatar{width:42px;height:42px;flex:0 0 42px}
.project-friend-name{min-width:0;flex:1;display:grid;gap:4px;overflow-wrap:anywhere}
.project-friend-name strong{font-size:15px;color:var(--text)}
.project-friend-name small{font-size:13px;color:var(--muted)}
.project-friend-row input{width:22px;height:22px;flex:0 0 22px;margin:0;accent-color:#ad99ff}
.project-friend-row.is-member{opacity:.65}
.project-friends-footer{padding-top:12px;display:grid;gap:8px}
.project-friends-footer .form-help{margin:0;min-height:20px}
.project-friends-footer button{min-height:48px;margin:0}
.friend-connect-compact{display:flex;justify-content:flex-end;margin:4px 0 22px}
.friend-connect-compact button{min-height:46px;padding:12px 18px}
.friend-code-details{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.friend-code-details summary{padding:6px 0 12px;color:#bbc7ff;cursor:pointer;min-height:32px}
.friend-code-details label{display:block;margin:14px 0}
.friend-code-details #friendRequestForm{display:grid;gap:10px;padding-top:10px}
.friend-code-details #friendRequestForm input{width:100%;box-sizing:border-box}
.share-link-label input{width:100%;box-sizing:border-box;font-size:13px}
.friend-link-person{display:flex;align-items:center;gap:16px;margin:24px 0}
.friend-link-person .avatar{width:64px;height:64px;flex:0 0 64px}
.friend-link-person h3{margin:0 0 6px}.friend-link-person p{margin:0;color:var(--muted)}
@media(max-width:480px){#inviteDialog,.connections-dialog{padding:20px}.connections-dialog .invite-actions,#inviteDialog .invite-actions{gap:10px}.share-option{min-width:0;overflow-wrap:anywhere}.share-option span{font-size:14px}.share-option small{font-size:12px}}

.gesture-refresh{position:fixed;left:50%;transform:translateX(-50%);z-index:120;pointer-events:none;max-width:calc(100vw - 32px);padding:10px 16px;border:1px solid #64729a;border-radius:30px;background:#1a2440f5;box-shadow:0 6px 24px #070b1799;color:#e7ecff;font-size:13px;white-space:nowrap}
.gesture-refresh[hidden]{display:none}.gesture-refresh.is-refreshing{border-color:#b3a2ff}

/* Friends: compact controls above a shared private-chat list. */
#crewView{max-width:760px;margin-inline:auto}
.friends-dropdown{border:1px solid #414860;border-radius:18px;background:#191f31;overflow:hidden}
.friends-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;min-height:58px;box-sizing:border-box;cursor:pointer;list-style:none;color:#f0efff;font-size:17px;font-weight:600}
.friends-dropdown>summary::-webkit-details-marker{display:none}
.friends-dropdown>summary>span:first-child{display:flex;align-items:center;gap:10px}
.friends-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:23px;padding:2px 7px;box-sizing:border-box;border-radius:9px;background:#303954;color:#c9d2ff;font-size:12px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.friends-count[hidden]{display:none}
.friends-chevron{display:inline-block;color:#aab4d7;font-size:20px;font-weight:400;line-height:1;transition:transform .15s ease}
.friends-dropdown[open]>summary .friends-chevron,.friends-requests-toggle[aria-expanded=true] .friends-chevron{transform:rotate(180deg)}
#friendsList{padding:0 16px 8px;border-top:1px solid #3d455d}
.friends-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
.friends-toolbar>button{min-width:0;min-height:48px;padding:12px 10px;box-sizing:border-box;margin:0;border-radius:13px;font-size:14px;white-space:nowrap}
.friends-requests-toggle{display:flex;align-items:center;justify-content:center;gap:7px;background:#1b2235;border:1px solid #434e6b;color:#d9dff5}
.friends-requests-toggle.has-requests .friends-count{background:#a694fa;color:#18172b}
.friend-requests-panel{margin-top:12px;padding:4px 16px;border:1px solid #414860;border-radius:16px;background:#171d2d}
#friendHub .friend-row{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:16px 0;border-bottom:1px solid #363e5666}
#friendHub .friend-row:last-child{border-bottom:0}
#friendHub .friend-row .avatar{width:40px;height:40px;flex:0 0 40px}
#friendHub .friend-row-copy{min-width:0;flex:1;display:grid;gap:4px}
#friendHub .profile-name-link{text-align:left;overflow-wrap:anywhere;white-space:normal;line-height:1.4}
#friendHub .friend-row-copy small{color:var(--muted);font-size:12px}
#friendHub .friend-remove{flex:0 0 auto;font-size:12px;padding:10px 5px;min-height:44px}
#friendHub .friend-actions{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}
#friendHub .friend-actions>button{min-height:42px;padding:10px 14px;font-size:13px}
#friendHub .empty-copy{margin:0;padding:20px 0;font-size:14px}
.friends-chats{margin-top:28px}
.friends-chats-heading{display:flex;align-items:center;gap:9px;margin:0 0 10px}
.friends-chats-heading h2{margin:0;font-size:20px;line-height:1.4}
.friends-chats .direct-thread{margin:0;border-radius:0;padding:17px 0;border-bottom:1px solid #39415899;background:transparent;align-items:center}
.friends-chats .direct-thread-copy{min-width:0;flex:1}
.friends-chats .direct-thread-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.friends-chats .direct-thread-meta{flex:0 0 auto;max-width:72px}
.friends-chats .direct-thread-meta time{font-size:11px;white-space:normal;text-align:right;line-height:1.4}
.friends-chats .has-unread .direct-last{color:#e5eaff;font-weight:600}
.friends-chats-empty{padding:20px 0}.friends-chats-empty>p{margin:0 0 8px}.friends-chats-empty .form-help{max-width:320px}
#friendsChatsStatus:empty{display:none}
@media(max-width:480px){#friendRequestsPanel .friend-row{display:grid;grid-template-columns:40px minmax(0,1fr)}#friendRequestsPanel .friend-actions{grid-column:2}#friendHub .friend-actions>button{flex:1} .friends-toolbar{gap:10px}.friends-toolbar>button{font-size:13px}.friends-requests-toggle{gap:6px}.friends-dropdown>summary{padding:16px}.friends-chats .direct-thread{gap:10px}.friends-chats .direct-thread .avatar{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.friends-chevron{transition:none}}

/* Personal photos and optional colors share one circular avatar treatment. */
.avatar-art{position:relative;display:grid!important;place-items:center;width:100%;height:100%;min-width:0;min-height:0;border-radius:inherit;overflow:hidden;background:var(--avatar-fill,transparent);color:var(--avatar-ink,inherit);isolation:isolate}
.avatar-art>.avatar-initials{position:relative;display:grid;place-items:center;inset:auto;width:100%;height:100%;color:inherit;line-height:1}
.avatar-art>img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar-art::after,.photo-editor-preview.round::after{content:"";position:absolute;inset:0;border:var(--avatar-ring-width,0) solid var(--avatar-ring,transparent);border-radius:inherit;box-sizing:border-box;pointer-events:none;z-index:2}
.creator-avatar,.creator-avatar.large{border-radius:50%}
.profile-photo-entry{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;background:transparent;border:0;padding:0;color:#b9c9ff}
.profile-photo-entry>[data-profile-photo-label]{font-size:12px;line-height:1.4;white-space:nowrap}
.profile-photo-settings{margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #3d455e}
.profile-photo-settings .photo-editor{margin:0;padding:0 0 12px;border-bottom:0;gap:16px;align-items:center}
.profile-photo-settings .photo-editor-preview{width:82px;height:82px}
.photo-editor-preview.round{background:var(--avatar-fill,linear-gradient(145deg,#293858,#37294c));color:var(--avatar-ink,#b9caff)}
.profile-photo-settings .photo-editor-buttons{gap:8px;margin:12px 0 8px}
.profile-photo-settings .photo-editor-buttons button{font-size:13px;min-height:44px;padding:10px 12px}
.profile-photo-settings .photo-editor-controls>strong{font-size:14px}
.photo-save-note{margin:0 0 12px;font-size:12px;color:var(--muted)}
.avatar-appearance{padding-top:14px;border-top:1px solid #3d455e}
.avatar-appearance>summary{cursor:pointer;font-size:14px;font-weight:600;min-height:36px;color:#dce3ff}
.avatar-appearance>summary small{font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}
.avatar-color-options{display:grid;gap:14px;margin:12px 0 18px}
.profile-photo-settings .avatar-color-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;margin:0;font-size:14px}
.avatar-color-option small{display:block;color:var(--muted);font-size:12px;margin-top:5px;font-weight:400}
.avatar-color-option input[type=color]{margin:0;appearance:none;-webkit-appearance:none;flex:0 0 48px;width:48px;height:48px;min-height:48px;padding:4px;border:1px solid #67728f;border-radius:50%;background:#161c2a;cursor:pointer;overflow:hidden;box-sizing:border-box}
.avatar-color-option input[type=color]::-webkit-color-swatch-wrapper{padding:0}.avatar-color-option input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.avatar-color-option input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
.avatar-color-option input[type=color]:disabled{opacity:.4;cursor:default}
.profile-photo-settings .avatar-ring-toggle{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;min-height:44px;cursor:pointer}
.avatar-ring-toggle input{appearance:auto;width:20px;height:20px;margin:0;accent-color:#b39bff}
.avatar-color-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.avatar-color-actions button{min-height:44px;padding:10px 14px;font-size:13px}
@media(max-width:380px){.profile-photo-settings .photo-editor{gap:12px;align-items:flex-start}.profile-photo-settings .photo-editor-preview{width:66px;height:66px}.profile-photo-settings .photo-editor-buttons{gap:6px}.profile-photo-settings .photo-editor-buttons button{padding:9px 10px}}

/* Reactions only appear after a like; the message itself handles double taps. */
.chat-like{display:inline-flex;min-width:0;min-height:0;gap:5px;margin:7px 0 0;padding:3px 8px;font-size:12px;line-height:1.3;background:#38253c;border:1px solid #8d506655;border-radius:16px;color:#e7adbf;pointer-events:none}
.chat-like[hidden]{display:none}
.chat-like>span:first-child{font-size:15px}
.chat-like.is-liked{background:#ff638922;color:#ff9cbb;border-color:#ff7ca344}
[data-likeable]{touch-action:pan-y pinch-zoom}
[data-likeable]:focus-visible{outline:2px solid #a6b8ff;outline-offset:3px}
[data-report-hold]{-webkit-touch-callout:none}
[data-report-hold]:focus-visible{outline:2px solid #a6b8ff;outline-offset:3px}
@media(pointer:coarse){[data-report-hold]{-webkit-user-select:none;user-select:none}[data-report-hold] :is(button,a,input,textarea,select,audio,video,summary,[contenteditable]){-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}}
.notification-item>span:last-child{min-width:0;overflow-wrap:anywhere}
.notification-source{display:block;font-size:13px;font-weight:500;color:#b9c8ff;line-height:1.5;margin-top:6px}

/* Plus plans and account-synced atmosphere themes. */
.plus-heading{font-size:22px;line-height:1.3;margin:12px 0 20px}
.billing-options{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.billing-options legend{font-size:14px;color:var(--muted);margin-bottom:12px}
.billing-option{display:flex;align-items:flex-start;gap:10px;padding:16px 14px;border:1px solid var(--line);border-radius:18px;background:#101321;cursor:pointer;min-width:0}
.billing-option:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 14%,#101321);box-shadow:inset 0 0 0 1px var(--blue)}
.billing-option input{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:var(--blue);margin:3px 0 0}
.billing-option-copy{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:13px;line-height:1.5;color:var(--muted)}
.billing-option-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text);font-weight:650;font-size:15px}
.billing-option-copy strong{color:var(--text);font-size:27px;letter-spacing:-.7px;line-height:1.25}
.billing-option-copy strong small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;white-space:nowrap}
.saving-badge{font-size:11px;line-height:1.5;color:var(--blue);padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--blue) 14%,transparent);white-space:nowrap}
.plus-theme-benefit{display:flex;align-items:center;gap:14px;margin:20px 0 10px}
.plus-theme-benefit strong{font-size:16px}.plus-theme-benefit p{font-size:14px;line-height:1.5;color:var(--muted);margin:6px 0}
.theme-mini-swatches{display:flex;flex-shrink:0}.theme-mini-swatches i{height:22px;width:22px;border-radius:50%;background:#5ddbff;border:2px solid #111625;margin-left:-5px}.theme-mini-swatches i:first-child{margin:0}.theme-mini-swatches i:nth-child(2){background:#ff688e}.theme-mini-swatches i:nth-child(3){background:#ce96ff}
.plus-card>small{display:block;line-height:1.65;margin-top:18px;color:var(--muted)}
.theme-picker{margin:22px 0 28px}.theme-picker h3{margin:0 0 8px;font-size:18px}.theme-picker>.form-help{line-height:1.6;margin-bottom:18px}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.theme-choice{display:flex;flex-direction:column;gap:12px;text-align:left;border:1px solid var(--line);background:#141825;border-radius:16px;padding:12px;min-width:0;min-height:152px;color:var(--text)}
.theme-choice[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.theme-choice:focus-visible,.billing-option:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}
.theme-choice-name{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;font-weight:600;font-size:15px}.theme-choice-name small{color:var(--muted);font-size:11px;font-weight:400}
.theme-description{font-size:12px;line-height:1.4;color:var(--muted)}
.theme-swatch{display:flex;align-items:center;justify-content:center;gap:9px;height:60px;align-self:stretch;border-radius:9px;background:radial-gradient(ellipse at top,#343056,#0d1020)}
.theme-swatch i{height:19px;width:19px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d8e2ff,#719cff 45%,#2b3279);box-shadow:0 0 12px #759aff44}.theme-swatch i:nth-child(2){background:radial-gradient(circle at 30% 25%,#ffc7df,#ff5688 45%,#851b60)}.theme-swatch i:nth-child(3){background:radial-gradient(circle at 30% 25%,#e7d3ff,#bb7cff 45%,#53228a)}
.swatch-voltage{background:radial-gradient(ellipse at top,#163e5d,#091722)}.swatch-voltage i{background:radial-gradient(circle at 30% 25%,#e6feff,#5ddbff 45%,#195bba);box-shadow:0 0 12px #5ddbff44}.swatch-voltage i:nth-child(2){background:radial-gradient(circle at 30% 25%,#afffff,#43e4ca 45%,#076467)}.swatch-voltage i:nth-child(3){background:radial-gradient(circle at 30% 25%,#d4daff,#788bff 45%,#293485)}
.swatch-infrared{background:radial-gradient(ellipse at top,#50283c,#1e111b)}.swatch-infrared i{background:radial-gradient(circle at 30% 25%,#ffe8ed,#ff688e 45%,#952148);box-shadow:0 0 12px #ff688e44}.swatch-infrared i:nth-child(2){background:radial-gradient(circle at 30% 25%,#ffddba,#ff9b75 45%,#934723)}
.swatch-ultraviolet{background:radial-gradient(ellipse at top,#422859,#160e23)}.swatch-ultraviolet i{background:radial-gradient(circle at 30% 25%,#f6e4ff,#ce96ff 45%,#662395);box-shadow:0 0 12px #ce96ff44}.swatch-ultraviolet i:nth-child(2){background:radial-gradient(circle at 30% 25%,#ffe0f5,#f27ddd 45%,#952873)}.swatch-ultraviolet i:nth-child(3){background:radial-gradient(circle at 30% 25%,#daf4ff,#8cbcff 45%,#2b488b)}
:root[data-theme=voltage]{--bg:#08121c;--panel:#101f30;--line:#2b4258;--muted:#a5bed2;--text:#eef9ff;--blue:#5ddbff;--red:#ff749d;--purple:#8ca2ff;--theme-glow:#1279942b;--theme-top:#152b3d;--theme-nav:#0c1925}
:root[data-theme=infrared]{--bg:#170d17;--panel:#251725;--line:#503245;--muted:#ccb0c4;--text:#fff1f5;--blue:#ff829d;--red:#ff657f;--purple:#c99bff;--theme-glow:#b828482c;--theme-top:#362032;--theme-nav:#21111f}
:root[data-theme=ultraviolet]{--bg:#110c1f;--panel:#20172f;--line:#48335f;--muted:#c4afd9;--text:#f9f0ff;--blue:#ce9eff;--red:#f78ed7;--purple:#afadff;--theme-glow:#7835b933;--theme-top:#302040;--theme-nav:#1a102b}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]){--lime:var(--blue)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) body{background:radial-gradient(ellipse at 50% 0,var(--theme-glow),transparent 65%),var(--bg);color:var(--text)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(.rail,.workspace>header){background:var(--theme-nav);border-color:var(--line)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(dialog,.feed-post,.feed-empty,.creator-card,.quest-card,.plus-card,.project-chat,.chat-compose){background:var(--panel);border-color:var(--line);color:var(--text)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(input,textarea,select,.theme-choice,.billing-option){background:var(--bg);border-color:var(--line);color:var(--text)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) .billing-option:has(input:checked){background:var(--theme-top);border-color:var(--blue)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(.primary,.entry-primary){background:linear-gradient(120deg,var(--blue),var(--purple));color:#0b1121}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(.text-button,.tab,.chip){border-color:var(--line);color:var(--blue)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) :is(.rail button.active,.project-tabs button.active){background:var(--theme-top);color:var(--text)}
:root:is([data-theme=voltage],[data-theme=infrared],[data-theme=ultraviolet]) .idle-dialog{background:radial-gradient(ellipse at 50% 45%,var(--theme-glow),transparent 65%),var(--bg)}
@media(max-width:540px){.billing-options{grid-template-columns:1fr}.billing-option{padding:16px;gap:14px}.billing-option-copy{gap:7px;width:100%}.billing-option-title{justify-content:space-between}.theme-choice{padding:10px}.theme-choices{gap:10px}.plus-heading{font-size:20px}.plus-benefits{gap:12px}}

/* Profile action colors stay distinct in every Particle theme. */
.creator-actions [data-message-person]{--action-rgb:112 172 255}
.creator-actions [data-invite-creator]{--action-rgb:105 226 157}
.creator-actions [data-connect-creator]{--action-rgb:255 133 149}
.creator-actions [data-share-creator]{--action-rgb:195 155 255}
#creatorDialog .creator-actions .primary:is([data-message-person],[data-invite-creator],[data-connect-creator],[data-share-creator]){background:rgb(var(--action-rgb));color:#101421;box-shadow:0 4px 18px rgb(var(--action-rgb)/.18)}
#creatorDialog .creator-actions .primary:is([data-message-person],[data-invite-creator],[data-connect-creator],[data-share-creator]):hover:not(:disabled){filter:brightness(1.1);box-shadow:0 5px 22px rgb(var(--action-rgb)/.28)}

.admin-management h3{margin-top:0}.admin-management h4{font-size:16px;margin:22px 0 10px}
.admin-search{display:flex;gap:12px;align-items:flex-end;margin:18px 0}.admin-search label{flex:1;min-width:0;font-size:14px}.admin-search input{width:100%;font-size:16px}.admin-search button{min-height:44px}
.admin-member{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.admin-member>div{min-width:0}.admin-member strong{display:block;font-size:16px;overflow-wrap:anywhere}.admin-member small{display:block;font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.admin-member button{flex-shrink:0;min-height:44px}
@media(max-width:400px){.admin-search{flex-wrap:wrap}.admin-search label{flex-basis:100%}.admin-member{flex-wrap:wrap}}