@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#231b35;--muted:#90899c;--purple:#8452ff;--bg:#f6f5f9;--app:#100d24;--card:#211b38;--text:#f5f1ff;--soft:#aaa1c2;--mint:#80efd3;--gold:#ffd993;font-family:'DM Sans','PingFang SC',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #9f83ff;outline-offset:3px}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:38px 27px;background:#fdfcfe;border-right:1px solid #e9e5ef;display:flex;flex-direction:column}.brand{font-family:'Manrope',sans-serif;display:flex;align-items:center;gap:10px;font-weight:800;font-size:27px;letter-spacing:-1px}.brand-mark{width:39px;height:39px;background:#8253f8;color:white;border-radius:14px 14px 14px 5px;font-size:35px;line-height:33px;text-align:center}.brand-plus{font-size:13px;align-self:flex-start;margin:4px 0 0 -5px}.sidebar-label{font-size:11px;letter-spacing:1.8px;color:#aaa1b5;margin-top:58px}.sidebar h1{font-size:20px;margin:13px 0;letter-spacing:-.7px}.sidebar-intro{font-size:13px;line-height:1.9;color:#8c8399;margin:0 0 31px}.scene-button{width:100%;display:flex;gap:13px;align-items:center;background:transparent;padding:15px 14px;margin:5px 0;border-radius:12px;text-align:left;color:#8c829d;font-size:13px;transition:.2s}.scene-button.active{background:#ede7fc;color:#7444df;font-weight:600}.scene-number{font-family:'Manrope',sans-serif;font-size:11px;opacity:.7}.scene-button .scene-dot{margin-left:auto;font-size:18px}.sidebar-bottom{margin-top:auto;padding-top:28px;display:flex;gap:12px;font-size:11px;line-height:1.8;color:#b1a7c1}.sidebar-bottom b{font-weight:400;color:#857995}.mini-orbit{font-size:25px;color:#ad91eb}.workspace{margin-left:244px;max-width:1640px;padding:31px 46px 17px}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.breadcrumb{font-size:11px;letter-spacing:.8px;color:#a69bac}.breadcrumb span{padding:0 10px;color:#cfc7d6}.workspace-header h2{margin:10px 0 0;font-size:25px;letter-spacing:-.7px;font-weight:600}.workspace-header h2 span{margin-left:9px;font-size:13px;color:#aaa0b3;font-weight:400}.version{display:flex;align-items:center;gap:8px;font-size:11px;color:#81778d}.version i{height:5px;width:5px;border-radius:100%;background:#9270d7}.version>span{margin-left:6px;border-left:1px solid #ded6e7;padding-left:13px}.stage{display:flex;justify-content:center;gap:70px;align-items:flex-start}.device-column{width:390px;flex:none}.preview-meta{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;font-size:11px;color:#9a90a5}.audience{background:#eae6f1;padding:3px;border-radius:9px;display:flex}.audience button{font-size:11px;color:#9a8eaa;background:transparent;border-radius:7px;padding:6px 10px}.audience button.active{color:#655075;background:#fff;box-shadow:0 2px 5px #3321460a}.phone{position:relative;width:390px;height:800px;background:var(--app);color:var(--text);border:7px solid #201b2b;border-radius:48px;box-shadow:0 24px 48px #3020411f,0 0 0 1px #ddd6e6,inset 0 0 0 1px #615275;overflow:hidden;font-family:'DM Sans','PingFang SC',sans-serif}.status-bar{height:42px;padding:14px 23px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;position:relative;z-index:6;background:#110d25}.dynamic-island{height:23px;width:103px;background:#05040a;position:absolute;top:7px;left:50%;transform:translateX(-50%);border-radius:20px}.home-indicator{position:absolute;width:115px;height:4px;border-radius:10px;background:#eee7fa;bottom:8px;left:50%;transform:translateX(-50%);z-index:15;opacity:.65;pointer-events:none}#app{height:calc(100% - 42px);overflow:hidden;position:relative}.screen{height:100%;overflow:auto;scrollbar-width:none;padding-bottom:28px}.screen::-webkit-scrollbar,.sheet::-webkit-scrollbar{display:none}.app-header{height:57px;padding:8px 20px;display:flex;align-items:center;justify-content:space-between}.app-header h3{margin:0;font-size:18px;font-weight:600}.icon-button{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;font-size:21px;color:#eee7ff}.text-button{color:#b6a1da;font-size:12px;padding:8px 0;background:transparent}.app-tabs{display:flex;margin:4px 20px 0;gap:22px;border-bottom:1px solid #ffffff0a}.app-tabs button{background:transparent;font-size:14px;padding:11px 0 13px;color:#8d83a6;position:relative}.app-tabs button.active{color:#e5d7ff;font-weight:700}.app-tabs button.active:after{content:'';width:22px;height:3px;background:#a784ff;border-radius:3px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.task-content{padding:0 19px}.task-hero{position:relative;padding:22px 0 10px;min-height:158px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:#c1a5fe;font-weight:700}.task-hero h2{font-family:'Manrope',sans-serif;font-size:26px;line-height:1.22;letter-spacing:-1px;margin:9px 0 8px;max-width:235px}.task-hero p{font-size:11px;color:#a99cbe;line-height:1.7;margin:0}.hero-art{position:absolute;right:-15px;top:8px;width:145px;height:145px;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px #744dba55)}.hero-symbol{position:absolute;right:9px;top:31px;width:86px;height:86px;background:linear-gradient(145deg,#d7baff,#6230ba);transform:rotate(-15deg);border-radius:26px;box-shadow:0 0 45px #a46aff55;display:grid;place-items:center;color:#ffeccc;font-size:50px}.progress-summary{display:flex;justify-content:space-between;font-size:11px;color:#bcaed1;align-items:center}.progress-summary strong{color:#e9ddff}.progress-track{height:5px;border-radius:8px;background:#392e52;overflow:hidden;margin:9px 0 15px}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#804df7,#d1a4ff);transition:width .45s}.task-list{display:flex;flex-direction:column;gap:9px}.task-row{min-height:77px;display:flex;align-items:center;gap:11px;background:#211a37;border:1px solid #ffffff05;border-radius:15px;padding:11px}.task-row.current{border-color:#8460cb6b;background:linear-gradient(115deg,#31224a,#201931)}.reward-icon{height:44px;width:44px;border-radius:13px;background:#332349;display:grid;place-items:center;flex:none;position:relative}.reward-icon img{width:51px;height:51px;object-fit:contain}.reward-icon .tiny-check{position:absolute;right:-2px;bottom:-2px;background:#70d8bd;color:#18342c;border-radius:50%;width:14px;height:14px;text-align:center;font-size:11px;border:2px solid #211a37}.task-copy{flex:1;min-width:0}.task-copy h4{font-size:12px;margin:0 0 5px;font-weight:600;letter-spacing:-.1px}.task-copy p{font-size:11px;color:#a295b9;margin:0}.task-copy .inline-progress{display:flex;align-items:center;gap:6px;margin-top:7px}.inline-progress .progress-track{margin:0;height:3px;flex:1}.inline-progress span{font-size:11px;color:#c2abd9}.pill-button{font-size:11px;padding:9px 11px;border-radius:20px;background:#8954ef;color:#fff;min-width:56px;font-weight:600}.pill-button.ghost{color:#bfa8df;background:#4a345f}.pill-button.done{background:transparent;color:#796d91;font-size:11px}.once-note{color:#716384;text-align:center;font-size:11px;margin:16px 0 0;line-height:1.6}.device-caption{text-align:center;font-size:11px;color:#a094ab;padding:18px 0 8px}.cursor-icon{margin-right:5px}.design-notes{width:267px;padding-top:73px;flex:none}.note-kicker{display:flex;align-items:center;gap:8px;color:#8e73b2;font-size:11px;letter-spacing:2px}.note-kicker:before{content:'';display:block;width:22px;height:1px;background:#a992c3}.design-notes h2{font-size:24px;line-height:1.5;letter-spacing:-.7px;font-weight:500;margin:14px 0 16px}.note-body{color:#998ca6;font-size:12px;line-height:1.95}.note-divider{height:1px;background:#e5deec;margin:26px 0}.note-item{display:flex;gap:12px;margin:19px 0}.note-number{font-size:11px;color:#b2a1c4;padding-top:3px}.note-item h4{font-size:12px;font-weight:600;margin:0 0 6px;color:#63546f}.note-item p{font-size:11px;line-height:1.9;margin:0;color:#a092ad}.demo-tools{background:#efebf5;border-radius:14px;padding:17px;margin-top:28px}.demo-tools h4{font-size:11px;color:#9682aa;margin:0 0 12px;font-weight:500}.demo-tools button{background:white;color:#7e5b9c;border:1px solid #ded4e9;border-radius:8px;font-size:11px;padding:10px;margin:3px 0;width:100%;text-align:left}.demo-tools p{font-size:11px;line-height:1.7;color:#a492b2;margin-bottom:0}.workspace-footer{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:#b9aec3;padding-top:18px;margin-top:2px;border-top:1px solid #ece7f1}.workspace-footer button{background:transparent;font-size:11px;color:#a598b1;letter-spacing:0}.workspace-footer span:nth-child(2){letter-spacing:1px}.footer-note{font-size:11px;color:#a294b4;line-height:1.8}.primary-button{width:100%;border-radius:30px;background:linear-gradient(100deg,#995dff,#8747df);color:white;padding:14px;font-size:14px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.section-head h4{font-size:14px;margin:0}.small-tag{font-size:11px;color:#b99ddd;background:#38254d;padding:5px 7px;border-radius:6px}#toast{position:absolute;z-index:30;left:24px;right:24px;bottom:44px;transform:translateY(20px);opacity:0;pointer-events:none;background:#ece2ff;color:#4d316a;font-size:12px;padding:13px 17px;border-radius:14px;box-shadow:0 8px 25px #0004;transition:.25s;text-align:center}#toast.show{transform:translateY(0);opacity:1}@media(min-width:1500px){.stage{gap:95px}.workspace{padding-left:80px;padding-right:80px}}@media(max-width:1170px){.sidebar{width:200px;padding:32px 18px}.workspace{margin-left:200px;padding:26px 25px}.stage{gap:30px}.design-notes{width:218px}.sidebar h1{font-size:18px}}@media(max-width:980px){.sidebar{width:175px;padding:25px 13px}.workspace{margin-left:175px;padding:22px 20px}.stage{gap:22px}.design-notes{width:190px}.design-notes h2{font-size:21px}.version{display:none}}@media(max-width:850px){.design-notes{display:none}.stage{justify-content:center}.workspace-footer span:nth-child(2){display:none}}@media(max-width:600px){.sidebar{display:none}.workspace{margin:0;padding:0;background:#100d24}.workspace-header,.workspace-footer,.device-caption{display:none}.stage,.device-column{width:100%;display:block}.preview-meta{position:fixed;bottom:0;background:#f6f2fc;z-index:50;margin:0;width:100%;height:45px;padding:7px 13px;color:#867393}.preview-meta>span{cursor:pointer}.phone{width:100%;height:calc(100dvh - 45px);border:0;border-radius:0;box-shadow:none}.status-bar{height:35px}.dynamic-island{display:none}#app{height:calc(100% - 35px)}.task-content{max-width:430px;margin:auto}.home-indicator{bottom:7px}}
/* Shared reward language */
svg{vertical-align:middle;flex:none}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px}.mobile-switch{display:none}.hero-art{right:-25px;width:156px;top:3px}.task-hero h2{max-width:230px;position:relative;z-index:1}.task-hero p{font-size:11px}.progress-summary strong span{color:#6e6089;font-weight:400}.journey-dots{display:flex;justify-content:space-between;margin:-4px 8px 16px;position:relative}.journey-dots:before{content:'';position:absolute;height:1px;left:8px;right:8px;top:10px;background:#32263f}.journey-dots button{width:21px;height:21px;position:relative;z-index:1;border-radius:50%;font-size:11px;background:#2b213d;color:#857392;border:2px solid #100d24;display:grid;place-items:center;padding:0}.journey-dots .complete{background:#9070cd;color:#ead8ff}.journey-dots .current{background:#ba98ee;color:#2b1548;box-shadow:0 0 0 3px #7f54b727}.task-row{min-height:73px}.task-row.claimed{background:#1b162b}.mic-badge{position:absolute;left:15px;top:13px;color:#edd9ff;font-size:16px}.pill-button.claim{background:linear-gradient(90deg,#f3c97f,#ffe4b4);color:#553723;box-shadow:0 0 16px #d9b86520}.tab-dot{display:inline-block;width:4px;height:4px;background:#e9baff;margin-left:4px;vertical-align:top}.once-note svg{opacity:.6;margin-right:4px}.gold{color:#ebc68b}.rules-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:transparent;color:#aa8cce;font-size:11px;margin:16px 0 0}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}.control-pair button{font-size:11px}.demo-tools button:hover{border-color:#b799d5}.demo-tools button:active{background:#f8f2ff}
/* Daily streaks */
.daily-hero{min-height:167px}.streak-hero-art{position:absolute;right:10px;top:27px;color:#ffc38d;transform:rotate(9deg);filter:drop-shadow(0 0 22px #e9798e55)}.streak-hero-art svg{fill:#de859338;stroke-width:1.2}.streak-hero-art span{font-size:26px;color:#e1b7ff;position:absolute;right:-9px;top:2px}.day-reset{display:flex;align-items:center;gap:5px;font-size:11px;color:#8b7b9f;padding:0 0 13px}.day-reset b{font-weight:400;margin-left:auto;color:#b9a7cd}.streak-card{border:1px solid #61466956;border-radius:18px;background:linear-gradient(135deg,#342132,#211b35);padding:16px 13px;margin-bottom:15px;overflow:hidden}.streak-card.charge{background:linear-gradient(135deg,#262045,#201a32);border-color:#65509f50}.streak-card-title{display:flex;align-items:center;gap:8px}.streak-symbol{display:grid;place-items:center;color:#ffc28d;background:#ffb18512;width:33px;height:38px;border-radius:11px}.charge .streak-symbol{color:#b6a5ff;background:#9173ff12}.streak-card-title h4{font-size:13px;margin:0 0 4px;font-weight:600}.streak-card-title p{font-size:10px;color:#ae94ad;margin:0}.charge .streak-card-title p{color:#9f94bc}.streak-card-title>b{font-family:'Manrope',sans-serif;margin-left:auto;color:#ffd19e;font-size:29px;line-height:1;display:flex;flex-direction:column;align-items:center;letter-spacing:-1px}.charge .streak-card-title>b{color:#c7b7ff}.streak-card-title>b small{font-size:11px;font-weight:400;letter-spacing:0;margin-top:4px;color:#a392a4}.streak-trail{display:flex;justify-content:space-between;position:relative;margin:19px 0 17px}.streak-trail:before{content:'';height:2px;position:absolute;background:linear-gradient(90deg,#c39771 0 28%,#e8b477 30% 51%,#6e5159 51% 100%);top:34px;left:24px;right:24px}.charge .streak-trail:before{background:linear-gradient(90deg,#8160be 0 51%,#473660 51% 100%)}.trail-day{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:8px;width:51px}.trail-day>span{font-size:10px;color:#917c8d}.trail-day.today>span{color:#ffdfa8}.charge .trail-day.today>span{color:#d7c4ff}.day-node{height:30px;width:30px;border-radius:50%;background:#352632;border:1px solid #63505a;display:grid;place-items:center;color:#9c788b}.trail-day.complete .day-node{background:#be917b;color:#ffedd1;border-color:#e7b394}.trail-day.today .day-node{background:#ffdcaa;border:3px solid #845968;color:#61424b;box-shadow:0 0 0 4px #d79b7220}.charge .day-node{background:#28203e;border-color:#4c3c68;color:#76618f}.charge .trail-day.complete .day-node{background:#8a69bb;border-color:#b696e4;color:#e5d5ff}.charge .trail-day.today .day-node{background:#c8b0f8;color:#493566;border-color:#6e4c99;box-shadow:0 0 0 4px #ae87f122}.trail-day small{font-size:10px;color:#9e899b}.today-reward{display:flex;align-items:center;border-radius:12px;background:#140f2466;padding:9px 7px;gap:7px}.today-reward .reward-icon{width:37px;height:37px;background:#43284866}.today-reward .reward-icon img{width:42px;height:42px}.today-reward>div:nth-child(2){flex:1;min-width:0}.today-reward span{font-size:9px;letter-spacing:.9px;color:#b793b0}.today-reward h5{font-size:11px;margin:4px 0;font-weight:500;letter-spacing:-.2px}.today-reward p{font-size:10px;margin:0;color:#927d99}.today-reward .pill-button{font-size:11px;min-width:48px;padding:8px}.tomorrow-teaser{display:flex;align-items:center;gap:4px;font-size:10px;color:#b393a8;margin-top:12px;white-space:nowrap}.tomorrow-teaser>span{margin-left:auto;opacity:.7}.charge .tomorrow-teaser{color:#a493c2}
/* Existing personal center */
.profile-screen{padding-bottom:80px;background:#100d24}.profile-cover{height:132px;background:linear-gradient(0deg,#100d2400,#43365210),url('assets/profile-reference.jpg') center 5%/100% auto;opacity:.7;position:relative}.settings{position:absolute;right:20px;top:15px;background:#362e4255;color:#a8d9f6}.profile-main{position:relative;margin-top:-26px;background:#100d24;border-radius:33px 33px 0 0;padding:0 20px 20px;text-align:center}.profile-avatar-wrap{width:93px;height:93px;position:relative;margin:auto;top:-41px;margin-bottom:-26px}.fox-avatar{height:60px;width:60px;border-radius:50%;background-image:url('assets/profile-reference.jpg');background-size:350% auto;background-position:50% 14.6%;background-repeat:no-repeat;border:2px solid #9360ff}.profile-avatar{height:93px;width:93px;border:3px solid #9255ff}.worn-frame{position:absolute;inset:-15%;width:130%;height:130%;pointer-events:none}.profile-main>h2{font-size:26px;margin:0 0 7px;font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-.5px}.user-id{color:#938ca2;font-size:11px;margin:0}.user-id span{margin-left:5px}.profile-stats{display:flex;justify-content:space-around;margin:22px 0}.profile-stats>div{flex:1;position:relative;display:flex;flex-direction:column;gap:6px}.profile-stats>div+div:before{position:absolute;content:'';height:27px;left:0;top:9px;width:1px;background:#44345555}.profile-stats strong{font-size:20px;color:#f4effb;font-weight:600}.profile-stats span{font-size:11px;color:#90899e}.wallet{display:flex;gap:10px;align-items:center;background:#262139;padding:13px;border-radius:17px;text-align:left}.wallet-coin{display:grid;place-items:center;width:33px;height:33px;border:3px solid #ffdc78;border-radius:50%;background:#eda819;color:#975114;font-weight:800;font-size:22px;box-shadow:0 0 0 1px #9d6f23,inset 0 0 0 1px #ffec9b;font-style:italic}.wallet strong{font-size:21px;letter-spacing:-.5px}.wallet .pill-button{margin-left:auto;font-size:13px;padding:11px 17px;background:linear-gradient(110deg,#863cff,#b431d8);font-weight:500}.task-entry{width:100%;padding:17px 10px;margin:13px 0 12px;border-radius:17px;display:flex;text-align:left;gap:9px;align-items:center;background:radial-gradient(ellipse at 0 60%,#69419a55,transparent 70%),linear-gradient(110deg,#322043,#261b38);border:1px solid #7c559248;position:relative;overflow:hidden}.entry-gift{width:54px;flex:none;height:56px}.entry-gift img{width:68px;height:68px;margin:-7px}.entry-label{font-size:9px;letter-spacing:1.1px;color:#b998d2;display:block;margin-bottom:7px}.task-entry h3{font-size:17px;margin:0 0 7px;font-weight:600;letter-spacing:-.3px}.task-entry p{font-size:11px;color:#aa8ec6;margin:0}.task-entry>svg{margin-left:auto;color:#b488d1}.task-entry em{display:inline-block;font-size:11px;min-width:15px;background:#dc7ca2;color:#fff;border-radius:8px;font-style:normal;padding:2px 4px;vertical-align:top;margin:0 0 0 3px}.task-entry .new-label{font-size:9px;background:#af77ee44;color:#d5b2ff;padding:4px;border-radius:4px}.profile-menu>button{display:flex;align-items:center;text-align:left;background:transparent;width:100%;gap:12px;padding:10px 0;color:#c8c0d6;font-size:13px}.profile-menu>button>svg{margin-left:auto;color:#6e607f}.menu-icon{display:grid;place-items:center;border-radius:12px;background:#271a42;width:37px;height:37px;color:#a2baff}.color-1{color:#f8c591}.color-2{color:#c674ff}.color-3{color:#e3a2bc}.color-4{color:#7adbf1}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:63px;padding:3px 17px 13px;background:#1b1628ee;border-top:1px solid #6953802c;display:flex;align-items:center;justify-content:space-around}.bottom-nav button{background:transparent;color:#71697c;height:45px;width:47px;border-radius:19px;display:grid;place-items:center}.bottom-nav button.selected{background:linear-gradient(#9d52f9,#6930e8);color:#fff;box-shadow:0 0 18px #8747e733}
/* Room and light progress companion */
.room-screen{background:radial-gradient(ellipse at 90% 70%,#49265044,transparent 50%),linear-gradient(135deg,#10102d,#131a37);position:relative;padding-bottom:82px;overflow:hidden}.room-screen:before{content:'♫';position:absolute;pointer-events:none;right:-15px;bottom:94px;font-size:300px;line-height:1;color:#9b64bb08;transform:rotate(-18deg)}.room-header{padding:9px 12px;display:flex;gap:7px;align-items:center;height:62px}.room-cover-icon{height:35px;width:35px;border-radius:11px;background:#3e2b67;font-size:21px;display:grid;place-items:center;color:#b38ce6}.room-header>div:nth-child(2){flex:1}.room-header h3{font-size:12px;font-weight:500;margin:0 0 5px}.room-header h3 span{opacity:.45;margin-left:5px}.room-header p{font-size:11px;margin:0;color:#a695c0}.room-header p span{margin-left:12px;color:#958aa9}.room-follow{border-radius:19px;padding:8px 10px;background:linear-gradient(90deg,#ad67f7,#7f54ed);font-size:11px;color:#fff}.room-follow.followed{background:#4a3a5c;color:#c0aecf;font-size:11px}.room-header>.icon-button{width:27px;height:27px;background:#ffffff0a;color:#aaa0be}.room-rank{display:flex;align-items:center;gap:4px;font-size:11px;color:#c6b28b;padding:6px 14px;background:linear-gradient(90deg,#99794f22,transparent 60%);margin-bottom:7px}.sound-bars{margin-left:auto;color:#9678b5;font-size:13px;letter-spacing:2px}.seat-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:18px;margin:9px 13px 0;position:relative;z-index:1}.seat{border:0;padding:0;background:transparent;display:flex;align-items:center;flex-direction:column;min-width:0;color:#d9d0e6}.seat.featured:first-child{grid-column:2}.seat.featured:nth-child(2){grid-column:3}.seat:nth-child(3){grid-column:1}.seat-avatar{width:49px;height:49px;border-radius:50%;position:relative;background-image:url('assets/room-reference.jpg');background-size:386px 838px;border:1px solid #b1a2c652}.seat.featured .seat-avatar{width:57px;height:57px}.host{background-image:url('assets/room-reference.jpg');background-position:-116px -122px;background-size:386px 838px}.elite{background-position:-208px -119px}.grace{background-position:-24px -219px}.melody{background-position:-121px -219px}.glory{background-image:url('assets/room-reference.jpg');background-size:386px 838px;background-position:-217px -219px}.seveda{background-position:-314px -219px}.hilds{background-position:-24px -320px}.lulu{background-position:-121px -320px}.venus{background-image:url('assets/room-reference.jpg');background-size:386px 838px;background-position:-217px -320px}.ava{background-position:-314px -320px}.seat-avatar .fox-avatar{width:100%;height:100%}.room-frame{position:absolute;inset:-23%;width:146%;height:146%;pointer-events:none}.host-label{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font-size:9px;background:#d2b45c;padding:2px 4px;color:white;border-radius:2px}.seat h4{font-weight:400;font-size:11px;margin:8px 0 4px}.seat h4 span{color:#f599ac;font-size:11px}.seat-heat{font-size:10px;color:#bb98c0;opacity:.8}.chat-area{margin:22px 14px 0;position:relative;z-index:1}.system-message{font-size:11px;color:#8e83a7;margin-bottom:17px}.chat-line{display:flex;align-items:flex-start;gap:8px;margin:13px 0}.chat-ava{height:27px;width:27px;border-radius:50%;background-size:213px 462px;background-position-x:-66px;background-position-y:-63px;flex:none}.chat-ava.venus{background-position:-125px -184px}.chat-ava.glory{background-position:-125px -126px}.chat-line label{color:#a897ba;font-size:11px}.chat-line label span{color:#dfbda8;font-size:9px;margin-left:3px}.chat-line p{max-width:254px;font-size:11px;margin:6px 0 0;padding:10px 11px;border-radius:0 14px 14px;background:#08071a66;color:#dfd7ec;line-height:1.5}.joined-chat{font-size:11px;color:#73e6cf;margin:14px 0}.joined-chat>span{font-size:9px;padding:2px 4px;color:#112e28;background:#71e5cb;border-radius:3px;margin-right:3px}.joined-chat b{font-weight:400;color:#dfd2e6;font-size:11px;margin-left:3px}.room-bottom{position:absolute;z-index:4;bottom:15px;left:11px;right:11px;height:43px;display:flex;gap:8px;align-items:center}.chat-input{padding:12px;background:#ffffff0a;border:1px solid #7d6b9622;display:flex;align-items:center;justify-content:space-between;border-radius:24px;color:#8e83a3;font-size:11px;flex:1}.room-gift,.room-tools{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#59486a66;color:#e4acd9;position:relative}.room-gift{background:radial-gradient(circle at 30% 10%,#efa4be99,#55508d66)}.room-tools{background:#ffffff08;color:#85cef1}.room-tools i{height:5px;width:5px;position:absolute;border-radius:50%;background:#f2a3c4;right:5px;top:5px}.join-button{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:30px;font-size:13px;color:white;background:linear-gradient(115deg,#ffca82,#e17bbe 50%,#8e70f2);height:40px;padding:0 13px}.task-widget{position:absolute;right:12px;top:414px;width:86px;border-radius:16px;border:1px solid #9768d666;background:linear-gradient(140deg,#613e7d,#352454);box-shadow:0 7px 28px #08031b66;z-index:3;animation:widgetIn .35s ease}.widget-main{display:block;width:100%;padding:7px 8px 9px;background:transparent;color:#efddff;text-align:center}.widget-art{height:45px;margin-top:-24px}.widget-art img{width:62px;height:62px;margin-top:-5px;filter:drop-shadow(0 0 12px #ba81f733)}.widget-kicker{font-size:9px;letter-spacing:.9px;color:#d5bce9}.widget-main strong{display:block;font-size:11px;margin:5px 0 6px;font-weight:500}.widget-main .progress-track{height:4px;margin:0 0 6px;background:#251530}.widget-main .progress-fill{background:linear-gradient(90deg,#bb8afa,#ffe0b6)}.widget-main small{font-size:10px;color:#dfbee9}.widget-main small span{margin-left:3px}.widget-collapse{position:absolute;right:-5px;top:-10px;width:18px;height:18px;border-radius:50%;border:1px solid #ae86cd55;background:#312545;color:#e1c7f6;font-size:12px}.task-widget.ready{border-color:#ebbd8955;background:linear-gradient(140deg,#82545e,#442742)}.mini-widget{position:absolute;top:410px;right:10px;width:41px;height:43px;border-radius:15px;background:#725087;z-index:4;color:#ffe4c8}.mini-widget span{position:absolute;top:-5px;right:-3px;font-size:11px;background:#edb889;color:#643c56;border-radius:10px;padding:3px 5px}.daily-widget{position:absolute;right:12px;top:405px;width:79px;display:flex;align-items:center;flex-direction:column;gap:5px;background:linear-gradient(140deg,#694450,#332540);border:1px solid #a9766755;border-radius:16px;padding:10px 5px;z-index:3;color:#f5c097}.daily-widget strong{font-size:11px}.daily-widget span{font-size:10px;color:#dcb7c3}.chat-line:nth-of-type(2)>div>p{max-width:235px}@keyframes widgetIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Sheets, gift tiers and rewards */
#overlay{position:absolute;inset:0;pointer-events:none;z-index:10}#overlay>*{pointer-events:auto}.modal-scrim{position:absolute;inset:0;background:#080414ae;backdrop-filter:blur(4px);animation:fadeIn .2s}.sheet{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(155deg,#241b37,#171225);border-top:1px solid #78608855;border-radius:28px 28px 0 0;max-height:88%;overflow:auto;padding-bottom:24px;box-shadow:0 -10px 45px #0a03194d;animation:sheetIn .3s ease;scrollbar-width:none}.sheet-handle{width:32px;height:4px;border-radius:6px;background:#7a6a8955;margin:9px auto 8px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:5px 19px 14px}.sheet-heading h3{font-size:17px;margin:0;font-weight:500}.sheet-heading .icon-button{width:27px;height:27px;color:#a392b6}.sheet-task-screen{height:auto;padding-bottom:18px}.sheet-task-screen .task-hero{min-height:147px;padding-top:20px}.sheet-task-screen .app-tabs{margin-top:-3px}.sheet-task-screen .task-hero h2{font-size:25px}.sheet-task-screen .task-row{min-height:72px}.gift-recipient{display:flex;gap:6px;align-items:center;margin:0 19px;font-size:11px;color:#9c8ba9}.tiny-avatar{width:22px;height:22px;border-radius:50%;background-size:173px 375px;background-position:-54px -50px}.gift-recipient strong{font-size:11px;color:#d6c9e1;font-weight:500}.recipient-check{background:#9775cf;color:white;border-radius:50%;height:11px;width:11px;display:grid;place-items:center;font-size:9px}.gift-tabs{display:flex;gap:22px;margin:19px 19px 14px}.gift-tabs button{background:transparent;color:#94849f;font-size:12px;position:relative;padding:0 0 9px}.gift-tabs button.active{color:#ecddff}.gift-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;width:19px;height:2px;border-radius:3px;background:#c394ff}.gift-tabs span{font-size:10px;color:#f3ca93;background:#75533755;padding:2px 3px;border-radius:3px;margin-left:3px}.bonus-panel{background:linear-gradient(115deg,#443045,#342437);border:1px solid #b58c6444;border-radius:16px;padding:12px}.bonus-panel.compact{margin:0 17px;padding:11px 12px 0}.bonus-panel-heading{display:flex;justify-content:space-between;align-items:center}.bonus-panel-heading>span{font-size:10px;letter-spacing:1px;color:#e2bd97;display:flex;gap:4px;align-items:center}.bonus-panel-heading .text-button{font-size:11px;color:#bea0b6;padding:0}.bonus-main{display:flex;justify-content:space-between;align-items:end;margin-top:15px}.bonus-main>div>span{display:block;font-size:11px;color:#bda0ad;margin-bottom:6px}.bonus-main strong{font-size:23px;color:#fff0da;font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-1px}.bonus-main strong small{font-size:12px;color:#ac889c;font-weight:400;letter-spacing:0}.next-bonus{text-align:right}.next-bonus b{color:#f3cb99;font-weight:500;font-size:18px}.next-bonus b small{font-size:11px;color:#b394a1}.bonus-panel .progress-track{height:5px;background:#201521;margin:12px 0 7px}.bonus-panel .progress-fill{background:linear-gradient(90deg,#dfb18a,#ffe4b1)}.milestone-inline{display:flex;justify-content:space-between;font-size:10px;color:#c99caa}.milestone-inline>span:first-child{color:#e0bb93}.unlocked-bonus{display:flex;align-items:center;font-size:11px;margin:12px -12px -12px;padding:10px 12px;background:#1d111d33;border-top:1px solid #c1978722;border-radius:0 0 16px 16px;color:#ddbec5}.compact .unlocked-bonus{margin-bottom:0}.unlocked-bonus b{color:#ffe0a5}.unlocked-bonus button{margin-left:auto;border-radius:12px;background:#e4bd88;color:#53334b;padding:5px 9px;font-size:10px}.unlocked-bonus svg{color:#ecc08b}.gift-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 17px 10px}.gift-item{padding:8px 5px 10px;position:relative;background:#ffffff03;border:1px solid transparent;border-radius:12px;color:#d6c5e5;display:flex;align-items:center;flex-direction:column}.gift-item.selected{border:1px solid #a877df;background:#9668c411;box-shadow:inset 0 0 18px #a675cf11}.gift-item.selected:after{content:'✓';position:absolute;bottom:0;right:0;background:#a877df;border-radius:6px 0 10px 0;color:white;font-size:11px;width:15px;height:14px}.gift-micro-progress{font-size:9px;color:#ac8db2}.gift-item>.progress-track{width:70%;height:2px;margin:4px 0}.gift-item>img{width:77px;height:78px;margin:2px 0 0}.gift-item b{font-size:11px;font-weight:400;margin:4px 0 6px}.gift-price{display:flex;align-items:center;gap:3px;font-size:11px;color:#dabb92}.box-color-0{filter:hue-rotate(40deg) saturate(.7)}.box-color-2{filter:hue-rotate(320deg) saturate(1.2)}.gift-help{text-align:center;font-size:10px;color:#8f789c;line-height:1.5;margin:7px 0 20px}.gift-send-row{display:flex;align-items:center;gap:7px;padding:12px 18px 3px;border-top:1px solid #ffffff08}.balance{display:flex;align-items:center;gap:5px;background:transparent;font-size:12px;color:#eacb90;padding:0}.balance span{font-size:15px;color:#b8a2d0;margin-left:5px}.quantity{border:1px solid #6a4c85;background:#382449;color:#d1b4ed;padding:8px 10px;border-radius:20px;font-size:11px;margin-left:auto}.send-button{display:flex;gap:8px;align-items:center;padding:10px 20px;font-size:12px}.send-button:disabled{opacity:.4}.all-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0 0 19px}.tier-card{text-align:left;background:#21182f;border:1px solid #684c7233;border-radius:12px;padding:12px;color:#bfa1cf}.tier-card>span{font-size:10px;color:#82658e;display:block}.tier-card strong{display:block;font-size:19px;font-family:'Manrope',sans-serif;margin:6px 0;letter-spacing:-.5px;font-weight:500}.tier-card small{font-size:11px;color:#947b9e}.tier-card.unlocked{background:linear-gradient(120deg,#49313e,#2e2035);border-color:#a5805944;color:#ffdea1}.tier-card.unlocked span,.tier-card.unlocked small{color:#c4a886}.tier-card.next{border-color:#a375bc88;background:#30203f}.tier-card.next span{color:#c18cd9}.free-gift-panel{text-align:center;padding:6px 15px 24px}.free-gift-panel>img{width:132px;height:125px}.free-gift-panel h3{font-size:18px;margin:4px}.free-gift-panel p{font-size:11px;color:#a993bd}.free-gift-panel>span{font-size:11px;color:#b594cb}.popup{position:absolute;left:19px;right:19px;top:50%;transform:translateY(-50%);padding:27px 20px 15px;border-radius:25px;text-align:center;background:radial-gradient(ellipse at 50% 37%,#643d7166,transparent 62%),linear-gradient(155deg,#382346,#23162f 60%,#241831);border:1px solid #9971b74d;box-shadow:0 20px 60px #03010977;animation:popupIn .25s ease;max-height:92%;overflow:auto;scrollbar-width:none}.modal-close{position:absolute;right:10px;top:10px;width:26px;height:26px;display:grid;place-items:center;color:#a986b6;background:#ffffff08;border-radius:50%;padding:4px}.popup>.eyebrow{font-size:9px;letter-spacing:1.4px;color:#b18bcb;display:block;margin:12px 0 13px}.popup h2{font-family:'Manrope',sans-serif;font-size:25px;font-weight:500;letter-spacing:-.9px;line-height:1.27;color:#f7eaff;margin:0}.box-subtitle{font-size:11px;color:#b59bc4;margin:12px 0 0}.box-art-stage{height:193px;position:relative}.box-art-stage>img{height:205px;width:205px;filter:drop-shadow(0 12px 25px #aa609f33);animation:float 3s ease-in-out infinite}.art-spark{position:absolute;color:#eac2ff;opacity:.65;z-index:1}.s1{top:45px;left:27px;font-size:17px}.s2{top:108px;right:14px;font-size:30px}.s3{top:17px;right:53px;font-size:11px}.pool-label{font-size:11px;color:#b092c2;display:flex;align-items:center;justify-content:center;gap:11px}.pool-label>span{width:27px;height:1px;background:#78558766}.reward-pool{display:flex;gap:10px;justify-content:center;margin:11px 0}.reward-pool>div{width:75px}.reward-pool>div>div{height:67px;border:1px solid #8f6da144;border-radius:12px;background:#9271c00a;display:grid;place-items:center}.reward-pool img{height:64px;width:64px}.reward-pool span{font-size:10px;margin-top:6px;display:block;color:#af8ccb}.rarity-0{filter:hue-rotate(35deg)}.rarity-2{filter:hue-rotate(300deg) saturate(1.5)}.reward-pool>div:nth-child(2)>div{border-color:#ae76da66}.reward-pool>div:nth-child(3)>div{border-color:#b58a5f77}.reward-pool>div:nth-child(3)>span{color:#e2b684;filter:none}.pool-note{font-size:10px;color:#89699b;line-height:1.6;margin:11px -2px 18px}.box-owned{font-size:11px;color:#aa86bd;margin:12px 0 0}.popup .primary-button{background:linear-gradient(100deg,#e5b2ff,#be80e8);color:#472354;font-size:12px;padding:13px}.box-art-stage.opening>img{animation:unwrap .6s ease-in-out infinite}.box-art-stage.opening{filter:brightness(1.3)}.revealed-reward{height:180px;position:relative;margin:16px 0 0;display:grid;place-items:center}.revealed-reward>img{height:195px;width:195px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 24px #be88ff44);animation:revealIn .6s}.revealed-reward .fox-avatar{height:104px;width:104px}.rarity-badge{font-size:10px;letter-spacing:1.6px;color:#ceafff;background:#b384ec22;border:1px solid #cba0f244;border-radius:12px;padding:4px 11px;display:inline-block;margin:5px 0 9px}.popup h3{font-size:18px;font-weight:500;margin:5px 0 8px;color:#f5e5ff}.popup>p{font-size:11px;color:#b599c6}.reward-duration{font-size:11px;color:#a082b2;padding:9px 0 22px}.modal-secondary{background:transparent;color:#ad8bbe;font-size:11px;padding:14px 0 4px}.result-confetti{font-size:19px;color:#f1c190;position:absolute;top:21px;left:20px;letter-spacing:40px;opacity:.35}.result-confetti span{color:#c696f9}.single-reward>img{width:180px;height:180px;margin:10px 0;filter:drop-shadow(0 0 25px #ac6ccc44)}.reward-popup .primary-button{margin-top:22px}.inventory-content,.topup-content,.rules-content,.simple-content{padding:0 20px 13px}.inventory-intro{font-size:11px;color:#a994b9;margin:0 0 20px}.inventory-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px;background:#34264188;border-radius:14px;margin:8px 0;text-align:left;color:#e6d8f0;border:1px solid #aa80cb11}.inventory-item>img{width:49px;height:49px}.inventory-item>div{flex:1}.inventory-item h4{font-size:11px;margin:0 0 7px;font-weight:500}.inventory-item p{font-size:11px;color:#a28ab4;margin:0}.inventory-item>span{color:#c595e8;font-size:11px}.coin-summary{margin-top:20px;font-size:11px;color:#a38aaf;display:flex;justify-content:space-between}.coin-summary strong{font-size:11px;color:#d5b580}.topup-content>h2{font-size:26px;font-weight:500;line-height:1.2;font-family:'Manrope',sans-serif;letter-spacing:-.8px;margin:14px 0 25px}.topup-content>p{font-size:11px;color:#b299c1}.topup-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px}.topup-packs button{background:#382844;border:1px solid #79598855;padding:13px 0;border-radius:13px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#d7b27b}.topup-packs .selected{border-color:#c5a1e2;background:#734b8a44}.topup-packs b{font-size:20px;color:#eddbf7}.topup-packs span{font-size:11px;color:#b799c5}.topup-bonus{display:flex;align-items:center;justify-content:space-between;background:#44324355;border-radius:11px;padding:13px;font-size:11px;color:#dcc29d}.topup-bonus b{font-size:13px}.topup-content .topup-hint{font-size:11px;color:#997ba9;line-height:1.8;margin:14px 0 24px}.topup-content .demo-disclaimer{font-size:11px;text-align:center;color:#876994;margin:12px 0 0}.rules-content{font-size:12px;color:#bfabcc;line-height:1.8}.rules-content p{margin:0 0 15px}.rules-content ol{padding-left:19px;margin:0}.rules-content li{margin-bottom:12px}.rules-table{border-radius:13px;background:#3d2b4844;margin:15px 0;overflow:hidden}.rules-table>div{display:flex;justify-content:space-between;padding:8px 13px;border-bottom:1px solid #ad82b112;font-size:11px}.rules-table>div:first-child{background:#7d5b8b22;color:#d5bbdf}.rules-table b{font-weight:500}.rules-table span:nth-child(2){color:#ddbd8b}.prototype-note{padding:12px;background:#6f4c8122;border-radius:10px;font-size:11px;color:#b493c4;line-height:1.9;margin-top:20px}.simple-content p{font-size:13px;line-height:1.8;color:#c2acd0}.simple-content .fox-avatar{margin:10px auto 23px;width:80px;height:80px}.simple-content label{display:block;font-size:11px;color:#bda4cc;margin:14px 0}.simple-content input,.simple-content textarea{display:block;margin-top:8px;width:100%;background:#ffffff08;border:1px solid #84609444;border-radius:10px;padding:11px;color:#efe2fc;font:inherit;font-size:13px}.simple-content textarea{height:80px;resize:none}.simple-content .primary-button{margin-top:20px}.mobile-scene{display:flex;justify-content:space-between;width:100%;padding:15px;color:#d9c6e8;background:#75558a22;border-radius:10px;margin:7px 0;font-size:13px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes sheetIn{from{transform:translateY(60px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes popupIn{from{transform:translateY(-47%) scale(.96);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes unwrap{0%,100%{transform:rotate(-6deg) scale(1.04)}50%{transform:rotate(6deg) scale(1.1)}}@keyframes revealIn{from{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-20deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@media(max-width:600px){.mobile-switch{display:inline}.status-bar{padding-top:11px}.sheet{max-height:92%}.phone{min-height:640px}.preview-meta{height:45px}.task-row{min-height:78px}.task-copy h4{font-size:13px}.task-copy p{font-size:11px}.pill-button{font-size:11px}.room-screen{min-height:590px}.task-widget{top:410px}.task-hero{min-height:164px}.app-header{height:59px}.app-tabs button{font-size:15px}.popup{max-width:360px;margin:0 auto}.seat-grid{row-gap:23px}.chat-area{margin-top:25px}.room-bottom{bottom:18px}.profile-menu>button{padding:13px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Readability at the mobile prototype scale */
.task-copy h4{font-size:13px}.task-copy p{font-size:11px}.pill-button{font-size:11px}.streak-card-title h4{font-size:14px}.streak-card-title p{font-size:11px;line-height:1.4;max-width:208px}.streak-card-title>b{font-size:28px}.trail-day>span,.trail-day small{font-size:11px}.trail-day{width:55px}.today-reward h5{font-size:11px;line-height:1.4}.today-reward p{font-size:11px}.today-reward span{font-size:10px}.tomorrow-teaser{font-size:11px;white-space:normal;line-height:1.5}.gift-tabs button{font-size:14px}.bonus-main>div>span{font-size:11px}.bonus-panel-heading>span{font-size:11px}.bonus-panel-heading .text-button{font-size:11px}.milestone-inline{font-size:11px;gap:8px;line-height:1.5}.unlocked-bonus{font-size:11px}.unlocked-bonus button{font-size:11px;white-space:nowrap}.gift-item b,.gift-price{font-size:11px}.gift-micro-progress{font-size:11px}.gift-help{font-size:11px;padding:0 14px}.box-subtitle,.popup>p{font-size:12px}.pool-label{font-size:11px}.reward-pool span{font-size:11px}.pool-note{font-size:11px}.box-owned{font-size:11px}.popup .primary-button{font-size:14px}.modal-secondary{font-size:12px}.reward-duration{font-size:11px}.tier-card>span{font-size:11px}.tier-card small{font-size:12px}.widget-kicker{font-size:9px}.widget-main strong{font-size:11px}.widget-main small{font-size:11px}.widget-main .progress-track{margin-top:8px}.task-widget{width:96px}.task-hero p{max-width:220px}.streak-card-title p{max-width:185px}.today-reward .pill-button{font-size:11px;padding:8px 7px}.day-reset{font-size:11px}.once-note{font-size:11px}.rules-link{font-size:12px}@media(max-width:600px){.task-copy h4{font-size:14px}.task-copy p{font-size:12px}.pill-button{font-size:12px}.task-row{padding:12px;gap:12px}.streak-card-title p{max-width:245px}.gift-item b,.gift-price{font-size:12px}.gift-item>img{width:86px;height:86px}}
/* Revision 2: quiet hierarchy and adjacent-day rewards */
.sidebar{padding-top:34px}.sidebar h1{margin-top:46px;margin-bottom:7px;font-size:23px}.sidebar-intro{margin-bottom:25px;font-size:12px}.sidebar-reset{margin-top:auto;background:transparent;color:#9b8ba6;text-align:left;font-size:12px;padding:12px}.workspace-header h2{margin:0;font-size:25px}.workspace-subtitle{font-size:12px;color:#a095aa;margin:8px 0 0}.review-toolbar{display:flex;align-items:center;gap:10px}.review-primary{border:0;border-radius:9px;background:#8553ec;color:white;font-size:12px;padding:11px 14px;cursor:pointer}.demo-menu{position:relative;font-size:12px;color:#8b769c}.demo-menu summary{list-style:none;cursor:pointer;padding:10px;border-radius:9px;border:1px solid #e1d9e9}.demo-menu summary::-webkit-details-marker{display:none}#demo-controls{position:absolute;z-index:40;top:45px;right:0;background:#fff;border:1px solid #e5dcec;border-radius:13px;width:185px;box-shadow:0 12px 40px #49335e18;padding:8px}.demo-menu:not([open]) #demo-controls{display:none}#demo-controls button{display:block;text-align:left;width:100%;padding:10px;border-radius:7px;background:transparent;color:#7c648f;font-size:12px}#demo-controls button:hover{background:#f3edf9}.stage{gap:64px;padding-bottom:28px}.header-spacer{width:32px}.task-hero{padding-top:24px;min-height:149px}.task-hero h2{font-size:26px;max-width:209px;margin:10px 0;line-height:1.25}.task-hero p{font-size:12px;max-width:196px;line-height:1.5}.hero-art{width:135px;height:135px;right:-21px;top:8px}.task-list{gap:11px}.task-row{min-height:77px}.profile-main .task-entry{min-height:88px}.daily-heading{padding:28px 0 23px}.daily-heading h2{font-family:'Manrope',sans-serif;font-size:28px;letter-spacing:-1px;line-height:1.2;margin:0 0 11px;font-weight:600}.daily-heading p{font-size:12px;color:#9c8cb4;margin:0}.daily-card{border:1px solid #9173b12b;border-radius:20px;background:linear-gradient(135deg,#2c203c,#20192f);padding:17px 14px 0;margin-bottom:18px;overflow:hidden}.daily-card.wallet-reward{background:linear-gradient(135deg,#25213f,#1c1931)}.daily-card>header{display:flex;gap:10px;align-items:center}.daily-card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#b58ade18;color:#d9acfa}.wallet-reward .daily-card-icon{background:#8e99df18;color:#abb9ff}.daily-card h3{font-size:16px;font-weight:600;margin:0 0 5px;letter-spacing:-.3px}.daily-card header p{font-size:11px;color:#a891b9;margin:0;line-height:1.4}.day-pair{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;padding:20px 8px 18px}.pair-day{position:relative;display:flex;flex-direction:column;align-items:center;min-height:126px;text-align:center}.pair-day>span{color:#9a83af;font-size:12px;margin:0 0 10px}.pair-day.current>span{color:#e4caff}.pair-day.future>span{color:#b5a3ca}.pair-day strong{font-size:11px;font-weight:500;color:#b29abd;margin-top:6px}.pair-day.current strong{color:#e4d1f1}.pair-day small{font-size:11px;color:#9477aa;margin-top:6px}.pair-day>img{width:64px;height:64px;margin:-2px 0 -2px}.pair-day.future img{opacity:.63;filter:saturate(.8)}.pair-day.past{justify-content:start}.pair-check{width:49px;height:49px;border:1px dashed #7459806b;border-radius:50%;color:#887090;display:grid;place-items:center;margin:7px 0 6px}.pair-check.yes{background:#b59bda14;border:1px solid #bda0e577;color:#cba7f1;box-shadow:0 0 0 5px #ad81cd09}.pair-connector{color:#695175;position:relative;top:-5px}.connected .pair-connector{color:#bf93dd}.connected .pair-connector:before{content:'';height:1px;width:26px;position:absolute;top:50%;left:-22px;background:#b391d240}.connected .pair-connector:after{content:'';height:1px;width:20px;position:absolute;top:50%;right:-9px;background:#b391d240}.daily-claim{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #c292d417;background:#130c211c;margin:0 -14px;padding:13px 14px}.daily-claim h4{font-size:12px;font-weight:500;margin:0 0 6px;color:#dac6e8}.daily-claim p{font-size:11px;color:#9d7bb3;margin:0}.daily-claim .pill-button{min-width:63px;font-size:11px}.daily-widget{width:91px;background:linear-gradient(140deg,#5d3d71,#332540);border-color:#a281bb44;color:#d6b1f4}.daily-widget strong{font-size:11px}.daily-widget span{font-size:11px;color:#bc99d2}.ordinary-gifts{margin:14px 18px 24px}.ordinary-gifts .gift-item{padding-top:16px;padding-bottom:13px}.ordinary-gifts .gift-item img{height:94px;width:94px}.gift-send-row .send-button{margin-left:auto}.popup{padding-top:32px}.popup h2{font-size:25px}.popup>p{font-size:12px;line-height:1.7;margin:12px 0 7px;color:#b997c9}.box-art-stage{height:204px}.box-art-stage>img{height:215px;width:215px}.reward-pool{margin-bottom:22px}.box-popup .rarity-badge{margin:13px 0 26px}.box-popup .revealed-reward{height:190px;margin:15px 0 0}.expired-art>img{width:160px;filter:grayscale(.75);opacity:.5}.expired-art~.primary-button{margin-top:24px}.outfit-preview{display:block;width:130px;margin:20px auto}.simple-content .mobile-scene~button{display:block;width:100%;padding:12px;border-radius:8px;background:#362745;color:#bba4cc;font-size:12px;margin:7px 0}.mobile-review-button{display:none}
/* Annotation workspace */
.review-panel{width:294px;flex:none;margin-top:43px;background:#fff;border:1px solid #e5ddec;border-radius:18px;padding:20px;max-height:805px;overflow:auto;scrollbar-width:thin;color:#4e3c5d}.review-panel>header{display:flex;justify-content:space-between;align-items:start}.review-panel h2{font-size:17px;margin:0 0 6px;font-weight:600}.review-panel h2 span{margin-left:7px;color:#a992bf;font-size:12px}.review-panel header p{font-size:11px;color:#b0a0bc;margin:0}.review-panel header>button{border:0;background:transparent;color:#ac9ab8;font-size:21px;display:none}.review-actions{display:flex;gap:8px;margin:19px 0}.review-actions button{border:1px solid #e7dfed;background:#fff;border-radius:7px;font-size:11px;padding:8px 11px;color:#9980ad}#mobile-add-annotation{display:none}.review-filters{display:flex;gap:17px;border-bottom:1px solid #f0eaf4;padding-bottom:10px;margin-bottom:14px}.review-filters button{background:transparent;color:#b1a0bf;font-size:12px;padding:0}.review-filters button.active{color:#8a54ce;font-weight:600}.annotations-empty{text-align:center;padding:43px 0 52px}.annotations-empty>span{font-size:26px;color:#c5b2d7;border:1px dashed #d6c8e1;border-radius:12px;padding:7px 13px}.annotations-empty h3{font-size:13px;margin-top:23px;font-weight:500;color:#8e77a0}.annotations-empty p{font-size:11px;line-height:1.8;color:#baa9c5;margin:9px 0}.annotation-card{border:1px solid #e9e1f0;background:#fdfbff;border-radius:12px;margin:11px 0;padding:12px}.annotation-card.selected{border-color:#af8cd4;background:#f9f4ff}.annotation-location{display:flex;align-items:center;gap:7px;color:#a087b4;background:transparent;font-size:11px;padding:0;text-align:left;line-height:1.5}.annotation-location>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#9765d5;color:#fff;font-size:11px;flex:none}.annotation-card>p{font-size:13px;line-height:1.75;color:#705782;margin:12px 0;overflow-wrap:anywhere;white-space:pre-wrap}.annotation-card-actions{display:flex;gap:13px}.annotation-card-actions button{background:transparent;color:#b09bc0;font-size:11px;padding:0}.annotation-card-actions button:last-child{margin-left:auto}.review-feedback{font-size:11px;color:#a491b3;margin:10px 0 0;min-height:14px}#annotation-editor{border:1px solid #c9ade4;border-radius:12px;background:#f9f4ff;padding:13px;margin-bottom:16px}#annotation-editor[hidden]{display:none}#annotation-editor h3{font-size:13px;margin:0 0 7px;color:#79588f}#annotation-editor p{font-size:11px;color:#ac93be;margin:0 0 11px}#annotation-editor textarea{width:100%;height:110px;resize:vertical;border-radius:8px;border:1px solid #decdea;background:white;color:#735386;padding:10px;font:inherit;font-size:13px;line-height:1.5}#annotation-editor form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}#annotation-editor button{font-size:11px;padding:8px 10px;border-radius:7px}#cancel-note{background:transparent;color:#a18aad}.phone.annotating{cursor:crosshair}.phone.annotating button{cursor:crosshair!important}.phone.annotating #app,.phone.annotating #overlay{outline:2px solid #c394f0;outline-offset:-2px}.phone.annotating [data-review-id]:hover{outline:1px dashed #d3a3f8;outline-offset:-2px}#annotation-pins{position:absolute;inset:0;z-index:39;pointer-events:none}.annotation-pin{position:absolute;width:25px;height:25px;transform:translate(-50%,-50%);border-radius:50% 50% 50% 2px;border:2px solid white;background:#9950ec;color:white;font-size:11px;display:grid;place-items:center;padding:0;box-shadow:0 3px 12px #37105466;pointer-events:auto;cursor:pointer}.annotation-pin.selected{box-shadow:0 0 0 4px #b58ae34d,0 3px 10px #37105466}.annotation-pin.draft{background:#d88e3b;pointer-events:none}#annotation-hint{position:absolute;z-index:40;bottom:21px;left:20px;right:20px;padding:11px 8px;border-radius:12px;background:#ead9ff;color:#633c83;text-align:center;font-size:12px;pointer-events:none}#annotation-hint[hidden]{display:none}
@media(min-width:1500px){.stage{gap:75px}}@media(max-width:1170px){.stage{gap:28px}.review-panel{width:260px}.workspace{padding-right:24px}}@media(max-width:980px){.review-panel{width:230px;padding:16px}.stage{gap:20px}.review-toolbar{gap:4px}.workspace-header h2{font-size:22px}.review-primary{font-size:11px;padding:10px}}
@media(max-width:850px){.review-panel{position:fixed;z-index:70;right:16px;top:90px;width:310px;max-height:calc(100dvh - 110px);display:none;box-shadow:0 10px 60px #24103033;margin:0}.review-panel.is-open{display:block}.review-panel header>button{display:block}.stage{justify-content:center}.review-actions #mobile-add-annotation{display:block}}
@media(max-width:600px){.workspace{padding:0}.stage{padding:0}.preview-meta{gap:7px;height:49px}.preview-meta>span{font-size:11px;white-space:nowrap}.audience{margin-left:auto}.audience button{font-size:11px;padding:6px 8px}.mobile-review-button{display:block;border:1px solid #d8c8e5;color:#8a62ab;background:white;border-radius:8px;padding:6px 9px;font-size:11px}.phone{height:calc(100dvh - 49px)}.review-panel{top:auto;bottom:64px;left:13px;right:13px;width:auto;max-height:72dvh;padding:20px;border-radius:18px}.review-panel.is-open{display:block}.review-panel header>button{display:block}.daily-card{padding-top:19px}.daily-card h3{font-size:17px}.daily-card header p{font-size:12px}.day-pair{padding:19px 10px 15px}.pair-day strong{font-size:12px}.pair-day small{font-size:11px}.daily-claim h4{font-size:13px}.daily-claim p{font-size:12px}.daily-claim .pill-button{font-size:12px}.task-hero h2{font-size:27px}.task-hero p{font-size:13px}.daily-heading{padding:25px 0}.task-row{min-height:82px}.annotation-card-actions button{font-size:12px;padding:3px}.annotation-location{font-size:11px}.review-panel header p{font-size:12px}#annotation-editor textarea{font-size:15px}.review-actions button{font-size:12px}}
.outfit-list>button{display:flex;align-items:center;gap:13px;width:100%;background:#3c29494d;color:#e2cceb;border:1px solid #aa80c329;border-radius:13px;padding:11px;margin:9px 0;text-align:left}.outfit-list>button>img{width:55px;height:55px}.outfit-list>button>span{font-size:13px;flex:1}.outfit-list>button>small{font-size:11px;color:#be93db}