:root{font-family:Segoe UI,system-ui,sans-serif;color:hsl(var(--h) 8.2% 16.7%);background:#f4f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:86px;padding:0 4%;border-bottom:1px solid hsl(var(--h) 14.7% 86.7%);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:hsl(var(--h) 26.5% 19.2%);font-size:26px;font-weight:750;display:flex;gap:12px}.light{font-weight:350}.privacy{font-size:12px;color:hsl(var(--h) 13.8% 36.9%)}main{max-width:1600px;margin:auto;padding:30px 4%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:hsl(var(--h) 10.5% 42.9%);margin:0 0 18px}h1{font-size:29px;font-weight:550;letter-spacing:-1px;margin:0}h2{font-size:17px;margin:0 0 15px;font-weight:600}.badge{font-size:10px;letter-spacing:1.5px;border:1px solid hsl(var(--h) 14.6% 79.8%);border-radius:30px;padding:9px 12px}.workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 290px;gap:18px;align-items:start}.panel{background:#fffef9;border:1px solid hsl(var(--h) 17.8% 85.7%);border-radius:16px;padding:23px}.character{display:grid;grid-template-columns:36px 1fr;gap:4px 10px;text-align:left;width:100%;padding:16px 10px;background:transparent;border:1px solid transparent;margin-bottom:8px;color:inherit}.character.active{background:hsl(var(--h) 33.3% 90.6%);border-color:hsl(var(--h) 29.9% 81.0%)}.character small{grid-column:2;font-size:10px;line-height:1.7;color:hsl(var(--h) 8.6% 41.2%)}.avatar{grid-row:span 2;background:hsl(var(--h) 30.2% 83.1%);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px}.relationship{margin-top:30px;border-top:1px solid hsl(var(--h) 18.6% 88.4%);padding-top:24px}label{display:block;font-size:12px;margin-bottom:10px}select,input,textarea{font:inherit;color:inherit;width:100%;border:1px solid hsl(var(--h) 20.0% 84.3%);background:#fffef9;border-radius:8px;padding:11px}.relationship p,.note,.subtle{font-size:12px;line-height:1.7;color:hsl(var(--h) 7.5% 47.1%)}.note{margin-top:34px}.conversation{padding:0;overflow:hidden}.chat-heading{padding:23px;border-bottom:1px solid hsl(var(--h) 18.6% 88.4%);display:flex;justify-content:space-between;align-items:center}.chat-heading h2{margin:0 0 6px}.chat-heading p{font-size:11px;color:hsl(var(--h) 7.5% 47.1%);margin:0}.dot{height:8px;width:8px;border-radius:50%;background:hsl(var(--h) 18.9% 49.8%)}#messages{height:380px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.message{max-width:86%;align-self:start}.message small{font-size:10px;color:hsl(var(--h) 10.8% 45.3%)}.message p{background:hsl(var(--h) 30.0% 92.2%);padding:15px;border-radius:0 13px 13px 13px;margin:6px 0 0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:end}.message.user p{background:hsl(var(--h) 25.0% 23.5%);color:#fff;border-radius:13px 0 13px 13px}.composer{padding:18px 22px;border-top:1px solid hsl(var(--h) 18.6% 88.4%)}.composer p{font-size:11px;color:hsl(var(--h) 12.7% 41.8%);margin:0 0 12px}#chat-form{display:flex;gap:8px;align-items:stretch}textarea{resize:vertical;min-height:65px}button{cursor:pointer;font:inherit;border:0;border-radius:8px}#send{background:hsl(var(--h) 25.0% 23.5%);color:white;padding:0 16px;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}.composer>small{display:block;font-size:10px;color:hsl(var(--h) 7.5% 52.9%);margin-top:10px}.side{display:grid;gap:18px}.modes{display:flex;gap:4px;padding:4px;background:hsl(var(--h) 25.7% 93.1%);border-radius:10px}.modes button{flex:1;padding:9px 3px;font-size:12px;background:transparent;color:hsl(var(--h) 8.7% 40.8%)}.modes button[aria-pressed=true]{background:hsl(var(--h) 25.0% 23.5%);color:white}.budget{border-top:1px solid hsl(var(--h) 18.2% 87.1%);padding-top:20px;margin-top:20px;display:grid;gap:12px}.budget>span{font-size:10px;color:hsl(var(--h) 9.4% 48.0%)}.budget strong{font-size:25px;font-weight:500}.budget strong small{font-size:14px;color:hsl(var(--h) 8.9% 56.1%)}progress{width:100%;height:6px;accent-color:hsl(var(--h) 29.8% 37.5%)}#memories{padding:0;list-style:none;font-size:12px}#memories li{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid hsl(var(--h) 20.0% 89.2%);overflow-wrap:anywhere}#memories li span{min-width:0}#memories button{background:transparent;color:hsl(var(--h) 10.5% 44.7%)}#memories .empty{color:hsl(var(--h) 8.7% 59.2%);border:none}#memory-form input{font-size:11px}#memory-form>button{width:100%;margin-top:9px;padding:11px;background:hsl(var(--h) 33.3% 91.8%);color:hsl(var(--h) 23.1% 25.5%);font-size:11px}#storage-status{font-size:10px;color:hsl(var(--h) 8.7% 50.2%);margin-top:20px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid hsl(var(--h) 30.0% 60.2%);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){#messages{height:480px}}@media(max-width:1100px){.workspace{grid-template-columns:210px 1fr}.side{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:680px){header{height:70px}.brand{font-size:21px}.privacy{font-size:10px}.heading{align-items:start}.badge{display:none}h1{font-size:25px}.workspace{display:flex;flex-direction:column}.workspace>*{width:100%}.side{grid-template-columns:1fr}.character{padding:8px}.relationship{margin-top:10px}.note{margin-top:12px}#messages{height:320px}.panel{padding:18px}.conversation{padding:0}}

/* Skyluck Social visual identity */
:root{color:hsl(var(--h) 23.6% 17.5%);background:#f6f3f1;font-family:Inter,'Segoe UI',sans-serif}header{height:88px;background:hsl(var(--h) 29.9% 15.1%);color:white;border:0;padding:0 5%}.brand{color:white;font-size:26px;letter-spacing:-1px;align-items:center}.brand-icon{font-size:40px;font-style:italic;color:hsl(var(--h) 77.8% 82.4%);position:relative;line-height:1;width:37px}.brand-icon span{position:absolute;right:0;top:-4px;font-size:17px;color:#f3bbae}.light{color:hsl(var(--h) 23.4% 74.9%)}.privacy{color:hsl(var(--h) 31.9% 81.6%);font-size:11px;display:flex;gap:9px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--h) 44.8% 73.7%)}main{padding:32px 5%;max-width:1580px}.heading{margin-bottom:29px}.heading .eyebrow{color:hsl(var(--h) 20.0% 54.9%);font-size:9px;margin-bottom:8px}h1{font-size:39px;font-weight:750;letter-spacing:-1.8px}h2{font-weight:700;letter-spacing:-.4px}.badge{color:hsl(var(--h) 26.5% 52.0%);background:hsl(var(--h) 47.1% 93.3%);border-color:hsl(var(--h) 41.4% 88.6%);font-size:10px}.workspace{grid-template-columns:235px minmax(320px,1fr) 275px;gap:22px}.panel{border-color:hsl(var(--h) 21.7% 91.0%);border-radius:22px;padding:22px;background:white}.eyebrow{font-size:9px;color:hsl(var(--h) 17.9% 61.8%);letter-spacing:1.7px}.characters{background:transparent;border:0;padding:22px 0}.count{display:inline-block;padding:3px 7px;border-radius:20px;background:hsl(var(--h) 64.1% 92.4%);color:hsl(var(--h) 33.6% 52.2%);font-size:10px;margin-left:8px}.character{grid-template-columns:44px 1fr;gap:5px 11px;padding:17px 10px;border-radius:16px;transition:background .15s,transform .15s}.character:hover{background:hsl(var(--h) 41.2% 93.3%);transform:translateX(2px)}.character.active{background:white;border-color:hsl(var(--h) 35.8% 89.6%);box-shadow:0 5px 20px hsl(var(--h) 43.5% 25.7% / 0.020)}.character strong{font-size:13px;align-self:end}.character small{color:hsl(var(--h) 10.5% 55.3%);font-size:10px;line-height:1.5}.avatar{width:41px;height:41px;border:3px solid #f6f3f1;outline:2px solid hsl(var(--h) 45.7% 72.5%);background:linear-gradient(135deg,#e39dc2,hsl(var(--h) 48.4% 62.7%));color:white;font-size:23px}.character:nth-child(2) .avatar{background:linear-gradient(135deg,#eeb58b,#bc738b);outline-color:#dda391}.character:nth-child(3) .avatar{background:linear-gradient(135deg,hsl(var(--h) 22.7% 65.5%),hsl(var(--h) 20.2% 47.6%));outline-color:hsl(var(--h) 19.3% 65.5%)}.relationship{margin:28px 10px 0;border-color:hsl(var(--h) 25.0% 89.0%);padding-top:24px}.relationship p,.note,.subtle{color:hsl(var(--h) 9.7% 55.7%);font-size:11px;line-height:1.75}.note{margin:27px 10px 0;font-size:10px}label{font-size:11px}select,input,textarea{border-color:hsl(var(--h) 28.9% 91.2%);border-radius:12px;background:hsl(var(--h) 42.9% 98.6%);color:hsl(var(--h) 19.3% 22.4%)}select{background:white;font-size:12px}.conversation{padding:0;box-shadow:0 15px 50px hsl(var(--h) 32.7% 20.4% / 0.027)}.chat-heading{padding:24px 26px;border-color:hsl(var(--h) 33.3% 92.9%);background:linear-gradient(110deg,#fff 55%,hsl(var(--h) 100.0% 96.3%))}.chat-heading h2{font-size:18px}.chat-heading h2:after{content:'✦';color:hsl(var(--h) 56.0% 67.1%);font-size:12px;margin-left:7px}.chat-heading p{color:hsl(var(--h) 12.6% 56.5%);font-size:10px}.dot{background:hsl(var(--h) 27.7% 65.3%);box-shadow:0 0 0 5px hsl(var(--h) 33.3% 93.5%)}#messages{height:390px;padding:30px 25px;gap:22px;background:radial-gradient(ellipse at 90% 100%,hsl(var(--h) 100.0% 97.5% / 0.502),transparent 60%);scrollbar-width:thin}.message small{color:hsl(var(--h) 15.8% 62.7%);font-size:9px;margin-left:4px}.message p{background:hsl(var(--h) 41.7% 95.3%);font-size:13px;line-height:1.75;border-radius:5px 20px 20px 20px;padding:15px 19px}.message.user p{background:linear-gradient(120deg,hsl(var(--h) 70.3% 64.3%),hsl(var(--h) 54.4% 53.5%));border-radius:20px 5px 20px 20px;box-shadow:0 4px 10px hsl(var(--h) 59.6% 59.2% / 0.102)}.message.user small{display:block;text-align:right}.composer{border-color:hsl(var(--h) 33.3% 92.9%);padding:18px 22px 21px}.composer p{color:hsl(var(--h) 20.2% 62.2%);font-size:10px}textarea{font-size:12px;background:hsl(var(--h) 50.0% 97.6%);border-radius:15px;padding:14px}#send{background:hsl(var(--h) 27.7% 18.4%);border-radius:12px;font-size:11px;font-weight:650}#send:hover{background:hsl(var(--h) 37.9% 46.1%)}.composer>small{color:hsl(var(--h) 13.6% 66.9%);font-size:9px}.side{gap:20px}.side>.panel:first-child{background:hsl(var(--h) 56.3% 93.7%);border-color:hsl(var(--h) 45.5% 89.2%)}.modes{background:hsl(var(--h) 44.4% 89.4%);border-radius:12px}.modes button{color:hsl(var(--h) 18.5% 53.3%);padding:10px 4px;font-size:11px;font-weight:600}.modes button[aria-pressed=true]{background:white;color:hsl(var(--h) 38.1% 50.6%);box-shadow:0 2px 8px hsl(var(--h) 46.4% 27.1% / 0.063)}.budget{border-color:hsl(var(--h) 40.3% 86.9%)}.budget>span{color:hsl(var(--h) 15.8% 55.3%)}.budget strong{font-size:30px;font-weight:600;letter-spacing:-1px;color:hsl(var(--h) 28.6% 24.7%)}.budget strong small{color:hsl(var(--h) 20.6% 61.0%);letter-spacing:0}progress{height:5px;accent-color:hsl(var(--h) 47.4% 54.5%)}progress::-webkit-progress-bar{background:hsl(var(--h) 42.9% 87.6%)}progress::-webkit-progress-value{background:hsl(var(--h) 47.4% 54.5%)}.budget>span:last-child{font-size:9px}.memory{background:#fffdfa}.memory .eyebrow{color:#b5927a}#memories li{border-color:#eee4db;font-size:11px}#memories .empty{border:1px dashed #e8dcd2;border-radius:12px;padding:18px 12px;color:hsl(var(--h) 16.6% 63.3%);display:block;text-align:center;font-size:10px}#memory-form input{font-size:10px;background:#fffdfa;border-color:#eee2d9}#memory-form>button{background:#f3e6dc;color:#9b755d;font-size:10px;padding:12px;font-weight:600}#storage-status{color:hsl(var(--h) 10.2% 65.5%);text-align:center;font-size:9px;margin-top:23px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:hsl(var(--h) 59.7% 68.8%)}@media(min-width:1550px){#messages{height:470px}}@media(max-width:1150px){main{padding:28px 3%}.workspace{grid-template-columns:190px minmax(290px,1fr) 240px;gap:14px}.panel{padding:18px}.conversation{padding:0}.characters{padding:18px 0}.character{grid-template-columns:35px 1fr;gap:4px 9px}.avatar{width:34px;height:34px}.character small{font-size:9px}}@media(max-width:940px){.workspace{grid-template-columns:190px 1fr}.side{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media(max-width:680px){header{height:70px}.brand{font-size:22px}.privacy{font-size:9px}main{padding:24px 4%}h1{font-size:31px}.heading .eyebrow{font-size:8px}.workspace{display:flex;flex-direction:column;gap:18px}.characters{padding:0}.characters>.eyebrow,.characters>h2,.note{display:none}#characters{display:flex;gap:10px}.character{display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:9px;width:33.33%}.character small{display:none}.character strong{align-self:center;font-size:11px}.avatar{width:46px;height:46px}.relationship{display:flex;align-items:center;gap:12px;border:0;margin:10px 0 0;padding:0}.relationship label{white-space:nowrap;margin:0;font-size:10px;color:hsl(var(--h) 15.2% 58.8%)}.relationship select{padding:9px;font-size:11px}.relationship p{display:none}.side{grid-template-columns:1fr}#messages{height:330px;padding:22px 18px}.chat-heading{padding:20px}.composer{padding:16px}.character:hover{transform:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}.social-nav{display:flex;gap:8px;margin:0 0 25px;overflow-x:auto;padding-bottom:5px}.social-nav button{background:transparent;color:hsl(var(--h) 13.1% 56.7%);font-size:12px;white-space:nowrap;padding:12px 17px}.social-nav button[aria-current=page]{background:hsl(var(--h) 29.0% 18.2%);color:#fff}.social-surface{display:grid;grid-template-columns:minmax(320px,760px) 290px;gap:26px;max-width:1080px;margin:auto}.feed-column{display:flex;flex-direction:column;gap:20px;min-width:0}.world-sidebar{display:flex;flex-direction:column;gap:20px}.world-summary{background:hsl(var(--h) 56.3% 93.7%)}.world-stats{display:flex;justify-content:space-between;margin:22px 0}.world-stats>div{display:grid;gap:7px}.world-stats strong{font-size:24px}.world-stats small{color:hsl(var(--h) 13.1% 58.0%);font-size:10px}.circle-row{display:flex;gap:25px;overflow:auto;padding:10px 5px}.circle-profile{background:transparent;display:grid;justify-items:center;gap:12px;min-width:58px}.circle-profile .avatar{width:57px;height:57px;outline:2px solid hsl(var(--h) 50.0% 69.4%);font-size:26px}.circle-profile small{color:hsl(var(--h) 11.7% 52.9%);font-size:10px}.circle-profile:nth-child(2n) .avatar{background:linear-gradient(135deg,#efa880,#b56f9b);outline-color:#dda391}.circle-profile:nth-child(3n) .avatar{background:linear-gradient(135deg,hsl(var(--h) 27.2% 68.2%),hsl(var(--h) 25.5% 56.9%));outline-color:hsl(var(--h) 21.4% 67.1%)}.post-composer label{font-size:15px}.post-composer textarea{margin-top:15px;min-height:86px;background:transparent;border:0;padding:0;resize:vertical;font-size:14px}.post-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid hsl(var(--h) 33.3% 92.9%);padding-top:15px}.post-compose-footer input{font-size:10px;border:0;max-width:260px;background:transparent;padding:0}.primary-button{background:hsl(var(--h) 54.9% 55.7%);color:white;padding:12px 20px;font-size:11px;white-space:nowrap}.soft-button{background:hsl(var(--h) 42.9% 93.1%);color:hsl(var(--h) 21.6% 49.0%);padding:11px 17px;font-size:11px}.feed-tabs{display:flex;border-bottom:1px solid hsl(var(--h) 26.7% 88.2%);gap:25px}.feed-tabs button{background:transparent;color:hsl(var(--h) 15.9% 65.5%);border-radius:0;padding:8px 6px 14px;font-size:12px}.feed-tabs button[aria-pressed=true]{color:hsl(var(--h) 28.7% 45.1%);border-bottom:2px solid hsl(var(--h) 54.8% 65.3%)}.social-post{padding:24px;overflow:hidden}.post-author{display:flex;align-items:center;gap:12px;background:transparent;color:hsl(var(--h) 25.2% 22.5%);padding:0}.post-author strong{font-size:13px}.post-author small{font-size:9px;color:hsl(var(--h) 16.7% 62.4%)}.post-author .avatar{width:35px;height:35px;font-size:18px;outline:0}.post-text{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.post-art{min-height:310px;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;font-size:clamp(28px,4vw,52px);font-weight:850;letter-spacing:-2px;line-height:1.05;color:hsl(var(--h) 100.0% 95.9%);background:radial-gradient(ellipse at 20% 10%,hsl(var(--h) 100.0% 80.4%) 0,transparent 50%),linear-gradient(135deg,hsl(var(--h) 37.6% 60.4%),hsl(var(--h) 30.9% 15.9%));position:relative;overflow:hidden}.post-art.peach{color:#663755;background:radial-gradient(ellipse at 85% 90%,#b46ba2,transparent 60%),linear-gradient(125deg,#f8dda8,#ecc1b9)}.post-photo{width:100%;max-height:550px;object-fit:contain;border-radius:16px;background:hsl(var(--h) 44.4% 96.5%)}.post-actions{display:flex;align-items:center;gap:20px;margin-top:18px;color:hsl(var(--h) 18.6% 67.3%);font-size:10px}.post-actions button{background:transparent;color:hsl(var(--h) 22.1% 59.2%);padding:5px 0;font-size:11px}.post-actions button[aria-pressed=true]{color:#b9579a}.post-comments{font-size:12px;color:hsl(var(--h) 13.1% 56.7%);overflow-wrap:anywhere}.post-comments strong{color:hsl(var(--h) 17.9% 38.2%)}.comment-form{display:flex;gap:8px;margin-top:15px}.comment-form input{font-size:11px;border:0;background:hsl(var(--h) 37.5% 96.9%)}.comment-form button{padding:0 14px;background:hsl(var(--h) 42.1% 92.5%);color:hsl(var(--h) 29.2% 55.7%)}.discover-card{display:grid;grid-template-columns:50px 1fr;gap:10px}.discover-card .avatar{grid-row:span 3}.discover-card h2,.discover-card p{margin:0}.discover-card button{grid-column:2;justify-self:start}.create-character label{margin-top:17px}.create-character input{margin-top:8px}.create-character>button{margin-top:10px}.profile-card{position:relative;overflow:hidden}.profile-cover{height:120px;background:radial-gradient(ellipse at 20% 20%,hsl(var(--h) 51.5% 80.6%),transparent 70%),linear-gradient(120deg,hsl(var(--h) 19.7% 46.9%),#e9b6a0);margin:-22px -22px 0;display:flex;align-items:center;justify-content:flex-end;padding:25px;color:#f6dbdd;font-size:55px}.profile-card>.avatar{margin-top:-23px;position:relative;width:65px;height:65px;border:5px solid white;font-size:29px;outline:0}.profile-card h2{margin-top:20px}.profile-card>.soft-button{margin-left:10px}.profile-form{display:grid;gap:10px;margin-top:20px}.profile-form input,.profile-form textarea{margin-top:8px}.profile-form button{justify-self:start}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.scene-stats{padding:17px;background:hsl(var(--h) 51.2% 92.0%);border-radius:14px;font-size:12px;color:hsl(var(--h) 20.9% 49.6%);margin:0}.scene-card{background:linear-gradient(130deg,white,hsl(var(--h) 66.7% 96.5%))}.scene-choice{display:block;background:hsl(var(--h) 48.6% 93.1%);color:hsl(var(--h) 26.9% 48.8%);text-align:left;padding:14px;margin-top:10px;width:100%;font-size:12px}@media(max-width:900px){.social-surface{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.social-nav button{padding:10px 13px}}@media(max-width:680px){.social-surface{display:flex;flex-direction:column}.world-sidebar{display:none}.social-nav{gap:1px;margin-bottom:15px}.social-nav button{padding:10px 12px;font-size:11px}.social-post{padding:19px}.post-art{min-height:280px;font-size:40px}.post-author small{font-size:8px}.post-actions{gap:13px}.post-compose-footer{gap:5px}.post-compose-footer input{max-width:180px}.primary-button{padding:12px}.circle-row{gap:20px}.post-composer textarea{font-size:16px}.comment-form input{font-size:16px}}

/* Personal color preference: local, independent of other applications. */
:root{--h:174}header{gap:24px}.privacy{margin-left:auto}.theme-control{display:flex;align-items:center;gap:9px;margin:0;color:hsl(var(--h) 25% 82%);font-size:10px;font-weight:400}.theme-control select{width:auto;min-width:95px;padding:8px 11px;background:hsl(var(--h) 24% 20%);color:#fff;border:1px solid hsl(var(--h) 22% 34%);font-size:11px;border-radius:9px}.primary-button,.message.user p{background:linear-gradient(120deg,hsl(var(--h) 48% 39%),hsl(var(--h) 52% 28%));color:white}.post-art.purple{background:radial-gradient(ellipse at 20% 10%,hsl(var(--h) 42% 65%),transparent 50%),linear-gradient(135deg,hsl(var(--h) 34% 44%),hsl(var(--h) 35% 15%));color:white}.social-nav button[aria-current=page],#send{background:hsl(var(--h) 35% 19%)}.soft-button,.scene-choice{color:hsl(var(--h) 40% 28%)}.modes button[aria-pressed=true]{color:hsl(var(--h) 48% 29%)}@media(max-width:680px){header{gap:12px}.privacy{display:none}.theme-control{margin-left:auto}.theme-control select{min-width:85px}.theme-control{font-size:0;gap:0}}
/* Dark application surfaces across every view. */
:root{color-scheme:dark;background:#091315;color:#e4f3f2}body{background:#091315;color:#e4f3f2}header{background:#0b191c;border-bottom:1px solid #20383b}.brand{color:#f0fbfa}.brand-icon{color:hsl(var(--h) 78% 64%)}.light{color:#91aaa9}.privacy,.theme-control{color:#a4bfbe}.theme-control select{background:#12272a;color:#dff4f2;border-color:#315054}h1,h2,.character,.post-author,.post-comments strong{color:#e8f7f5}.heading .eyebrow,.eyebrow,.side .eyebrow{color:hsl(var(--h) 47% 64%)}.badge{background:#143034;border-color:#285256;color:hsl(var(--h) 70% 73%)}.panel,.character.active{background:#102124;border-color:#243c40;box-shadow:none}.characters{background:transparent}.character:hover{background:#163034}.character.active{border-color:hsl(var(--h) 37% 37%)}.character small,.relationship p,.note,.subtle,.chat-heading p,.post-author small,.composer>small,#storage-status,.post-comments,.world-stats small,.circle-profile small{color:#9ab3b4}.avatar{border-color:#102124;outline-color:hsl(var(--h) 55% 57%)}.relationship,.chat-heading,.composer,.budget,.post-compose-footer,.feed-tabs,#memories li{border-color:#294044}select,input,textarea{background:#0a191c;color:#e2f5f3;border-color:#30484d}input::placeholder,textarea::placeholder{color:#829c9e;opacity:1}.chat-heading{background:#12272b}#messages{background:#0c1b1e}.message small,.composer p{color:#9abbbc}.message p{background:#1a3236;color:#e1f1ef}.message.user p,.primary-button{background:hsl(var(--h) 73% 63%);color:#07201e;box-shadow:none}#send,.social-nav button[aria-current=page]{background:hsl(var(--h) 73% 63%);color:#07201e}#send:hover,.primary-button:hover{background:hsl(var(--h) 78% 74%)}.social-nav button{color:#a5babb}.social-nav button:hover{background:#1c3438;color:#e3f6f3}.social-nav button[aria-current=page]:hover{background:hsl(var(--h) 73% 70%);color:#07201e}.side>.panel:first-child,.world-summary{background:#122b30;border-color:#2a454b}.modes{background:#091d21}.modes button{color:#a2b7b9}.modes button[aria-pressed=true]{background:#285155;color:#a5fff0}.budget strong{color:#e5fcf7}.budget strong small,.budget>span{color:#a2babe}progress::-webkit-progress-bar{background:#29474c}progress::-webkit-progress-value{background:hsl(var(--h) 70% 59%)}.memory{background:#172429}.memory .eyebrow{color:#95d1c7}#memories .empty{background:#0e1d21;border-color:#355056;color:#9fb8ba}#memory-form input{background:#0d1c20;border-color:#344c52;color:#e6f4f1}#memory-form>button,.soft-button,.scene-choice{background:#234247;color:#aff1e5}.count{background:#21494a;color:#a4f7e8}.feed-tabs button{color:#9bb2b5}.feed-tabs button[aria-pressed=true]{color:hsl(var(--h) 74% 70%);border-color:hsl(var(--h) 74% 63%)}.post-composer textarea{color:#e5f6f3}.post-compose-footer input{color:#a8c2c2}.post-actions,.post-actions button{color:#9ac4c2}.post-actions button[aria-pressed=true]{color:#73ead4}.comment-form input{background:#0b1b1f;color:#e5f6f3}.comment-form button{background:#23454a;color:#99eddf}.scene-stats{background:#16363b;color:#a5e7dd}.scene-card{background:#11272c}.profile-cover{background:radial-gradient(ellipse at 20% 20%,hsl(var(--h) 43% 39%),transparent 70%),linear-gradient(120deg,#143438,#246565);color:#baf8e8}.profile-card>.avatar{border-color:#102124}.post-photo{background:#091b1e}.post-art.peach{background:radial-gradient(ellipse at 85% 90%,#358a82,transparent 60%),linear-gradient(125deg,#153f44,#367f72);color:#d6fff1}.post-art.purple{color:#edfff9}.dot{background:#7ee4c7;box-shadow:0 0 0 5px #1c3e39}.live-dot{background:#7ee4c7}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:hsl(var(--h) 80% 70%)}
.photo-dm-control{display:flex;align-items:center;gap:12px;margin:12px 0 0;color:#a9dbd1;font-size:11px}.photo-dm-control input{font-size:10px;max-width:220px;padding:6px}.dm-photo{display:block;max-width:100%;max-height:280px;border-radius:14px;margin-top:8px}.story-card{background:linear-gradient(145deg,#12373a,#102124)}.story-text{font-size:24px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.social-surface form>.primary-button{margin-top:14px}summary{cursor:pointer;font-size:14px;color:#acf0df}details[open]>summary{margin-bottom:20px}
.cloud-panel{margin-bottom:24px}.cloud-panel form{display:flex;flex-wrap:wrap;align-items:end;gap:15px}.cloud-panel label{flex:1;min-width:180px}.cloud-panel input{margin-top:8px}.cloud-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.cloud-panel>p{font-size:12px;color:#9ab3b4}
.login-screen{max-width:460px;margin:8vh auto 40px;padding:32px}.login-screen summary{font-size:23px;list-style:none;pointer-events:none}.login-screen form{display:flex;flex-direction:column;align-items:stretch;gap:16px}.login-screen label{width:100%;margin:0}.login-screen .primary-button{width:100%;margin-top:8px}.login-screen>p{line-height:1.7}.login-screen input{padding:14px}#app-content[hidden]{display:none!important}
.login-screen .remember{display:flex;align-items:center;gap:9px;font-size:11px;color:#a4bfbe}.login-screen .remember input{width:auto;margin:0;accent-color:hsl(var(--h) 73% 63%)}