*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;overflow:hidden}html[data-scene=productivity],html[data-scene=productivity] body,html[data-scene=productivity] #viewport{background:#020b13}html[data-scene=productivity] body:before{content:"";position:fixed;left:0;right:0;top:0;z-index:100;height:env(safe-area-inset-top);pointer-events:none;background:#020b13}[hidden]{display:none!important}#viewport{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background:#000;outline:none;cursor:none;-webkit-tap-highlight-color:transparent}#skip-intro{position:absolute;right:clamp(16px,3vw,48px);bottom:clamp(16px,3vw,42px);z-index:60;min-width:112px;min-height:46px;padding:12px 16px;border:1px solid #42d4f2aa;background:#03131fb8;color:#bfefff;font:600 11px Arial,Helvetica,sans-serif;letter-spacing:2px;line-height:1;cursor:pointer;opacity:.76;box-shadow:inset 0 0 14px #138bb52b,0 0 12px #1fabc044;text-shadow:0 0 7px #65eaff;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}#skip-intro:hover,#skip-intro:focus-visible{opacity:1;border-color:#8bf5ff;box-shadow:inset 0 0 16px #27c8ef44,0 0 16px #29d8f477,0 0 28px #168db344;outline:1px solid #c8faff;outline-offset:3px}#skip-intro:active{transform:scale(.96);opacity:1}#viewport[data-skip-visible=true]{cursor:default}#stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) rotate(var(--stage-rotation, 0deg)) scale(var(--stage-scale, 0));overflow:hidden;background:#000;isolation:isolate}#background,#currents,#frame,#notification,#glass,:where(#notification) .glass-border,#interference{position:absolute;inset:0;width:1920px;height:1080px}#background,#currents,#frame,:where(#notification) .glass-border,#interference{pointer-events:none}#notification{color:#dcf5fa;font-family:Arial,Helvetica,sans-serif}#frame{overflow:visible;filter:blur(1.15px)}#side-circuits{filter:blur(.7px) drop-shadow(0 0 3px #184de999);opacity:.42}#side-circuits,:where(#notification) .glass-border{transform-origin:0 545.5px;transform:scaleY(var(--window-spread, 1))}#glass,#interference{clip-path:inset(var(--window-top, 189px) 0 var(--window-bottom, 178px) 0)}:where(#notification) .glass-border .edge{fill:none;stroke:#c5d3d2;stroke-opacity:.55;stroke-width:1.6;filter:drop-shadow(0 0 1.5px #bddde8)}:where(#notification) .glass-border .fringe{fill:none;stroke:#a50b42;stroke-opacity:.38;stroke-width:1.8}:where(#notification) .glass-border .fault{fill:none;stroke:#e0efeb;stroke-opacity:.6;stroke-width:1.6}:where(#notification) .notification-header{position:absolute;left:633px;top:287px;height:83px;display:flex;gap:25px;align-items:stretch;transform:skew(-2.1deg)}:where(#notification) .notice-symbol,:where(#notification) h1,:where(#notification) .quest-check,:where(#notification) button{border:1.3px solid #b2c7c17a;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44;background:#010b1245}:where(#notification) .notice-symbol{display:block;width:95px;height:82px}:where(#notification) .notice-symbol svg{width:100%;height:100%;fill:none;stroke:#e0fafb;stroke-width:3;filter:drop-shadow(0 0 4px #87efff) drop-shadow(0 0 11px #3eaaca)}:where(#notification) .notice-symbol .notice-dot{fill:#e6ffff;stroke:none}:where(#notification) h1{width:497px;height:84px;margin:0;display:flex;align-items:center;justify-content:center;padding:0 0 2px 3px;color:#e4f5f3;font-size:44px;font-weight:500;line-height:1;letter-spacing:3.1px;text-shadow:1.1px 0 1px #86ecff,-1px 0 1px #d097a6,0 0 5px #b4f4ff,0 0 16px #58cced,0 0 30px #3c95b488}:where(#notification) .message{position:absolute;inset:0;font-size:28px;line-height:1.25;letter-spacing:1.15px;text-shadow:1px 0 1px #73b5d0,-.6px 0 1px #cfbdac,0 0 6px #7bd5ed,0 0 17px #3292be99}:where(#notification) .message p{margin:0;white-space:nowrap}:where(#notification) .message strong{font-weight:700;text-shadow:0 0 2px #eaf9fc,0 0 7px #a4eaff,0 0 18px #45b6da}:where(#notification) .quest-copy{position:absolute;left:780px;top:441px;transform:skew(-1.2deg)}:where(#notification) .quest-copy p+p{margin-top:30px}:where(#notification) .quest-copy strong{font-size:29px;letter-spacing:1.25px}:where(#notification) .quest-check{position:absolute;left:905px;top:660px;width:125px;height:95px;transform:skew(-.5deg)}:where(#notification) .quest-check svg{width:100%;height:100%;fill:none;stroke-linejoin:round;stroke-linecap:round}:where(#notification) .check-box{stroke:#daf7f3;stroke-width:3.4;filter:drop-shadow(0 0 3px #72e0fb) drop-shadow(0 0 7px #66c5dd)}:where(#notification) .check-mark{stroke:#2affb2;stroke-width:3.8;filter:drop-shadow(0 0 5px #00ef95) drop-shadow(0 0 12px #00db8577)}:where(#notification) .invitation{left:710px;top:461px;width:650px;height:auto;transform:skew(-1.2deg)}:where(#notification) .invitation p+p{margin-top:31px}:where(#notification) .invitation strong{font-size:30px}:where(#notification) .after-player{margin-left:24px}:where(#notification) .warning-copy{position:absolute;left:723px;top:431px;transform:skew(-1.7deg)}:where(#notification) .entry-choice{pointer-events:none}:where(#notification) .entry-choice-copy{position:absolute;left:0;top:425px;width:100%;text-align:center;transform:skew(-1.2deg)}:where(#notification) .entry-choice-copy strong{display:block;font-size:29px;letter-spacing:4px}:where(#notification) .entry-choice-copy p{margin-top:18px;font-size:23px;letter-spacing:1.4px}:where(#notification) .entry-choice-controls{position:absolute;left:625px;top:548px;width:670px;display:grid;grid-template-columns:1fr 1.25fr;gap:12px;transform:skew(-1.2deg);pointer-events:auto}:where(#notification) .entry-choice-controls button{position:relative;left:auto;top:auto;width:auto;height:64px;pointer-events:auto;cursor:pointer;font-size:20px;letter-spacing:2px}:where(#notification) .warning-copy p+p{margin-top:20px}:where(#notification) .danger{color:#b40040;text-shadow:0 0 2px #9a054b99,0 0 8px #8d084459;letter-spacing:1.1px}:where(#notification) .choices{position:absolute;inset:0}:where(#notification) button{position:absolute;top:677px;height:63px;display:flex;align-items:center;justify-content:center;padding:0 0 2px;margin:0;color:#e2f5f3;font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:400;letter-spacing:.7px;line-height:1;cursor:inherit;transform:skew(-1.5deg);text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7}#yes{left:696px;width:167px}#no{left:1080px;width:158px;transform:skew(1deg)}:where(#notification) button:focus-visible{outline:1px solid #ccecf0;outline-offset:3px}#interference{opacity:0}#interference .ghost{position:absolute;inset:0;pointer-events:none}:where(#notification) .ghost-choice{position:absolute;top:677px;height:63px;display:flex;align-items:center;justify-content:center;color:#e2f5f3;border:1px solid #b2c7c17a;font:38px Arial,sans-serif;letter-spacing:.7px;line-height:1;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6}:where(#notification) .ghost-choice:first-child{left:696px;width:167px}:where(#notification) .ghost-choice:last-child{left:1080px;width:158px}#viewport[data-choices-visible=true],#viewport[data-choice-interaction=true]{cursor:default}#notification,#glass,:where(#notification) .message,:where(#notification) .choices{pointer-events:none}#stage canvas,#stage svg,#interference,#interference *{pointer-events:none}#ending-wash{position:absolute;inset:0;z-index:20;overflow:hidden;pointer-events:none;opacity:var(--ending-white, 0);background:#fff}#ending-wash:before{content:"";position:absolute;inset:-18%;z-index:0;background:radial-gradient(ellipse at 50% 48%,rgba(220,253,255,.98) 0%,rgba(125,232,255,.72) 20%,rgba(56,179,250,.26) 45%,transparent 71%);opacity:var(--ending-bloom, 0);filter:blur(30px);transform:scale(calc(1 + var(--ending-bloom, 0) * .28));will-change:opacity,transform}#ending-wash:after{content:"";position:absolute;inset:0;z-index:1;background:#fff;opacity:var(--ending-white, 0);will-change:opacity}#stage[data-ending-phase=final] #ending-wash:before{opacity:0}#stage[data-ending-active=true] #notification{filter:brightness(calc(1 + var(--ending-brightness, 0) * .65 + var(--ending-bloom, 0) * .85)) saturate(calc(1 + var(--ending-bloom, 0) * .22));will-change:filter}#stage[data-ending-active=true] #background{filter:brightness(calc(1 + var(--ending-brightness, 0) * .28 + var(--ending-bloom, 0) * .38));will-change:filter}#yes,#no{pointer-events:auto;cursor:pointer;touch-action:manipulation;transition:color .15s ease,border-color .15s ease,text-shadow .15s ease,box-shadow .15s ease}#yes{overflow:hidden;isolation:isolate}#yes .choice-label{position:relative;z-index:1}#yes:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#f7ffff;opacity:0}#yes[aria-pressed=true],#no[aria-pressed=true]{border-color:#ccecf0}#stage[data-choice-phase=yes-pressed][data-selection=yes] #yes,#stage[data-choice-phase=yes-click-animation][data-selection=yes] #yes{color:#f7ffff;border-color:#f5ffff;background:#061426;box-shadow:none;text-shadow:0 0 4px #fff,0 0 14px #cfffff,0 0 24px #37c9ff}#stage[data-choice-phase=yes-click-animation][data-selection=yes] #yes:before{opacity:var(--yes-fill, 0)}#stage[data-scene=closing][data-selection=yes] #yes{color:#e2f5f3;border-color:#b2c7c17a;background:#010b1245;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7}#stage[data-scene=closing][data-selection=no] #no{color:#9dfff3;border-color:#64ffe2;background:#063b426b;box-shadow:0 0 8px #37f6d0,0 0 24px #18b9c5;text-shadow:0 0 4px #d6fffb,0 0 15px #37f6d0,0 0 28px #18b9c5}#yes:focus-visible,#no:focus-visible{color:#effcff;border-color:#abf1ff;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44,0 0 11px #43c0e64d;text-shadow:0 0 4px #ccecf0,0 0 13px #43c0e6,0 0 23px #3095b7}@media(hover:hover)and (pointer:fine){#viewport:not([data-pointer-type=touch]) #yes:hover,#viewport:not([data-pointer-type=touch]) #no:hover{color:#effcff;border-color:#abf1ff;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44,0 0 11px #43c0e64d;text-shadow:0 0 4px #ccecf0,0 0 13px #43c0e6,0 0 23px #3095b7}}:where(#notification) .congratulations{left:580px;top:500px;width:774px;height:auto;text-align:center;transform:skew(-1.2deg);outline:none}:where(#notification) .congratulations strong{font-size:30px}:where(#notification) .designation-copy{position:absolute;left:0;top:425px;width:100%;text-align:center;transform:skew(-1.2deg)}:where(#notification) .designation-copy strong{display:block;font-size:29px;letter-spacing:4px}:where(#notification) .designation-copy p{margin-top:18px;font-size:23px;letter-spacing:1.4px}#designation-form{position:absolute;left:660px;top:548px;width:600px;pointer-events:auto;transform:skew(-1.2deg)}#designation-form label{display:block;margin-bottom:9px;color:#dcf5fa;font-size:14px;letter-spacing:3px;text-shadow:0 0 6px #7bd5ed}:where(#notification) .designation-controls{display:grid;grid-template-columns:1fr 166px;gap:12px}#designation-name{min-width:0;height:64px;padding:0 21px;border:1.3px solid #b2c7c17a;background:#010b12d9;color:#e2f5f3;font:23px Arial,Helvetica,sans-serif;letter-spacing:1.4px;outline:none;caret-color:#e0fafb;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44,inset 0 0 18px #1c718b2e;text-shadow:0 0 5px #7bd5ed;transition:border-color .15s ease,box-shadow .15s ease}#designation-name::placeholder{color:#b8d8ddc7;font-size:17px;letter-spacing:2px}#designation-name:hover,#designation-name:focus{border-color:#ccecf0;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44,inset 0 0 22px #1d789544,0 0 12px #43c0e688,0 0 25px #3095b766}#designation-name[aria-invalid=true]{border-color:#ff62aa;animation:designation-reject .3s ease}#designation-form button{position:relative;left:auto;top:auto;width:auto;height:64px;pointer-events:auto;cursor:pointer;transform:none;color:#e2f5f3;border-color:#b2c7c17a;background:#010b12d9;font-size:20px;letter-spacing:2px;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44,inset 0 0 17px #1c718b38;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}#designation-form button:hover,#designation-form button:focus-visible{filter:brightness(1.16);box-shadow:0 0 10px #7bd5ed,0 0 25px #3095b7,inset 0 0 18px #43c0e655}#designation-form button:active{transform:scale(.96);filter:brightness(1.5)}#designation-error{min-height:18px;margin:8px 0 0;color:#ff78b8;font-size:13px;letter-spacing:2px;text-align:center;text-shadow:0 0 8px #ed247e}#account-setup-form{position:absolute;left:555px;top:548px;width:810px;pointer-events:auto;transform:skew(-1.2deg)}#account-setup-form>label{display:block;margin-bottom:9px;color:#e5c8ff;font-size:14px;letter-spacing:3px;text-shadow:0 0 7px #bd5cff}#account-setup-form>label span{margin-left:8px;color:#a78fb8;font-size:10px;letter-spacing:2px}:where(#notification) .account-setup-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}:where(#notification) .account-setup-controls{display:flex;justify-content:center;gap:12px;margin-top:12px}#account-setup-email,#account-setup-password{min-width:0;height:64px;padding:0 21px;border:1.3px solid #d0a9e4;background:#090714b8;color:#f8efff;font:21px Arial,Helvetica,sans-serif;letter-spacing:1.2px;outline:none;caret-color:#ff8eef;box-shadow:1.4px 0 #d10b8f66,-1px 0 #8251cf55,inset 0 0 18px #8f22d62e;text-shadow:0 0 5px #d8a8ff;transition:border-color .15s ease,box-shadow .15s ease}#account-setup-email::placeholder,#account-setup-password::placeholder{color:#bba7c9b8;font-size:16px;letter-spacing:1.8px}#account-setup-email:hover,#account-setup-email:focus,#account-setup-password:hover,#account-setup-password:focus{border-color:#f0c6ff;box-shadow:1.4px 0 #ef3cd088,-1px 0 #8559ff77,inset 0 0 22px #ad35e744,0 0 12px #c84dff88,0 0 25px #9634dc66}#account-setup-email[aria-invalid=true],#account-setup-password[aria-invalid=true]{border-color:#ff62aa;animation:designation-reject .3s ease}#account-setup-form button{position:relative;left:auto;top:auto;width:auto;height:58px;padding:0 24px;pointer-events:auto;cursor:pointer;transform:none;color:#fff;border-color:#dcb6ed;background:#18052685;font-size:16px;letter-spacing:1.6px;text-shadow:0 0 4px #fff,0 0 12px #ef79ff,0 0 25px #ad35df;box-shadow:1.4px 0 #df168166,-1px 0 #765ee066,inset 0 0 17px #8d2cba38;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease}#account-setup-form button:hover,#account-setup-form button:focus-visible{filter:brightness(1.22);box-shadow:0 0 10px #ef9cff,0 0 25px #ae3ee0,inset 0 0 18px #db75ff55}#account-setup-form button:active{transform:scale(.96);filter:brightness(1.5)}#account-setup-skip{color:#d8cbe1!important;border-color:#9785a6!important;background:#0b08137d!important;text-shadow:0 0 8px #ac80ca!important;box-shadow:inset 0 0 14px #6f418b30!important}#account-setup-back{color:#bcefff!important;border-color:#55728a!important;background:#050b138f!important;text-shadow:0 0 8px #70dfff!important;box-shadow:inset 0 0 14px #24516f42!important}#account-setup-error{min-height:18px;margin:8px 0 0;color:#ff78b8;font-size:13px;letter-spacing:1.5px;text-align:center;text-shadow:0 0 8px #ed247e}#account-setup-error[data-success=true]{color:#a8fff5;text-shadow:0 0 9px #42e9da}#account-setup-error[data-tone=info],#account-setup-error[data-tone=success]{color:#bcefff;text-shadow:0 0 7px #4c94c6}#account-setup-form #account-setup-signin{display:block;margin:6px auto;height:30px;padding:0 10px;font-size:12px;letter-spacing:1px;background:transparent;box-shadow:none}#account-setup-form>small{display:block;margin-top:4px;color:#b9a7c6;font-size:11px;letter-spacing:1.2px;text-align:center}#account-setup-form>small b{color:#e6c9f6;font-weight:600;text-shadow:0 0 7px #bd5cff}#account-setup-form[data-account-mode=recovery] .account-setup-fields{grid-template-columns:minmax(0,1fr)}#account-setup-form[data-account-mode=recovery] #account-setup-password{display:none}#stage[data-designation-active=true] #notification{z-index:22;filter:none}#stage[data-ending-phase^=account] #frame{filter:blur(1.15px) hue-rotate(76deg) saturate(1.45)}#stage[data-ending-phase^=account] #currents{filter:hue-rotate(76deg) saturate(1.35)}#stage[data-ending-phase^=account] .glass-border{filter:hue-rotate(60deg) saturate(1.35)}#stage[data-ending-phase^=account] #side-circuits{filter:blur(.7px) drop-shadow(0 0 3px #a62cff99);opacity:.52}#stage[data-ending-phase^=account] .notification-header h1,#stage[data-ending-phase^=account] .notice-symbol{box-shadow:1.4px 0 #d5149655,-1px 0 #7e5df055;background:#09051273}#stage[data-ending-phase^=designation] #upper-bar,#stage[data-ending-phase^=designation] #lower-bar{filter:drop-shadow(0 0 4px #a000ff) drop-shadow(0 0 10px #a000ff99)}#stage[data-ending-phase^=designation] #upper-bar>g:first-child,#stage[data-ending-phase^=designation] #lower-bar>g:first-child{stroke:#7a00d9}#stage[data-ending-phase^=designation] #upper-bar>g:nth-child(2),#stage[data-ending-phase^=designation] #lower-bar>g:nth-child(2){stroke:#a000ff}#stage[data-ending-phase^=designation] #upper-bar>g:nth-child(2)>path{fill:url(#designation-upper-rail)}#stage[data-ending-phase^=designation] #lower-bar>g:nth-child(2)>path{fill:url(#designation-lower-rail)}#stage[data-ending-phase^=designation] #upper-bar>g:nth-child(3),#stage[data-ending-phase^=designation] #lower-bar>g:nth-child(3){stroke:#b000f0}#stage[data-ending-phase^=designation] #upper-bar>g:nth-child(4),#stage[data-ending-phase^=designation] #lower-bar>g:nth-child(4){stroke:url(#designation-rail-highlight)}#stage[data-ending-phase^=designation] #side-circuits{stroke:#542080;opacity:.94;filter:blur(.35px) drop-shadow(0 0 2px #7b35b8) drop-shadow(0 0 7px #a000ff)}#stage[data-ending-phase^=designation] #glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:#000b12;opacity:.86;clip-path:polygon(27.708% 22.315%,73.281% 22.315%,75.833% 74.259%,25% 74.259%)}#stage[data-scene=daily-quest-two] #notification,#stage[data-scene=daily-quest-info] #notification{pointer-events:auto}#stage[data-scene=daily-quest-two] .quest-copy{left:50%;top:478px;width:900px;display:flex;align-items:center;justify-content:center;gap:24px;text-align:center;transform:translate(-50%) skew(-1.2deg)}#stage[data-scene=daily-quest-two] .quest-copy p{font-size:31px;letter-spacing:1.2px;white-space:nowrap}#stage[data-scene=daily-quest-two] .quest-copy strong{font-size:32px;letter-spacing:1.4px}#stage[data-scene=daily-quest-two] .quest-check{left:1392px;top:468px;width:48px;height:44px;border-color:#bceff0b8;background:#03141d99;box-shadow:0 0 4px #d8fbff,0 0 13px #55cfee,inset 0 0 10px #4bc8ef33;transform:skew(-1.2deg)}#stage[data-scene=daily-quest-two] .quest-check .check-box{stroke-width:5;filter:drop-shadow(0 0 2px #d8fbff) drop-shadow(0 0 6px #55cfee)}#stage[data-scene=daily-quest-two] .quest-check .check-mark{stroke-width:6;filter:drop-shadow(0 0 3px #85ffe0) drop-shadow(0 0 8px #00ef95)}#stage[data-scene=daily-quest-info] .notification-header{left:633px}#stage[data-scene=daily-quest-info] .quest-copy{left:50%;top:391px;width:820px;transform:translate(-50%) skew(-1.2deg)}#stage[data-scene=daily-quest-info] .cinematic-quest-info{width:100%;display:grid;justify-items:center;color:#def8fb;text-align:center}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival{font-size:18px;letter-spacing:.65px;text-shadow:0 0 3px #e9ffff,0 0 9px #77dcf3,0 0 18px #3292beaa}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival strong{font-size:19px}#stage[data-scene=daily-quest-info] .cinematic-quest-info h2{margin:28px 0 17px;color:#e8fbff;font-size:24px;font-weight:500;letter-spacing:2.2px;line-height:1;text-shadow:0 0 4px #fff,0 0 12px #5dd9f7}#stage[data-scene=daily-quest-info] .cinematic-quest-info h2 span{border-bottom:1px solid #cbf7ff;padding:0 3px 3px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives{width:520px;margin:0;padding:0;display:grid;gap:10px;list-style:none;text-align:left}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives li{min-height:28px;color:#dff6fa;font-size:18px;letter-spacing:.6px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives button{position:relative;left:auto;top:auto;display:grid;width:100%;height:auto;grid-template-columns:minmax(0,1fr) 95px 28px;align-items:center;min-height:28px;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:normal;letter-spacing:inherit;text-align:left;text-shadow:inherit;transform:none;pointer-events:auto;touch-action:manipulation;cursor:pointer}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives button:focus-visible{outline:1px solid #89eaff;outline-offset:4px;box-shadow:0 0 9px #46d6ff66}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives b{font-size:17px;font-weight:500;text-align:right;letter-spacing:1px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives i{width:19px;height:19px;margin-left:9px;display:grid;place-items:center;border:1.3px solid #b9eff6;color:#7affcf;font-size:14px;font-style:normal;line-height:1;box-shadow:0 0 7px #4fd1eb55,inset 0 0 6px #41bdd83d}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives li.complete{color:#8dfff0;text-shadow:0 0 8px #35eac3}#stage[data-scene=daily-quest-info] #notification[data-daily-complete=true] .cinematic-quest-objectives li.complete{color:#ecffff;text-shadow:0 0 4px #fff,0 0 10px #58e8d0}#stage[data-scene=daily-quest-info] #notification[data-daily-complete=true] .quest-check{display:block;left:50%;top:795px;transform:translate(-50%) skew(-1.2deg)}#stage[data-scene=daily-quest-info] .cinematic-quest-warning{margin-top:24px;color:#d9f2f6;font-size:16px;line-height:1.52;letter-spacing:.7px;white-space:normal}#stage[data-scene=daily-quest-info] .cinematic-quest-warning strong{font-size:16px;letter-spacing:1px}#stage[data-scene=daily-quest-info] .cinematic-quest-warning em{color:#ff2f69;font-style:normal;font-weight:700;text-shadow:0 0 8px #ff164f99}#stage[data-scene=daily-quest-info] .cinematic-day-timer{position:absolute;left:332px;top:326px;width:156px;height:156px;display:grid;place-items:center;align-content:center;gap:2px;color:#eaffff;text-shadow:0 0 6px #9ff6ff,0 0 14px #45bfe4}#stage[data-scene=daily-quest-info] .cinematic-day-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#dffcff 0 var(--day-remaining, 360deg),#58717b55 var(--day-remaining, 360deg) 360deg);filter:drop-shadow(0 0 4px #bff8ff) drop-shadow(0 0 10px #35bde0)}#stage[data-scene=daily-quest-info] .cinematic-day-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#03131e;box-shadow:inset 0 0 20px #0c668044}#stage[data-scene=daily-quest-info] .cinematic-day-ring i{position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 5deg,#03131e 5deg 9deg)}#stage[data-scene=daily-quest-info] .cinematic-day-timer>strong{position:relative;font-size:22px;font-weight:500;letter-spacing:1px}#stage[data-scene=daily-quest-info] .cinematic-day-timer>small{position:relative;color:#a8dce6;font-size:9px;letter-spacing:1.5px}#stage[data-scene=daily-quest-info] #currents{display:block;opacity:.34;transform:none;transform-origin:center}#stage[data-scene=daily-quest-info] .notification-header h1{font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:38px;font-weight:400;letter-spacing:6px;text-shadow:0 0 3px #fff,0 0 10px #8be8f7aa,0 0 18px #4aa9c866}#stage[data-scene=daily-quest-info] .cinematic-quest-info{font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-weight:400}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival span{font-style:normal;font-weight:400}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives li,#stage[data-scene=daily-quest-info] .cinematic-quest-objectives b{font-weight:400}@media(orientation:landscape){#stage[data-scene=daily-quest-info] #side-circuits{transform:scaleY(var(--window-spread, 1)) scaleY(1.28);transform-origin:0 545.5px;opacity:.38;filter:blur(.45px) drop-shadow(0 0 3px #184de977)}#stage[data-scene=daily-quest-info] #glass>.glass-border{transform:scaleY(1.28)}#stage[data-scene=daily-quest-info] .notification-header{top:250px}#stage[data-scene=daily-quest-info] .notification-header h1{font-size:43px;letter-spacing:7px}#stage[data-scene=daily-quest-info] .quest-copy{top:350px;width:880px}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival{font-size:21px;letter-spacing:.45px}#stage[data-scene=daily-quest-info] .cinematic-quest-info h2{margin:31px 0 25px;font-size:30px;letter-spacing:3px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives{width:590px;gap:15px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives li{min-height:31px;font-size:25px;font-weight:400}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives button{grid-template-columns:minmax(0,1fr) 112px 31px;min-height:31px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives b{font-size:23px;font-weight:400}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives i{width:22px;height:22px;border-width:1px;box-shadow:0 0 4px #4fd1eb44,inset 0 0 4px #41bdd829}#stage[data-scene=daily-quest-info] .cinematic-quest-warning{margin-top:27px;font-size:19px;font-weight:400;line-height:1.5;text-shadow:0 0 2px #dfffff,0 0 6px #4ca8bd66}#stage[data-scene=daily-quest-info] .cinematic-day-timer{position:relative;left:auto;top:-28px;width:132px;height:132px;margin-top:18px}#stage[data-scene=daily-quest-info] .cinematic-day-timer>strong{font-size:19px}#stage[data-scene=daily-quest-info] .quest-check{display:none}#stage[data-scene=daily-quest-info] #notification[data-daily-complete=true] .quest-check{display:block;top:820px}}@media(max-width:700px)and (orientation:portrait){#stage[data-scene=daily-quest-info]{inset:0;width:100vw;height:100svh;transform:none;overflow:hidden;background:radial-gradient(circle at 50% 35%,#082942 0,transparent 54%),#01070d}#stage[data-scene=daily-quest-info] #background{width:100%;height:100%;opacity:.55;filter:saturate(1.15) brightness(.65)}#stage[data-scene=daily-quest-info] #notification{inset:0;width:100%;height:100%;overflow:hidden}#stage[data-scene=daily-quest-info] #frame{display:block;width:100%;height:100%;transform:none;filter:blur(.65px)}#stage[data-scene=daily-quest-info] #side-circuits{transform:scaleY(var(--window-spread, 1)) scaleY(3.72);transform-box:view-box;transform-origin:center;filter:blur(.2px) drop-shadow(0 0 2px #184de9) drop-shadow(0 0 5px #158ef077);opacity:.4}#stage[data-scene=daily-quest-info] #side-circuits *{vector-effect:non-scaling-stroke}#stage[data-scene=daily-quest-info] #currents{display:block;width:100%;height:100%;opacity:.2;transform:none;transform-origin:center}#stage[data-scene=daily-quest-info] #glass{inset:0;width:100%;height:100%;overflow:hidden;clip-path:none;background:transparent;box-shadow:none}#stage[data-scene=daily-quest-info] #glass:before,#stage[data-scene=daily-quest-info] #glass:after{content:none}#stage[data-scene=daily-quest-info] #glass>.glass-border{display:block;width:100%;height:100%;transform:translateY(15px) scaleY(3.95);transform-box:border-box;transform-origin:center;overflow:visible}#stage[data-scene=daily-quest-info] #glass>.glass-border path{vector-effect:non-scaling-stroke}#stage[data-scene=daily-quest-info] #glass>*:not(.glass-border){z-index:2}#stage[data-scene=daily-quest-info] .notification-header{left:50%;top:150px;width:186px;height:42px;gap:6px;align-items:stretch;transform:translate(-50%)}#stage[data-scene=daily-quest-info] .notification-header .notice-symbol{width:38px;height:42px;flex:0 0 38px;border:1px solid #b8c9c66e;background:#010b124f;box-shadow:1px 0 #8f174044,-1px 0 #51c5cf33}#stage[data-scene=daily-quest-info] .notification-header .notice-symbol svg{stroke-width:2.4;filter:drop-shadow(0 0 2px #c9faff) drop-shadow(0 0 6px #56bfd5aa)}#stage[data-scene=daily-quest-info] .notification-header h1{width:auto;height:42px;min-width:0;flex:1;padding:0 3px;border:1px solid #b8c9c66e;color:#eefcff;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:2.7px;white-space:nowrap;background:#010b124f;box-shadow:1px 0 #8f174044,-1px 0 #51c5cf33;text-shadow:0 0 2px #fff,0 0 7px #8be8f7aa,0 0 13px #4aa9c866}#stage[data-scene=daily-quest-info] .message{inset:0;font-size:16px;line-height:1.3}#stage[data-scene=daily-quest-info] .quest-copy{left:92px;right:92px;top:215px;width:auto;transform:none;text-shadow:0 0 3px #a9f3ff,0 0 8px #3cadd066}#stage[data-scene=daily-quest-info] .cinematic-quest-info{display:flex;width:100%;height:calc(100svh - 247px);align-items:center;flex-direction:column;color:#d9eef2;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-weight:400;text-shadow:0 0 2px #c9f7ff,0 0 7px #3b9ab766}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival{color:#d7e9ec;font-size:9.5px;font-weight:400;line-height:1.4;letter-spacing:.25px;white-space:nowrap;text-shadow:0 0 2px #eaffff,0 0 6px #61cce388}#stage[data-scene=daily-quest-info] .cinematic-quest-arrival span{font-size:inherit;font-style:normal;font-weight:400;letter-spacing:.35px}#stage[data-scene=daily-quest-info] .cinematic-quest-info h2{margin:18px 0 15px;color:#eefcff;font-size:18px;font-weight:400;letter-spacing:2.3px;text-shadow:0 0 3px #fff,0 0 8px #77d8ea88}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives{width:100%;gap:7px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives li{min-height:23px;color:#d9e8eb;font-size:12px;font-weight:400;letter-spacing:.25px;text-shadow:0 0 2px #dfffff,0 0 5px #4ca8bd77}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives button{grid-template-columns:minmax(0,1fr) 62px 22px;min-height:23px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives b{font-size:11px;font-weight:400;letter-spacing:.5px}#stage[data-scene=daily-quest-info] .cinematic-quest-objectives i{width:15px;height:15px;margin-left:5px;border-width:1px;box-shadow:0 0 4px #4fd1eb44,inset 0 0 4px #41bdd829}#stage[data-scene=daily-quest-info] .cinematic-quest-warning{margin-top:24px;color:#d8e7ea;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.4px;text-shadow:0 0 2px #dfffff,0 0 5px #4ca8bd66}#stage[data-scene=daily-quest-info] .cinematic-quest-warning strong{font-size:inherit;font-weight:500}#stage[data-scene=daily-quest-info] .cinematic-day-timer{position:relative;left:auto;top:auto;width:90px;height:90px;flex:0 0 90px;margin-top:15px}#stage[data-scene=daily-quest-info] .cinematic-day-ring:before{inset:11px}#stage[data-scene=daily-quest-info] .cinematic-day-timer>strong{font-size:13px;letter-spacing:.45px}#stage[data-scene=daily-quest-info] .cinematic-day-timer>small{font-size:8px}#stage[data-scene=daily-quest-info] .quest-check{display:block;left:50%;top:auto;bottom:124px;width:46px;height:46px;transform:translate(-50%);border-color:#bceff0a6;background:#03141daa;box-shadow:0 0 4px #d8fbff,0 0 13px #55cfee,inset 0 0 10px #4bc8ef33}#stage[data-scene=daily-quest-info] .quest-check .check-box{stroke-width:4.2;filter:drop-shadow(0 0 2px #d8fbff) drop-shadow(0 0 6px #55cfee)}#stage[data-scene=daily-quest-info] .quest-check .check-mark{stroke-width:5;filter:drop-shadow(0 0 3px #85ffe0) drop-shadow(0 0 8px #00ef95)}#stage[data-scene=daily-quest-info] #interference{display:none}}#stage[data-scene^=penalty-] #notification{pointer-events:auto}#stage[data-scene^=penalty-] .quest-copy{left:50%;top:405px;width:760px;transform:translate(-50%) skew(-1.2deg);text-align:center}#stage[data-scene^=penalty-] .notification-header{left:50%;transform:translate(-50%) skew(-2.1deg)}#stage[data-scene=penalty-alert] .notification-header h1,#stage[data-scene=penalty-quest] .notification-header h1{color:#fff0f7;border-color:#ff4f8788;text-shadow:0 0 4px #fff,0 0 12px #ff3d76,0 0 25px #7d2cff}#stage[data-scene=penalty-alert] #currents,#stage[data-scene=penalty-quest] #currents{filter:hue-rotate(108deg) saturate(1.45)}#stage[data-scene=penalty-alert] .quest-check,#stage[data-scene=penalty-quest] .quest-check{border-color:#ff7aa0;background:#17050eaa;box-shadow:0 0 5px #fff,0 0 18px #ff315f,inset 0 0 12px #8a175d88}.cinematic-penalty-alert{display:grid;justify-items:center;gap:24px;color:#fceaf3}.cinematic-penalty-alert small{color:#ff608b;font-size:13px;letter-spacing:5px;text-shadow:0 0 12px #ff315f}.cinematic-penalty-alert strong{padding:18px 30px;border-top:1px solid #ff5d87;border-bottom:1px solid #9c3cff;color:#fff;font-size:31px;font-weight:400;letter-spacing:5px;text-shadow:0 0 5px #fff,0 0 17px #ff315f}.cinematic-penalty-alert p{max-width:600px;margin:0;color:#d8c9dd;font-size:16px;line-height:1.6;letter-spacing:1px}.cinematic-penalty-alert span{color:#ad83ff;font-size:12px;letter-spacing:3px}.cinematic-penalty-quest{display:grid;justify-items:center;color:#eaf7fb;text-align:center}.cinematic-penalty-quest>small{color:#ff668f;font-size:11px;letter-spacing:4px;text-shadow:0 0 10px #ff315f}.cinematic-penalty-quest h2{margin:15px 0 9px;color:#fff;font-size:30px;font-weight:400;letter-spacing:4px;text-shadow:0 0 4px #fff,0 0 15px #853cff}.cinematic-penalty-quest>p{max-width:650px;margin:0 0 20px;color:#becfda;font-size:14px;line-height:1.55;letter-spacing:.5px}.cinematic-penalty-quest ol{width:620px;margin:0;padding:13px 18px;display:grid;gap:9px;border:1px solid #8f5aff77;background:#060a1db5;list-style:none;text-align:left}.cinematic-penalty-quest li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;color:#e8f5fa;font-size:15px;line-height:1.35}.cinematic-penalty-quest li i{display:grid;width:27px;height:27px;place-items:center;border:1px solid #ff5d87;color:#ff8eae;font-size:10px;font-style:normal;box-shadow:inset 0 0 8px #ff326033}.cinematic-penalty-quest li.complete{color:#7affd5}.cinematic-penalty-quest li.complete i{border-color:#57ffd0;color:#57ffd0;box-shadow:0 0 9px #31dba077}.cinematic-penalty-quest footer{margin-top:17px;display:flex;gap:12px;align-items:center;color:#ff668f;font-size:11px;letter-spacing:2px}.cinematic-penalty-quest footer b{color:#c68cff;letter-spacing:4px}.cinematic-penalty-quest footer em{color:#dffaff;font-style:normal}#stage[data-scene=penalty-cleared] .notification-header h1{color:#eafff7;border-color:#62ffd2;text-shadow:0 0 4px #fff,0 0 13px #35f5bd}.cinematic-penalty-cleared{display:grid;justify-items:center;gap:17px;color:#eafff7}.cinematic-penalty-cleared>span{display:grid;width:74px;height:74px;place-items:center;border:1px solid #61ffd1;color:#6affd5;font-size:40px;box-shadow:0 0 24px #38ecb077,inset 0 0 19px #38ecb033}.cinematic-penalty-cleared strong{font-size:29px;font-weight:400;letter-spacing:5px;text-shadow:0 0 5px #fff,0 0 15px #43f0bf}.cinematic-penalty-cleared p{font-size:15px;color:#bee1d8;letter-spacing:.5px}@media(max-width:700px)and (orientation:portrait){#stage[data-scene^=penalty-] .quest-copy{left:50%;top:425px;width:760px;transform:translate(-50%) skew(-1.2deg)}#stage[data-scene^=penalty-] .quest-check{left:50%;top:745px;transform:translate(-50%)}}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #notification{pointer-events:auto}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar,#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar{filter:drop-shadow(0 0 4px #a000ff) drop-shadow(0 0 10px #a000ff99)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar>g:first-child,#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar>g:first-child{stroke:#7a00d9}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar>g:nth-child(2),#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar>g:nth-child(2){stroke:#a000ff}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar>g:nth-child(2)>path{fill:url(#designation-upper-rail)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar>g:nth-child(2)>path{fill:url(#designation-lower-rail)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar>g:nth-child(3),#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar>g:nth-child(3){stroke:#b000f0}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #upper-bar>g:nth-child(4),#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #lower-bar>g:nth-child(4){stroke:url(#designation-rail-highlight)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #side-circuits{stroke:#542080;opacity:1;filter:blur(.35px) drop-shadow(0 0 2px #542080) drop-shadow(0 0 7px #542080)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) #currents{filter:brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(7314%) hue-rotate(290deg) brightness(112%) contrast(131%)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .notification-header{left:712px;gap:0}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .notification-header .notice-symbol{display:none}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .quest-copy{left:50%;top:390px;width:780px;display:flex;flex-direction:column;align-items:center;gap:12px;transform:translate(-50%) skew(-1.2deg)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-identity{display:grid;grid-template-columns:155px max-content;justify-content:center;gap:36px;align-items:center}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-level{display:flex;flex-direction:column;align-items:center;text-align:center}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-level strong{display:block;width:100%;color:#f3fdff;font-size:72px;line-height:.8;letter-spacing:0;text-align:center;text-shadow:0 0 4px #fff,0 0 14px #a9ecff,0 0 28px #58c7ed}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-level span{display:block;width:100%;margin-top:15px;color:#dcf5fa;font-size:18px;font-weight:400;letter-spacing:1px;text-align:center}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meta p{margin:0 0 18px;white-space:normal;font-size:17px;font-weight:400;letter-spacing:.2px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meta small{color:#bcefff;font-size:12px;font-weight:400;letter-spacing:.8px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-finance-value{display:inline-block;pointer-events:auto;cursor:text;touch-action:manipulation;border-bottom:1px dashed #71ddf788;color:#efffff;line-height:1.2;text-shadow:0 0 4px #bff8ff,0 0 11px #43c0e6;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-finance-value:hover,#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-finance-value:focus-visible{outline:none;border-color:#d9fbff;color:#fff;box-shadow:0 4px 8px -6px #6eeaff}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-finance-input{box-sizing:border-box;width:154px;height:31px;pointer-events:auto;padding:2px 7px;border:1px solid #8ff4ff;background:#031728;color:#f4ffff;font:400 16px/1 Arial,Helvetica,sans-serif;letter-spacing:.4px;text-align:right;box-shadow:inset 0 0 10px #1aa7d744,0 0 9px #4bddff88;outline:none}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-vitals{box-sizing:border-box;width:780px;height:110px;display:grid;grid-template-columns:1fr 1fr 172px;gap:28px;align-items:center;padding:16px 29px;border:1.3px solid #b2c7c17a;background:transparent;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-vital{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-width:0}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-vital-label{display:flex;flex-direction:column;align-items:center;gap:3px;color:#efffff;font-size:17px;font-weight:700;letter-spacing:.4px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-vital-label svg{width:37px;height:37px;fill:none;stroke:#efffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #c5faff) drop-shadow(0 0 9px #56d8fa)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-vital-label b{font-size:10px;letter-spacing:.6px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meter{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:8px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meter i{box-sizing:border-box;width:100%;height:16px;padding:3px;border:2px solid #d9fbff;border-radius:10px;background:#07182f;box-shadow:0 0 4px #d8fbff,0 0 10px #53d6f6,inset 0 0 5px #2a7dae}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meter em{display:block;width:100%;height:100%;border-radius:6px;background:linear-gradient(90deg,#e7fdff,#7fe9ff);box-shadow:0 0 7px #70dcff}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-meter small{color:#e8fbff;font-size:13px;font-weight:400;line-height:1;letter-spacing:.8px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-fatigue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#efffff}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-fatigue svg{width:43px;height:43px;fill:none;stroke:#dffcff;stroke-width:4;stroke-dasharray:6 4;filter:drop-shadow(0 0 3px #c5faff) drop-shadow(0 0 9px #56d8fa)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-fatigue b{font-size:14px;letter-spacing:.5px;white-space:nowrap}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-fatigue strong{font-size:22px;font-weight:400}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stats{box-sizing:border-box;width:780px;height:166px;display:grid;grid-template-columns:1fr 1fr;column-gap:92px;padding:16px 88px 14px;border:1.3px solid #b2c7c17a;background:transparent;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat-column{display:flex;min-width:0;flex-direction:column;justify-content:space-between}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat{display:grid;grid-template-columns:42px 62px 1fr;align-items:center;color:#efffff;font-size:22px;line-height:1}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat svg{width:32px;height:32px;fill:#efffff;stroke:#efffff;stroke-width:2;filter:drop-shadow(0 0 3px #c5faff) drop-shadow(0 0 9px #56d8fa)}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-agility path,#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-perception path{fill:#efffff;stroke:none}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-brain path{fill:#efffff;stroke:none}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-agility{width:36px;height:27px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-perception,#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat .status-icon-brain{width:37px;height:27px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat span{font-size:19px;font-weight:400;letter-spacing:.3px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-stat strong{font-size:28px;font-weight:400;letter-spacing:.5px}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-points{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:#efffff}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-points small{font-size:7px;line-height:1.2;letter-spacing:.6px;text-align:right}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .status-preview-points strong{font-size:40px;font-weight:400;line-height:1}#stage:is([data-scene=status-preview],[data-preview-scene=status-preview]) .quest-check{display:none}@keyframes designation-reject{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}#stage[data-scene=productivity] #productivity-app .ps-mobile{display:none!important}@media(max-width:900px){#stage[data-scene=productivity] #productivity-app .ps-mobile{display:grid!important}}@media(min-width:901px){#stage[data-scene=productivity] #productivity-app{overflow:hidden!important}#stage[data-scene=productivity] #productivity-app .ps-app{height:100svh;min-height:0;overflow:hidden}#stage[data-scene=productivity] #productivity-app .ps-app>aside,#stage[data-scene=productivity] #productivity-app .ps-app>main{height:calc(100svh - 56px);min-height:0}#stage[data-scene=productivity] #productivity-app .ps-app>main{overflow:auto}}

#productivity-app{position:absolute;inset:0;z-index:40;overflow:auto;background:#020b13;color:#dff9ff;font-family:Arial,Helvetica,sans-serif;isolation:isolate}#productivity-app::before,#productivity-app::after{content:"";position:fixed;z-index:0;left:8%;right:8%;height:14px;pointer-events:none;background:linear-gradient(90deg,#1246c8,#29d7f5 14%,#83f7ff 48%,#29d7f5 85%,#1246c8);box-shadow:0 0 9px #3adcfb,0 0 30px #1b68ff}#productivity-app::before{top:26px;clip-path:polygon(0 0,100% 0,98% 100%,3% 100%)}#productivity-app::after{bottom:26px;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}:where(#productivity-app) .ps-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:radial-gradient(ellipse at 50% 34%,#16456b88,transparent 55%),repeating-linear-gradient(0deg,#d9ffff0a 0 1px,transparent 1px 4px),repeating-linear-gradient(134deg,transparent 0 68px,#45c8e60b 69px 71px)}:where(#productivity-app) .ps-kicker{color:#5ee9ff;letter-spacing:4px}:where(#productivity-app) .ps-export{background:#0b6f96;border:1px solid #a8faff;color:#fff;padding:12px;cursor:pointer;letter-spacing:1px;box-shadow:0 0 14px #26ccec66}:where(#productivity-app) .ps-app{position:relative;z-index:1;min-height:100%;display:grid;grid-template-columns:278px minmax(0,1fr);padding:55px 8%}:where(#productivity-app) .ps-app aside{margin-right:25px;padding:36px 22px;border:1px solid #54d8f477;background:linear-gradient(155deg,#08243ac9,#020b14e8);box-shadow:inset 0 0 36px #238db324,0 0 24px #137cb62b;clip-path:polygon(0 0,100% 1.5%,97% 100%,3% 98%)}:where(#productivity-app) .ps-brand{font-size:25px;letter-spacing:4px;margin-bottom:50px;text-shadow:0 0 15px #4ddcf6}:where(#productivity-app) .ps-brand b{color:#4de3f8}:where(#productivity-app) .ps-app nav{display:grid;gap:8px}:where(#productivity-app) .ps-app nav button{background:transparent;border:0;border-left:2px solid transparent;color:#9cc8d3;text-align:left;padding:14px;cursor:pointer}:where(#productivity-app) .ps-app nav button.active{border-color:#55e9ff;color:#fff;background:#38c5ea18;box-shadow:inset 8px 0 16px #1fc9ef18}:where(#productivity-app) .ps-export{margin-top:40px;width:100%;font-size:11px}:where(#productivity-app) .ps-app main{min-width:0;padding:28px 48px;border:1px solid #54d8f477;background:linear-gradient(150deg,#071d30d8,#020b14ec);box-shadow:inset 0 0 48px #1d82ac22,0 0 30px #0879b32a;clip-path:polygon(1.5% 0,100% 0,98.5% 100%,0 100%)}:where(#productivity-app) .ps-app header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #61d9ec70;padding:12px 8px 22px}:where(#productivity-app) .ps-app h1{font-size:38px;font-weight:400;margin:8px 0;text-shadow:0 0 14px #4dddf8}:where(#productivity-app) .empty{color:#7fa8b4}:where(#productivity-app) .ps-mobile{display:none}@media(max-width:700px){#productivity-app::before{top:10px;left:4%;right:4%}#productivity-app::after{bottom:60px;left:4%;right:4%}:where(#productivity-app) .ps-app{display:block;padding:35px 12px 82px}:where(#productivity-app) .ps-app aside{display:none}:where(#productivity-app) .ps-app main{padding:22px 14px;clip-path:none}:where(#productivity-app) .ps-mobile{position:fixed;display:grid!important;grid-template-columns:repeat(5,1fr)!important;bottom:0;left:0;right:0;background:#061321f5;border-top:1px solid #4ac9e655;padding:6px!important;z-index:5}:where(#productivity-app) .ps-mobile button{font-size:10px;text-transform:capitalize;padding:10px 2px!important;text-align:center!important}:where(#productivity-app) .ps-app h1{font-size:26px}}

/* Second-pass component rules: keep the productivity system in the same luminous window language. */
#productivity-app .ps-app main{min-height:calc(100vh - 110px)}
#productivity-app h1{max-width:min(720px,58vw);font-size:clamp(28px,3vw,48px);overflow:visible;text-wrap:balance;letter-spacing:.02em}
:where(#productivity-app) .ps-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:where(#productivity-app) .ps-actions button{min-height:44px;padding:10px 13px;border:1px solid #8df4ff;background:#062d45;color:#e9fdff;box-shadow:inset 0 0 13px #25bee52e,0 0 11px #21aada44;cursor:pointer;font-size:12px;letter-spacing:1.2px}:where(#productivity-app) .ps-actions button:hover{background:#0b6380}:where(#productivity-app) .ps-actions button:nth-child(2){border-color:#6ed7ff}:where(#productivity-app) .ps-actions button:nth-child(3){border-color:#9af8d7}
#ps-status{min-height:24px;margin:12px 0;color:#7ff4ff;font-size:14px;letter-spacing:.6px}:where(#productivity-app) .ps-dashboard-habits h3{margin:0 0 12px;color:#aef8ff;font-size:13px;letter-spacing:2px}:where(#productivity-app) .ps-dashboard-habits{margin-top:20px;border:1px solid #3cc4e570;background:#061421bb;padding:20px}:where(#productivity-app) .goal-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}:where(#productivity-app) .check{width:23px;height:23px;border:1px solid #62e9fa;background:#061a28;color:#03131d;cursor:pointer}:where(#productivity-app) .priority{font-size:11px;text-transform:uppercase;color:#77c9db}:where(#productivity-app) .modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);z-index:10}:where(#productivity-app) .modal-card{position:fixed;z-index:11;top:50%;left:50%;width:min(550px,calc(100vw - 32px));max-height:88vh;overflow:auto;transform:translate(-50%,-50%);padding:25px;border:1px solid #72e9fa;background:linear-gradient(145deg,#082a41,#020d18);box-shadow:0 0 0 3px #19698955,0 0 45px #21a7dc88}:where(#productivity-app) .modal-card header,:where(#productivity-app) .modal-card footer{display:flex;justify-content:space-between;align-items:center}:where(#productivity-app) .modal-card header span{letter-spacing:2px;color:#8ff6ff}:where(#productivity-app) .modal-card label{display:grid;gap:6px;margin-top:14px;color:#9bdbe7;font-size:13px}:where(#productivity-app) .modal-card input,:where(#productivity-app) .modal-card textarea,:where(#productivity-app) .modal-card select{width:100%;border:1px solid #3cbedb;background:#031522;color:#e6fbff;padding:11px;font:15px Arial}:where(#productivity-app) .modal-card textarea{min-height:76px;resize:vertical}:where(#productivity-app) .modal-card footer{margin-top:22px}:where(#productivity-app) .modal-card button{border:1px solid #70eafa;background:#073753;color:#e8fcff;padding:10px 14px;cursor:pointer}:where(#productivity-app) .empty{padding:14px 0;font-size:14px}
@media(max-width:700px){#productivity-app .ps-app main{min-height:calc(100vh - 116px)}#productivity-app h1{max-width:none;font-size:clamp(24px,7vw,32px);line-height:1.12}:where(#productivity-app) .ps-app header{align-items:flex-start;gap:14px;flex-direction:column}:where(#productivity-app) .ps-actions{width:100%;justify-content:stretch}:where(#productivity-app) .ps-actions button{flex:1;min-height:48px;padding:8px 5px;font-size:10px}:where(#productivity-app) .goal-wall{grid-template-columns:1fr}:where(#productivity-app) .modal-card{padding:18px}}

/* Full-viewport post-awakening shell. The cinematic remains on its authored 1920×1080 stage. */
#stage[data-scene="productivity"]{inset:0!important;width:100vw!important;height:100svh!important;transform:none!important;overflow:hidden;background:#020b13}
#stage[data-scene="productivity"] #background{width:100%;height:100%;opacity:.9;filter:saturate(1.15) brightness(.72)}
#stage[data-scene="productivity"] #productivity-app{position:absolute;inset:0;overflow:auto;background:radial-gradient(ellipse at 50% 12%,#0d3c5f82,transparent 46%),linear-gradient(125deg,#01070e,#031424 55%,#01070e)}
#productivity-app button{position:static!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:none!important;font-family:Arial,Helvetica,sans-serif!important;text-shadow:none!important;line-height:1.1!important}
#productivity-app h1{width:auto!important;height:auto!important;display:block!important;padding:0!important;margin:7px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#productivity-app::before,#productivity-app::after{left:3.5%;right:3.5%;height:18px;z-index:4}
#productivity-app::before{top:18px}#productivity-app::after{bottom:18px}
#productivity-app .ps-noise{opacity:.36;background:radial-gradient(ellipse at 50% 35%,#164b7688,transparent 58%),repeating-linear-gradient(0deg,#d9ffff0d 0 1px,transparent 1px 4px),repeating-linear-gradient(134deg,transparent 0 68px,#45c8e611 69px 71px)}
#productivity-app .ps-app{box-sizing:border-box;display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;min-height:100svh;padding:62px clamp(28px,5vw,104px);max-width:1900px;margin:auto}
#productivity-app .ps-app aside,#productivity-app .ps-app main{clip-path:polygon(1.2% 0,100% 1.1%,98.7% 100%,0 98.8%);border-color:#5ae8ff9c;background:linear-gradient(145deg,#082b43e8,#020b16f2 62%);box-shadow:inset 0 0 0 1px #159fc42b,inset 0 0 48px #1487af2d,0 0 28px #0b79b341}
#productivity-app .ps-app aside{margin:0;padding:34px 22px 28px;min-height:calc(100svh - 124px);display:flex;flex-direction:column}
#productivity-app .ps-brand{margin:7px 10px 44px;font-size:27px;line-height:.92;letter-spacing:5px;color:#f0feff}
#productivity-app .ps-app nav{gap:5px}#productivity-app .ps-app nav button{min-height:50px;padding:14px 16px;border-left-width:3px;font-size:14px;letter-spacing:1.7px;text-transform:uppercase;transition:background .2s,color .2s,box-shadow .2s}
#productivity-app .ps-app nav button:hover,#productivity-app .ps-app nav button.active{color:#f4feff;background:linear-gradient(90deg,#139ab636,transparent);box-shadow:inset 12px 0 22px #1fc9ef1f}
#productivity-app .ps-export{margin-top:auto;min-height:48px;font-size:12px;letter-spacing:1.4px;background:#073c59}
#productivity-app .ps-app main{padding:clamp(28px,4vw,58px);min-height:calc(100svh - 124px)}
#productivity-app .ps-app header{gap:26px;padding:3px 2px 26px;border-bottom-color:#62e8ff9b}
#productivity-app #ps-kicker{font-size:12px;letter-spacing:3.3px;color:#75efff}
#productivity-app h1{max-width:min(820px,58vw);font-size:clamp(32px,3.15vw,54px);line-height:1.08;letter-spacing:.025em;color:#f0fdff;text-shadow:0 0 7px #a6faff,0 0 26px #3abce7;white-space:normal;overflow:visible}
#productivity-app .ps-actions{gap:10px}#productivity-app .ps-actions button{min-height:48px;padding:12px 15px;font-size:12px;font-weight:700;letter-spacing:1.35px}
#productivity-app #ps-status{font-size:15px;min-height:28px;margin:15px 0;color:#9df8ff}#productivity-app .empty{font-size:15px;line-height:1.5;color:#9bc4d1}
@media(max-width:780px){#productivity-app::before{top:9px;left:3%;right:3%;height:12px}#productivity-app::after{bottom:57px;left:3%;right:3%;height:12px}#productivity-app .ps-app{display:block;padding:34px 12px 84px}#productivity-app .ps-app aside{display:none}#productivity-app .ps-app main{min-height:calc(100svh - 118px);padding:22px 16px 34px;clip-path:polygon(1% 0,100% .7%,99% 100%,0 99.3%)}#productivity-app .ps-app header{align-items:stretch;flex-direction:column;gap:18px}#productivity-app h1{max-width:none;font-size:clamp(28px,8.2vw,38px)}#productivity-app .ps-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}#productivity-app .ps-actions button{min-height:48px;padding:8px 4px;font-size:10px;letter-spacing:.8px}#productivity-app .goal-wall{grid-template-columns:1fr}#productivity-app .ps-mobile{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;left:0;right:0;bottom:0;padding:5px!important;background:#041523fa;border-top:1px solid #59e6ff9c;box-shadow:0 -5px 24px #0d83b745;z-index:8}#productivity-app .ps-mobile button{min-height:49px!important;padding:5px 1px!important;font-size:9px!important;letter-spacing:0!important;text-align:center!important}:where(#productivity-app) .modal-card{width:calc(100vw - 24px)!important;padding:19px!important}}
@media(prefers-reduced-motion:reduce){#productivity-app *,#productivity-app::before,#productivity-app::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#productivity-app .ps-account{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.12em;color:#a9f8ff;border:1px solid rgba(98,231,255,.6);background:rgba(3,31,52,.72);padding:10px 12px;box-shadow:0 0 18px rgba(0,211,255,.25);text-transform:uppercase}
#productivity-app .ps-account[data-state="offline"]{color:#82a7b8;border-color:rgba(102,165,190,.35)}
#productivity-app .ps-auth-note{font:500 12px/1.55 Arial,sans-serif;letter-spacing:.04em;color:#c9f8ff;margin:0 0 18px}
#productivity-app .ps-auth-note strong{color:#fff}
#productivity-app .ps-auth-email{display:grid;gap:9px;margin:20px 0}
#productivity-app .ps-auth-email input{min-height:46px;padding:0 13px;background:rgba(4,18,32,.9);border:1px solid #44dfff;color:#fff;font:500 15px Arial,sans-serif}
#productivity-app .ps-auth-email button{min-height:46px}
#productivity-app .ps-auth-password{display:grid;gap:9px;margin:14px 0 20px;color:#bcefff;font-size:10px;letter-spacing:1.5px}
#productivity-app .ps-auth-password input{min-height:46px;padding:0 13px;background:rgba(4,18,32,.9);border:1px solid #44dfff;color:#fff;font:500 15px Arial,sans-serif}
#productivity-app .ps-auth-mode{display:flex;gap:8px;margin:18px 0 0}
#productivity-app .ps-auth-mode button{flex:1;min-height:38px!important;border:1px solid #277f9b!important;background:#071c2c!important;color:#a6dce8!important;font-size:9px!important;letter-spacing:1px!important}
#productivity-app .ps-auth-mode button.active{border-color:#67edff!important;background:#0c5373!important;color:#f0feff!important;box-shadow:0 0 12px #31d4ef55}
#productivity-app .ps-auth-submit{width:100%;min-height:46px!important}
#productivity-app .account-settings hr{border:0;border-top:1px solid rgba(68,223,255,.3);margin:22px 0}
#productivity-app .account-settings .ps-auth-password{margin:12px 0}
#productivity-app #account-form .form-error{font:500 13px/1.5 Arial,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
#productivity-app #account-form .form-error[data-tone="info"],#productivity-app #account-form .form-error[data-tone="success"]{color:#bcefff!important}
@media(max-width:780px){#productivity-app .ps-account{font-size:8px;padding:8px}:where(#productivity-app) .ps-actions .ps-account{display:none}}

#productivity-app .calendar-sync-dialog{width:min(680px,calc(100vw - 32px));max-height:min(820px,calc(100svh - 28px));overflow:auto}
#productivity-app .calendar-sync-state{margin:16px 0;padding:15px;border:1px solid rgba(80,219,244,.48);background:rgba(3,24,39,.72)}
#productivity-app .calendar-sync-state b{display:block;color:#dffcff;font-size:11px;letter-spacing:1.7px}
#productivity-app .calendar-sync-state small{display:block;margin-top:7px;color:#8fe8f6;font-size:11px;overflow-wrap:anywhere}
#productivity-app .calendar-sync-state p{margin:9px 0 0;color:#aad7df;font-size:11px;line-height:1.5}
#productivity-app .calendar-credentials{margin:16px 0;padding:16px;border:1px solid #59e8ff;background:rgba(3,27,44,.88);box-shadow:inset 0 0 22px rgba(46,204,236,.12),0 0 14px rgba(37,198,232,.18)}
#productivity-app .calendar-credentials>strong{display:block;color:#f5fdff;font-size:12px;letter-spacing:1.8px}
#productivity-app .calendar-credentials>p{margin:7px 0 15px;color:#aee9f3;font-size:11px}
#productivity-app .calendar-credentials label{display:grid;gap:6px;margin:11px 0;color:#8de8f7;font-size:8px;letter-spacing:1.5px}
#productivity-app .calendar-credentials label>div{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:7px}
#productivity-app .calendar-credentials input{min-width:0;min-height:42px;padding:0 11px;border:1px solid rgba(80,216,241,.65);background:#020f1b;color:#eaffff;font:500 12px/1.2 Arial,sans-serif}
#productivity-app .calendar-credentials button{min-height:42px!important;font-size:8px!important}
#productivity-app .calendar-password-once{margin:16px 0;padding:16px;border:1px solid #ffca72;background:rgba(55,31,8,.78);box-shadow:inset 0 0 22px rgba(255,183,61,.1)}
#productivity-app .calendar-password-once>strong{display:block;color:#fff1cc;font-size:12px;letter-spacing:1.8px}
#productivity-app .calendar-password-once>p{margin:7px 0 15px;color:#ffd995;font-size:11px}
#productivity-app .calendar-password-once label{display:grid;gap:6px;color:#ffe2a8;font-size:8px;letter-spacing:1.5px}
#productivity-app .calendar-password-once label>div{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:7px}
#productivity-app .calendar-password-once input{min-width:0;min-height:42px;padding:0 11px;border:1px solid rgba(255,202,114,.75);background:#160d04;color:#fff8e8;font:500 12px/1.2 Arial,sans-serif}
#productivity-app .calendar-password-once button{min-height:42px!important;font-size:8px!important}
#productivity-app .calendar-advanced-values{margin-top:16px;padding-top:5px;border-top:1px solid rgba(80,216,241,.3)}
#productivity-app .calendar-advanced-values>p{margin:9px 0 0;color:#bfeaf1;font:500 11px/1.5 Arial,sans-serif}
#productivity-app .calendar-setup-steps{margin:18px 0;padding-left:22px;color:#bfeaf1;font:500 11px/1.65 Arial,sans-serif}
#productivity-app .calendar-setup-steps li{margin:6px 0;padding-left:5px}
#productivity-app .calendar-setup-steps b{color:#f0fdff}
#productivity-app .calendar-sync-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin-top:18px!important}
#productivity-app .calendar-sync-actions button{min-height:44px!important}
#productivity-app .calendar-export-fallback{margin-left:8px;background:transparent!important;color:#9dd8e3!important;border-color:#277f9b!important}
#productivity-app .calendar-connection-status{display:grid;grid-template-columns:12px minmax(0,1fr);gap:11px;align-items:start;margin:15px 0;padding:13px 14px;border:1px solid rgba(103,176,196,.42);background:rgba(3,20,32,.72);box-shadow:inset 0 0 18px rgba(32,149,180,.1)}
#productivity-app .calendar-connection-status>i{width:9px;height:9px;margin-top:3px;border-radius:50%;background:#71838d;box-shadow:0 0 9px currentColor}
#productivity-app .calendar-connection-status small{display:block;color:#7fb8c6;font-size:7px;letter-spacing:1.6px}
#productivity-app .calendar-connection-status strong{display:block;margin-top:5px;color:#c9e8ee;font-size:12px;letter-spacing:1.7px}
#productivity-app .calendar-connection-status p{margin:6px 0 0!important;color:#8fbac4!important;font-size:9px!important;line-height:1.45}
#productivity-app .calendar-connection-status[data-state="connected"]{border-color:rgba(89,255,184,.65);background:rgba(4,39,35,.72);box-shadow:inset 0 0 20px rgba(47,238,166,.12),0 0 12px rgba(47,238,166,.1)}
#productivity-app .calendar-connection-status[data-state="connected"]>i{background:#54f2ae;color:#54f2ae}
#productivity-app .calendar-connection-status[data-state="connected"] strong{color:#9effcf}
#productivity-app .calendar-connection-status[data-state="ready"]{border-color:rgba(255,201,91,.58);background:rgba(42,31,8,.67)}
#productivity-app .calendar-connection-status[data-state="ready"]>i{background:#ffd066;color:#ffd066}
#productivity-app .calendar-connection-status[data-state="ready"] strong{color:#ffe1a0}
#productivity-app .calendar-connection-status[data-state="stale"],#productivity-app .calendar-connection-status[data-state="disconnected"],#productivity-app .calendar-connection-status[data-state="unavailable"]{border-color:rgba(255,111,137,.45);background:rgba(43,11,22,.55)}
#productivity-app .calendar-connection-status[data-state="stale"]>i,#productivity-app .calendar-connection-status[data-state="disconnected"]>i,#productivity-app .calendar-connection-status[data-state="unavailable"]>i{background:#ff7893;color:#ff7893}
#productivity-app .calendar-connection-status[data-state="stale"] strong,#productivity-app .calendar-connection-status[data-state="disconnected"] strong,#productivity-app .calendar-connection-status[data-state="unavailable"] strong{color:#ffafbd}
#productivity-app .calendar-connection-status[data-state="checking"]>i{background:#62e9ff;color:#62e9ff;animation:calendar-status-pulse 1.1s ease-in-out infinite}
@keyframes calendar-status-pulse{50%{opacity:.25;transform:scale(.7)}}
@media(max-width:620px){#productivity-app .calendar-sync-dialog{width:calc(100vw - 18px)!important;max-height:calc(100svh - 18px)!important;padding:15px!important}#productivity-app .calendar-credentials,#productivity-app .calendar-password-once{padding:12px}#productivity-app .calendar-credentials label>div,#productivity-app .calendar-password-once label>div{grid-template-columns:1fr}#productivity-app .calendar-sync-actions{grid-template-columns:1fr}#productivity-app .calendar-export-fallback{margin:8px 0 0}}

/* System Awakening command deck: code-built, responsive, no image assets. */
/* App-owned control baseline; cinematic geometry never applies here. */
:where(#productivity-app) button{border:1.3px solid #b2c7c17a;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44;background:#010b1245;color:#e2f5f3;font-weight:400;letter-spacing:.7px;cursor:pointer}
#productivity-app button:focus-visible{outline:1px solid #ccecf0;outline-offset:3px}
#productivity-app .quest-copy{position:static;transform:none}
#productivity-app #account-form .form-error{white-space:normal;font-size:13px!important;line-height:1.5;letter-spacing:.02em}
#productivity-app #ps-status:not(:empty){display:block!important}
#productivity-app .ps-app-icon{width:42px;height:42px;flex:0 0 42px;border:1px solid #62eaff;border-radius:10px;object-fit:cover;box-shadow:0 0 15px #2787ff99}
#productivity-app .ps-app{grid-template-columns:230px minmax(0,1fr);gap:15px;padding:40px clamp(20px,4vw,70px);max-width:1700px}#productivity-app .ps-app aside,#productivity-app .ps-app main{border:1px solid #48c9f0b8;background:linear-gradient(145deg,#061d2ddd,#020b15ed);box-shadow:inset 0 0 40px #1da5cd22,0 0 20px #168fc344}#productivity-app .ps-app aside{display:flex;min-height:calc(100svh - 80px);margin:0;padding:25px 14px;flex-direction:column}:where(#productivity-app) .ps-brand{display:flex;gap:10px;align-items:start;margin:3px 10px 31px!important;color:#e6fcff;font-size:18px!important;line-height:1!important;letter-spacing:4px!important}:where(#productivity-app) .ps-brand>b{color:#68eaff;font-size:40px;text-shadow:0 0 19px #5ce7ff}:where(#productivity-app) .ps-brand strong{color:#70e9ff;font-size:11px;letter-spacing:2px}:where(#productivity-app) .ps-brand small{display:block;margin-top:8px;color:#8bc8d7;font-size:7px;letter-spacing:1.4px;white-space:nowrap}:where(#productivity-app) .ps-side-quote{margin:auto 12px 21px;color:#75b1c0;font-size:9px;letter-spacing:2px;line-height:1.55}:where(#productivity-app) .ps-export{margin:0!important;min-height:40px!important;border:1px solid #42d4f2!important;background:#073149!important;color:#c4f8ff!important;font-size:9px!important}:where(#productivity-app) .ps-header{display:grid!important;grid-template-columns:minmax(0,1fr) 130px auto;gap:14px;align-items:start!important;padding:2px 0 16px!important}:where(#productivity-app) .ps-header h1{margin:7px 0 4px!important;font-size:clamp(24px,2.8vw,40px)!important;letter-spacing:2px!important}:where(#productivity-app) .ps-header #ps-kicker{font-size:9px!important;letter-spacing:3px!important}:where(#productivity-app) .ps-header #ps-subtitle{margin:0;color:#7cbed0;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}:where(#productivity-app) .ps-clock{padding:5px 9px;border-left:1px solid #3cbce488;color:#93e2f1;text-align:right}:where(#productivity-app) .ps-clock small{font-size:8px;letter-spacing:1px}:where(#productivity-app) .ps-clock b{display:block;margin-top:5px;color:#92edff;font-size:21px;font-weight:400}:where(#productivity-app) .ps-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}:where(#productivity-app) .ps-actions button{min-height:35px!important;padding:8px!important;border:1px solid #2f9fc3!important;background:#07334c!important;color:#c0f9ff!important;font-size:8px!important;letter-spacing:1px!important}#productivity-app #ps-status{min-height:16px;margin:6px 0;color:#9dfaff;font-size:11px}:where(#productivity-app) .command-hero{display:flex;justify-content:space-between;padding:16px 18px;border-top:1px solid #39bde477;border-bottom:1px solid #39bde455;background:linear-gradient(100deg,#08283ec9,transparent)}:where(#productivity-app) .command-hero span{color:#c2fbff;font-size:16px;letter-spacing:2px}:where(#productivity-app) .command-hero p{margin:6px 0 0;color:#7ac1d2;font-size:8px;letter-spacing:2px;text-transform:uppercase}:where(#productivity-app) .command-hero aside{color:#71bdd0;font-size:8px;line-height:1.8;letter-spacing:1.8px;text-align:right}:where(#productivity-app) .dashboard-grid-command{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}:where(#productivity-app) .dashboard-grid-command>div:nth-child(3){grid-column:1}:where(#productivity-app) .dashboard-grid-command>div:nth-child(4),:where(#productivity-app) .dashboard-grid-command>div:nth-child(5){grid-column:2;width:calc(50% - 8px);display:inline-block;vertical-align:top;min-height:220px}:where(#productivity-app) .dashboard-grid-command>div:nth-child(5){margin-left:12px}:where(#productivity-app) .command-panel{position:relative;box-sizing:border-box;height:100%;padding:14px;border:1px solid #33c0e5a6;background:linear-gradient(145deg,#062139e8,#03121edb);box-shadow:inset 0 0 26px #178db429,0 0 11px #2cb9dc30}:where(#productivity-app) .command-panel>header{min-height:23px;border-bottom:1px solid #31abc55c}:where(#productivity-app) .command-panel h2{margin:0;color:#d4fbff;font-size:11px;letter-spacing:1.7px}:where(#productivity-app) .command-panel h2 em{float:right;color:#66eafb;font-style:normal}:where(#productivity-app) .ps-empty{color:#7fb1bf;font-size:11px}:where(#productivity-app) .quest-row{display:grid;grid-template-columns:24px minmax(0,1fr) 72px;gap:8px;align-items:center;min-height:39px;border-bottom:1px solid #2e81964d}:where(#productivity-app) .check{width:19px!important;height:19px!important;padding:0!important;border:1px solid #66eaff!important;background:#061928!important;color:#06131d!important}:where(#productivity-app) .complete .check{background:#6cefff!important;box-shadow:0 0 10px #55eaff}:where(#productivity-app) .quest-row.complete{opacity:.6}:where(#productivity-app) .quest-row b{display:block;color:#e5fdff;font-size:11px;font-weight:400}:where(#productivity-app) .quest-row small{display:block;margin-top:3px;color:#75b8c8;font-size:7px}:where(#productivity-app) .quest-row time{color:#8ad8ea;font-size:9px;text-align:right}:where(#productivity-app) .panel-action{width:100%;min-height:34px!important;margin-top:10px!important;border:1px solid #62eaff!important;background:linear-gradient(90deg,#0d70c4,#167bdd)!important;color:#fff!important;font-size:9px!important;letter-spacing:1px!important}:where(#productivity-app) .goal-row{display:grid;grid-template-columns:30px minmax(0,1fr) 47px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #2e81964d}:where(#productivity-app) .goal-row>i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #2096b8;border-radius:50%;color:#65ebff;font-style:normal}:where(#productivity-app) .goal-row b{display:block;color:#e9fdff;font-size:11px;font-weight:400}:where(#productivity-app) .goal-row small{display:block;margin:3px 0;color:#71b7c8;font-size:7px}:where(#productivity-app) .goal-row span{display:block;height:4px;background:#092b3e}:where(#productivity-app) .goal-row span em{display:block;height:100%;background:#46e5ff;box-shadow:0 0 8px #3fe0ff}:where(#productivity-app) .progress-orb{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle,#072037 58%,transparent 60%),conic-gradient(#52e9ff var(--p),#10354b 0);color:#d5fbff;font-size:8px}:where(#productivity-app) .habit-orbits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:13px}:where(#productivity-app) .habit-card{min-width:0;border:1px solid #1d7892!important;background:#061a2a!important;color:#d6fbff!important;padding:8px 2px!important}:where(#productivity-app) .habit-card i{display:grid;place-items:center;width:38px;height:38px;margin:auto;border:1px solid #3ac8ea;border-radius:50%;color:#63eaff;font-size:17px;font-style:normal}:where(#productivity-app) .habit-card b{display:block;overflow:hidden;margin-top:6px;font-size:7px;text-overflow:ellipsis;white-space:nowrap}:where(#productivity-app) .habit-card strong{display:block;margin-top:4px;color:#69eaff;font-size:18px;font-weight:400}:where(#productivity-app) .habit-card small{color:#79b6c5;font-size:6px}:where(#productivity-app) .deadline-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;align-items:center;padding:8px 0;border-bottom:1px solid #2e81964d}:where(#productivity-app) .deadline-row i{color:#70eafb;font-style:normal}:where(#productivity-app) .deadline-row b{display:block;font-size:9px;font-weight:400}:where(#productivity-app) .deadline-row small{color:#78b8c8;font-size:7px}:where(#productivity-app) .deadline-row em{color:#ffb16d;font-size:8px;font-style:normal}:where(#productivity-app) .week-days{display:grid;grid-template-columns:repeat(7,1fr);margin:10px 0}:where(#productivity-app) .week-days span{padding:4px 0;text-align:center}:where(#productivity-app) .week-days small{display:block;color:#7dbdcd;font-size:7px}:where(#productivity-app) .week-days b{font-size:10px;font-weight:400}:where(#productivity-app) .week-days .today{border:1px solid #51eaff;background:#0a4b68}:where(#productivity-app) .week-agenda p{display:grid;grid-template-columns:55px 7px 1fr;gap:4px;margin:0;padding:6px 0;border-top:1px solid #2e81964d;color:#c6f8ff;font-size:8px}:where(#productivity-app) .week-agenda time{color:#7ac4d5}:where(#productivity-app) .week-agenda i{width:5px;height:5px;margin-top:3px;border-radius:50%;background:#57eaff}:where(#productivity-app) .command-footer{display:flex;justify-content:space-between;margin:14px 3px;color:#65bbcd;font-size:8px;letter-spacing:1.2px}:where(#productivity-app) .view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 15px;padding:15px;border:1px solid #2eb5d788;background:#061b2bd9}:where(#productivity-app) .view-toolbar b{color:#d9fcff;letter-spacing:2px}:where(#productivity-app) .view-toolbar p{margin:5px 0;color:#7bb9c8;font-size:12px}:where(#productivity-app) .view-toolbar button,:where(#productivity-app) .calendar-panel header button{min-height:37px!important;border:1px solid #5aeaff!important;background:#0a5a89!important;color:#fff!important;font-size:9px!important}:where(#productivity-app) .goal-wall,:where(#productivity-app) .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where(#productivity-app) .full-goal,:where(#productivity-app) .list-panel,:where(#productivity-app) .habit-list-large,:where(#productivity-app) .calendar-panel,:where(#productivity-app) .settings-grid article{border:1px solid #2db9dd95;background:#061a2cd9;box-shadow:inset 0 0 25px #168db31f}:where(#productivity-app) .full-goal{padding:18px}:where(#productivity-app) .full-goal>span,:where(#productivity-app) .settings-grid article>span{color:#65e8ff;font-size:8px;letter-spacing:2px}:where(#productivity-app) .full-goal h2{margin:8px 0;color:#e6fdff;font-size:19px}:where(#productivity-app) .full-goal p{color:#afd7e1;font-size:12px}:where(#productivity-app) .full-goal small{color:#7bbdcd;font-size:10px}:where(#productivity-app) .full-goal>div{height:5px;margin:16px 0 6px;background:#0a3a50}:where(#productivity-app) .full-goal>div i{display:block;height:100%;background:#4ce7ff}:where(#productivity-app) .full-goal>b{color:#68eafa;font-size:9px}:where(#productivity-app) .full-goal footer,:where(#productivity-app) .habit-large footer{display:flex;gap:10px;margin-top:14px}:where(#productivity-app) .full-goal footer button,:where(#productivity-app) .habit-large footer button{border:0!important;border-bottom:1px solid #58e8ff!important;background:transparent!important;color:#a3effa!important;padding:2px!important;font-size:8px!important}:where(#productivity-app) .list-panel{padding:15px}:where(#productivity-app) .list-panel h2{color:#c2f9ff;font-size:11px;letter-spacing:2px}:where(#productivity-app) .habit-list-large{padding:10px}:where(#productivity-app) .habit-large{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #2e81964d}:where(#productivity-app) .habit-large>button{width:41px!important;height:41px!important;border:1px solid #3fe0fa!important;border-radius:50%!important;background:#06233a!important;color:#68edff!important}:where(#productivity-app) .habit-large b{display:block;color:#e5fdff;font-size:14px}:where(#productivity-app) .habit-large small{display:block;color:#80bccb;font-size:9px}:where(#productivity-app) .habit-large>strong{color:#6feaff;font-size:24px;font-weight:400;text-align:center}:where(#productivity-app) .calendar-panel{padding:17px}:where(#productivity-app) .calendar-panel header{display:flex;justify-content:space-between;align-items:center}:where(#productivity-app) .calendar-panel header span{color:#65e8ff;font-size:8px;letter-spacing:2px}:where(#productivity-app) .calendar-panel h2{margin:6px 0;color:#e6fdff;font-size:25px}:where(#productivity-app) .calendar-weekdays,:where(#productivity-app) .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}:where(#productivity-app) .calendar-weekdays{margin-top:17px;color:#70bbcb;font-size:8px;text-align:center}:where(#productivity-app) .calendar-days{margin-top:5px}:where(#productivity-app) .calendar-day{min-height:75px!important;align-items:flex-start!important;justify-content:flex-start!important;flex-direction:column;border:1px solid #28748b!important;background:#051827!important;color:#d9faff!important;padding:7px!important}:where(#productivity-app) .calendar-day span{max-width:100%;overflow:hidden;margin-top:3px;color:#9bf1ff;font-size:7px;text-overflow:ellipsis;white-space:nowrap}:where(#productivity-app) .calendar-day.today{background:#0c4560!important;box-shadow:inset 0 0 18px #41dff444}:where(#productivity-app) .settings-grid article{padding:17px}:where(#productivity-app) .settings-grid p{color:#add5df;font-size:12px}:where(#productivity-app) .settings-grid label{display:grid;gap:7px;margin:15px 0;color:#a4dae5;font-size:10px}:where(#productivity-app) .settings-grid input{border:1px solid #3cbada;background:#031624;color:white;padding:9px}:where(#productivity-app) .settings-grid button{border:1px solid #55e7ff;background:#073955;color:white;padding:9px}
@media(max-width:800px){#productivity-app .ps-app{grid-template-columns:180px minmax(0,1fr);padding:25px 14px}:where(#productivity-app) .ps-header{grid-template-columns:1fr!important}:where(#productivity-app) .ps-clock{display:none}:where(#productivity-app) .ps-actions{justify-content:flex-start}:where(#productivity-app) .dashboard-grid-command>div:nth-child(4),:where(#productivity-app) .dashboard-grid-command>div:nth-child(5){width:100%;margin:10px 0 0}:where(#productivity-app) .goal-wall,:where(#productivity-app) .settings-grid{grid-template-columns:1fr}}@media(max-width:700px){#productivity-app .ps-app{display:block;padding:24px 10px 74px}#productivity-app .ps-app aside{display:none}#productivity-app .ps-app main{padding:15px 12px}:where(#productivity-app) .ps-header h1{font-size:23px!important}:where(#productivity-app) .ps-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px}:where(#productivity-app) .ps-actions button{min-height:40px!important;font-size:8px!important}:where(#productivity-app) .ps-actions .ps-account{display:none!important}:where(#productivity-app) .command-hero{display:block;padding:13px}:where(#productivity-app) .command-hero span{font-size:13px}:where(#productivity-app) .command-hero aside,:where(#productivity-app) .command-footer{display:none}:where(#productivity-app) .dashboard-grid-command{display:block}:where(#productivity-app) .dashboard-grid-command>div{width:100%!important;margin:0 0 10px!important}:where(#productivity-app) .ps-mobile{position:fixed;display:grid!important;grid-template-columns:repeat(5,1fr)!important;left:0;right:0;bottom:0;z-index:20;gap:0!important;padding:4px!important;border-top:1px solid #4cdcf6!important;background:#031624fa!important}:where(#productivity-app) .ps-mobile button{min-height:48px!important;flex-direction:column!important;gap:2px!important;border:0!important;background:transparent!important;color:#9ae0ed!important;padding:4px!important;font-size:7px!important}:where(#productivity-app) .ps-mobile button i{font-size:15px;font-style:normal}:where(#productivity-app) .ps-mobile button.active{color:#fff!important;background:#0d4e69!important}:where(#productivity-app) .calendar-panel{padding:11px}:where(#productivity-app) .calendar-panel h2{font-size:19px}:where(#productivity-app) .calendar-weekdays{font-size:6px}:where(#productivity-app) .calendar-days{gap:2px}:where(#productivity-app) .calendar-day{min-height:52px!important;padding:4px!important}:where(#productivity-app) .calendar-day span{font-size:6px}:where(#productivity-app) .modal-card{width:calc(100vw - 22px)!important;padding:16px!important}}

/* Dashboard fidelity pass */
#stage[data-scene="productivity"] #productivity-app{font-family:"Avenir Next Condensed","Arial Narrow",Arial,sans-serif}
#stage[data-scene="productivity"] #productivity-app,#stage[data-scene="productivity"] #productivity-app *{cursor:default!important}
#stage[data-scene="productivity"] #productivity-app button,#stage[data-scene="productivity"] #productivity-app [role="button"],#stage[data-scene="productivity"] #productivity-app input,#stage[data-scene="productivity"] #productivity-app select{cursor:pointer!important}
#productivity-app .ps-app{grid-template-columns:minmax(205px,15%) minmax(0,85%);padding:28px clamp(18px,3vw,54px);gap:12px}
#productivity-app .ps-app::before{content:"";position:fixed;inset:16px 22px;pointer-events:none;border:1px solid rgba(111,231,255,.7);clip-path:polygon(1.4% 0,98.7% 0,100% 2.5%,100% 97.5%,98.7% 100%,1.4% 100%,0 97.5%,0 2.5%);box-shadow:inset 0 0 18px rgba(75,210,255,.28),0 0 14px rgba(55,199,255,.45),0 0 38px rgba(28,111,255,.3)}
#productivity-app .ps-app main,#productivity-app .ps-app aside{min-height:calc(100svh - 56px)}
#productivity-app .ps-app main{padding:24px clamp(18px,2.5vw,36px)}
#productivity-app .ps-header{grid-template-columns:minmax(0,1fr) 145px auto;padding-bottom:12px!important}
:where(#productivity-app) .ps-header h1{font-weight:500!important;letter-spacing:6px!important}:where(#productivity-app) .ps-header #ps-subtitle{color:#5fdcff;letter-spacing:3.5px}:where(#productivity-app) .ps-header>.ps-actions{display:none!important}
:where(#productivity-app) .command-hero{padding:13px 15px;margin-bottom:10px}:where(#productivity-app) .command-hero span{font-size:clamp(16px,1.55vw,24px);font-weight:600;letter-spacing:2.5px}:where(#productivity-app) .command-hero p{font-size:9px;letter-spacing:3px}:where(#productivity-app) .command-hero aside{font-size:8px;letter-spacing:2.6px}
:where(#productivity-app) .command-hero>aside{min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block!important}
:where(#productivity-app) .dashboard-grid-command{grid-template-columns:minmax(0,43%) minmax(0,27%) minmax(0,30%);grid-template-rows:minmax(278px,1.15fr) minmax(235px,.9fr);gap:10px;margin-top:0}:where(#productivity-app) .dashboard-grid-command>div{width:auto!important;margin:0!important;min-height:0!important;display:block!important}:where(#productivity-app) .dashboard-grid-command>.dash-side-quests{grid-area:1/1/2/2!important}:where(#productivity-app) .dashboard-grid-command>.dash-goals{grid-area:1/2/2/4!important}:where(#productivity-app) .dashboard-grid-command>.dash-habits{grid-area:2/1/3/2!important}:where(#productivity-app) .dashboard-grid-command>.dash-deadlines{grid-area:2/2/3/3!important}:where(#productivity-app) .dashboard-grid-command>.dash-week{grid-area:2/3/3/4!important}
:where(#productivity-app) .command-panel{overflow:hidden;padding:15px 16px;clip-path:polygon(2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%,0 5%)}:where(#productivity-app) .command-panel::before{content:"";position:absolute;inset:5px;pointer-events:none;border-top:1px solid rgba(86,222,255,.22);border-bottom:1px solid rgba(86,222,255,.16)}:where(#productivity-app) .command-panel>header{position:relative;z-index:1;padding-bottom:7px}:where(#productivity-app) .command-panel h2{font-size:13px;letter-spacing:2.1px}:where(#productivity-app) .command-panel h2 small{display:block;margin-top:5px;color:#62b8cd;font-size:7px;letter-spacing:1.7px}:where(#productivity-app) .panel-link{position:absolute!important;right:15px;top:13px;border:0!important;background:transparent!important;color:#66eaff!important;font-size:8px!important}
:where(#productivity-app) .quest-row{min-height:42px;grid-template-columns:25px minmax(0,1fr) 78px}:where(#productivity-app) .quest-row b{font-size:13px}:where(#productivity-app) .quest-row time{font-size:10px}:where(#productivity-app) .goal-row{grid-template-columns:34px minmax(0,1fr) 50px 76px;padding:11px 0}:where(#productivity-app) .goal-row b{font-size:12px}:where(#productivity-app) .goal-row small{font-size:8px;letter-spacing:1px}:where(#productivity-app) .goal-time{color:#86d8e9;font-size:8px;font-style:normal;text-align:right}:where(#productivity-app) .progress-orb{width:46px;height:46px;font-size:9px}:where(#productivity-app) .deadline-row em{max-width:82px;text-align:right}:where(#productivity-app) .urgency-0 em{color:#ff7487}:where(#productivity-app) .urgency-1 em{color:#ffb66d}:where(#productivity-app) .habit-card b{font-size:9px}:where(#productivity-app) .habit-card strong{font-size:22px}:where(#productivity-app) .habit-card small{letter-spacing:.5px}:where(#productivity-app) .week-agenda p{grid-template-columns:48px 7px minmax(0,1fr)}
#productivity-app .ps-noise{opacity:.46;background:radial-gradient(ellipse at 50% 20%,rgba(14,79,119,.65),transparent 55%),repeating-linear-gradient(0deg,rgba(216,255,255,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(128deg,transparent 0 62px,rgba(62,199,235,.05) 63px 64px),repeating-linear-gradient(52deg,transparent 0 92px,rgba(43,122,164,.035) 93px 94px)}
@media(max-width:1050px){:where(#productivity-app) .dashboard-grid-command{grid-template-columns:42% 29% 29%}:where(#productivity-app) .goal-row{grid-template-columns:30px minmax(0,1fr) 44px}:where(#productivity-app) .goal-time{display:none}:where(#productivity-app) .ps-actions .ps-account{display:none!important}}
@media(max-width:900px){#productivity-app .ps-app{display:block;padding:12px 8px 72px}#productivity-app .ps-app>aside{display:none!important}#productivity-app .ps-app>main{min-height:calc(100svh - 84px);padding:12px 10px 20px;clip-path:polygon(1% 0,100% .5%,99% 100%,0 99.5%)}#productivity-app .ps-app::before{inset:5px 5px 62px}:where(#productivity-app) .ps-header{display:flex!important;padding:5px 5px 8px!important}:where(#productivity-app) .ps-header h1{font-size:19px!important;letter-spacing:3px!important}:where(#productivity-app) .ps-header #ps-subtitle{font-size:7px;letter-spacing:2px}:where(#productivity-app) .ps-clock,:where(#productivity-app) .ps-actions,#productivity-app #ps-status{display:none!important}:where(#productivity-app) .command-hero{padding:9px 10px;margin-bottom:8px}:where(#productivity-app) .command-hero span{font-size:14px;letter-spacing:1.5px}:where(#productivity-app) .command-hero p{font-size:7px;letter-spacing:1.5px}:where(#productivity-app) .command-hero>aside{display:none!important}:where(#productivity-app) .dashboard-grid-command{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:8px}:where(#productivity-app) .dashboard-grid-command>.dash-side-quests,:where(#productivity-app) .dashboard-grid-command>.dash-goals,:where(#productivity-app) .dashboard-grid-command>.dash-habits{grid-area:auto!important;width:100%!important;margin:0!important}:where(#productivity-app) .dashboard-grid-command>.dash-deadlines,:where(#productivity-app) .dashboard-grid-command>.dash-week{display:none!important}:where(#productivity-app) .command-panel{clip-path:polygon(3% 0,97% 0,100% 4%,100% 96%,97% 100%,3% 100%,0 96%,0 4%)}:where(#productivity-app) .command-panel h2{font-size:11px}:where(#productivity-app) .quest-row{min-height:40px}:where(#productivity-app) .quest-row b{font-size:12px}:where(#productivity-app) .dash-goals .goal-row:nth-of-type(n+2){display:none}:where(#productivity-app) .goal-row{grid-template-columns:30px minmax(0,1fr) 47px 68px}:where(#productivity-app) .goal-time{display:block;font-size:7px}:where(#productivity-app) .habit-card i{width:37px;height:37px}:where(#productivity-app) .habit-card b{font-size:8px}:where(#productivity-app) .habit-card strong{font-size:20px}:where(#productivity-app) .panel-action{min-height:40px!important}:where(#productivity-app) .ps-mobile{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:4px!important;background:#031624fa!important;border-top:1px solid #4cdcf6!important}:where(#productivity-app) .ps-mobile button{min-height:50px!important;flex-direction:column!important;gap:2px!important;border:0!important;background:transparent!important;color:#9ae0ed!important;padding:4px!important;font-size:8px!important}:where(#productivity-app) .ps-mobile button i{font-size:17px;font-style:normal}:where(#productivity-app) .ps-mobile button.active{color:#fff!important;background:#0d4e69!important}}

/* Functional interaction pass: task management, calendar links, and validation. */
:where(#productivity-app) .list-panel .quest-row{grid-template-columns:28px minmax(0,1fr) 105px;align-items:start;padding:12px 4px}:where(#productivity-app) .quest-copy{min-width:0}:where(#productivity-app) .subtask-list{display:grid;gap:5px;margin-top:10px}:where(#productivity-app) .subtask{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:31px!important;width:100%;padding:5px 8px!important;border:1px solid #287f995f!important;background:#041622b8!important;color:#a9dce6!important;font-size:10px!important;text-align:left!important}:where(#productivity-app) .subtask i{display:grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border:1px solid #4ec9e4;color:#00131d;font-size:9px;font-style:normal}:where(#productivity-app) .subtask.done{opacity:.62;text-decoration:line-through}:where(#productivity-app) .subtask.done i{background:#62e9ff;box-shadow:0 0 7px #4ce5ff}:where(#productivity-app) .quest-actions{grid-column:2/4;display:flex;justify-content:flex-end;gap:12px;margin-top:5px}:where(#productivity-app) .quest-actions button{min-height:28px!important;padding:4px 10px!important;border:0!important;border-bottom:1px solid #58e8ff!important;background:transparent!important;color:#a3effa!important;font-size:8px!important;letter-spacing:1px!important}:where(#productivity-app) .calendar-date{display:block!important;width:100%;min-height:25px!important;padding:0!important;border:0!important;background:transparent!important;color:#d9faff!important;text-align:left!important}:where(#productivity-app) .calendar-item{display:block!important;width:100%;min-height:24px!important;margin-top:3px!important;overflow:hidden;padding:4px 5px!important;border:1px solid #2897b36b!important;background:#083149!important;color:#9bf1ff!important;font-size:8px!important;text-align:left!important;text-overflow:ellipsis;white-space:nowrap}:where(#productivity-app) .calendar-item:hover,:where(#productivity-app) .calendar-item:focus{border-color:#70efff!important;background:#0b526f!important;box-shadow:0 0 9px #42def955}:where(#productivity-app) .calendar-item.complete{opacity:.58;text-decoration:line-through}:where(#productivity-app) .calendar-day.empty{opacity:.25}:where(#productivity-app) .settings-error,:where(#productivity-app) .form-error{display:block;min-height:14px;color:#ff9eaf!important;font-size:9px!important;letter-spacing:1px}:where(#productivity-app) .settings-grid input[aria-invalid=true],:where(#productivity-app) .modal-card input[aria-invalid=true]{border-color:#ff718b!important;box-shadow:0 0 9px #ff4f7055}
:where(#productivity-app) .archive-panel{grid-column:1/-1;margin-top:8px;padding:15px;border:1px solid #2b7890;background:#04131f}:where(#productivity-app) .archive-panel h2{margin:0 0 8px;color:#7bc6d6;font-size:10px;letter-spacing:2px}:where(#productivity-app) .archive-panel article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #235b6c;color:#a7d2dc;font-size:11px}:where(#productivity-app) .archive-panel button{min-height:28px!important;padding:4px 8px!important;border:0!important;border-bottom:1px solid #4bcce8!important;background:transparent!important;color:#8ee7f4!important;font-size:8px!important}
:where(#productivity-app) .full-goal footer{flex-wrap:wrap}:where(#productivity-app) .full-goal footer .goal-complete{flex:1 0 100%;min-height:40px!important;border:1px solid #65edff!important;background:linear-gradient(90deg,#09628d,#0d83b8)!important;box-shadow:inset 0 0 16px #7cf6ff26,0 0 12px #2bdcf055!important;color:#efffff!important;font-size:9px!important;letter-spacing:1.2px!important}:where(#productivity-app) .full-goal footer .goal-complete:hover,:where(#productivity-app) .full-goal footer .goal-complete:focus-visible{background:linear-gradient(90deg,#0b7dab,#15a6cf)!important;box-shadow:inset 0 0 20px #a9fbff38,0 0 19px #47eaff99!important}:where(#productivity-app) .completed-panel{border-color:#43d9ec;background:linear-gradient(145deg,#06212d,#03131f);box-shadow:inset 0 0 25px #35d8e51f}:where(#productivity-app) .completed-panel h2{color:#aaf8ff}:where(#productivity-app) .completed-panel article{grid-template-columns:minmax(0,1fr) repeat(3,auto)}:where(#productivity-app) .completed-panel article span b,:where(#productivity-app) .completed-panel article span small{display:block}:where(#productivity-app) .completed-panel article span b{color:#ddfdff;font-size:12px}:where(#productivity-app) .completed-panel article span small{margin-top:4px;color:#65dceb;font-size:8px;letter-spacing:1px}:where(#productivity-app) .completed-panel [data-goal-reopen]{border:1px solid #55e7ff!important;background:#073955!important;color:#efffff!important}
@media(max-width:700px){:where(#productivity-app) .completed-panel article{grid-template-columns:minmax(0,1fr) auto auto}:where(#productivity-app) .completed-panel article [data-delete]{grid-column:2/-1}:where(#productivity-app) .full-goal footer .goal-complete{min-height:46px!important;font-size:10px!important}}
@media(max-width:900px){:where(#productivity-app) .ps-mobile{grid-template-columns:repeat(6,minmax(0,1fr))!important}:where(#productivity-app) .ps-mobile button{min-width:0;padding:4px 1px!important;font-size:7px!important}:where(#productivity-app) .ps-mobile button i{font-size:16px}:where(#productivity-app) .list-panel .quest-row{grid-template-columns:25px minmax(0,1fr) 76px}:where(#productivity-app) .quest-actions{grid-column:1/4}:where(#productivity-app) .calendar-item{font-size:6px!important;padding:3px!important}}
@media(min-width:901px){#productivity-app .ps-mobile{display:none!important}}

/* Touch and settings repair: keep cinematic button rules out of app controls. */
#productivity-app .modal-card button,#productivity-app .settings-grid button{min-height:42px!important;padding:10px 14px!important;font-size:11px!important;line-height:1.15!important;letter-spacing:1px!important}
#productivity-app .modal-card header button{flex:0 0 42px;width:42px!important;height:42px!important;padding:0!important;font-size:22px!important}
#productivity-app .modal-card footer{gap:10px;position:sticky;bottom:-1px;padding-top:14px;background:linear-gradient(180deg,transparent,#03111d 25%)}
#productivity-app .modal-card footer button{flex:1}
:where(#productivity-app) .player-record{grid-row:span 2}:where(#productivity-app) .designation-lock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:16px 0;padding:14px;border:1px solid #318fac;background:#041724}:where(#productivity-app) .designation-lock small,:where(#productivity-app) .sync-record small{color:#73cddd;font-size:8px;letter-spacing:1.8px}:where(#productivity-app) .designation-lock strong{grid-column:1;color:#e8fdff;font-size:20px;font-weight:500;overflow-wrap:anywhere}:where(#productivity-app) .designation-lock em{grid-column:2;grid-row:1/3;align-self:center;color:#6ab7c7;font-size:8px;font-style:normal;letter-spacing:1px;text-align:right}:where(#productivity-app) .sync-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding-top:15px;border-top:1px solid #296f84}:where(#productivity-app) .sync-record p{margin:6px 0 0!important}:where(#productivity-app) .calendar-record{align-self:start}:where(#productivity-app) .settings-grid button{background:#073955!important;color:#e9fdff!important;border:1px solid #55e7ff!important}
@media(max-width:900px){
  #productivity-app .ps-app>main{overflow-x:hidden;-webkit-overflow-scrolling:touch}
  #productivity-app button{touch-action:manipulation}
  #productivity-app .check{width:38px!important;height:38px!important;font-size:15px!important}
  #productivity-app .quest-row{grid-template-columns:42px minmax(0,1fr) 76px;min-height:54px}
  #productivity-app .quest-actions{grid-column:1/4;justify-content:stretch;gap:8px}
  #productivity-app .quest-actions button,#productivity-app .full-goal footer button,#productivity-app .habit-large footer button,#productivity-app .archive-panel button{min-height:42px!important;padding:8px 12px!important;font-size:9px!important}
  #productivity-app .calendar-date{min-height:40px!important;padding:4px!important}
  #productivity-app .calendar-item{min-height:34px!important}
  #productivity-app .modal-card{top:50%!important;bottom:auto!important;max-height:calc(100svh - 82px)!important;transform:translate(-50%,-50%)!important;padding:16px!important;-webkit-overflow-scrolling:touch}
  #productivity-app .modal-card label{font-size:12px}
  #productivity-app .modal-card input,#productivity-app .modal-card textarea,#productivity-app .modal-card select{min-height:44px;font-size:16px}
  :where(#productivity-app) .settings-grid{gap:10px}:where(#productivity-app) .settings-grid article{padding:16px}:where(#productivity-app) .player-record{grid-row:auto}:where(#productivity-app) .designation-lock{grid-template-columns:1fr;margin:13px 0}:where(#productivity-app) .designation-lock strong{font-size:22px}:where(#productivity-app) .designation-lock em{grid-column:1;grid-row:auto;text-align:left}:where(#productivity-app) .sync-record{grid-template-columns:1fr}:where(#productivity-app) .sync-record button,:where(#productivity-app) .calendar-record button{width:100%}
}

/* Daily Quest briefing: the existing holographic modal treatment with the quest-info copy. */
:where(#productivity-app) .daily-quest-info-trigger{right:13px!important;color:#8defff!important}
:where(#productivity-app) .daily-quest-toolbar-actions{display:flex;gap:9px}:where(#productivity-app) .daily-quest-toolbar-actions button:first-child{background:#061d31!important;color:#a9f7ff!important}
:where(#productivity-app) .daily-quest-briefing{width:min(520px,calc(100vw - 32px))!important;padding:0!important;overflow:hidden!important;border:1px solid #8eeeff!important;background:linear-gradient(145deg,rgba(5,29,46,.98),rgba(1,11,20,.99))!important;box-shadow:0 0 0 3px rgba(18,104,145,.42),0 0 42px rgba(48,190,239,.55),inset 0 0 46px rgba(32,160,205,.16)!important;clip-path:polygon(3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%,0 3%)}
:where(#productivity-app) .daily-quest-briefing::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,rgba(210,255,255,.07) 0 1px,transparent 1px 4px),repeating-linear-gradient(132deg,transparent 0 64px,rgba(80,209,245,.09) 65px 66px)}
:where(#productivity-app) .daily-quest-briefing header{position:relative;z-index:1;display:grid!important;grid-template-columns:48px 1fr 42px;gap:12px;align-items:center;padding:22px 25px 17px;border-bottom:1px solid rgba(105,228,255,.45);background:linear-gradient(90deg,rgba(5,55,83,.82),rgba(3,18,31,.72))}
:where(#productivity-app) .daily-quest-briefing header>span:not(.briefing-mark){border:1px solid rgba(164,242,255,.58);padding:11px 14px;color:#e7fdff;font-size:17px;letter-spacing:3px;text-align:center;text-shadow:0 0 12px #61e8ff}
:where(#productivity-app) .daily-quest-briefing .briefing-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid #9cf4ff;border-radius:50%;color:#e9feff;font-size:28px;font-weight:300;text-shadow:0 0 10px #5fe9ff;box-shadow:0 0 13px rgba(91,230,255,.48),inset 0 0 12px rgba(74,204,236,.24)}
:where(#productivity-app) .daily-quest-briefing header button{align-self:center!important}:where(#productivity-app) .briefing-arrival,:where(#productivity-app) .daily-quest-briefing h2,:where(#productivity-app) .briefing-objectives,:where(#productivity-app) .briefing-warning{position:relative;z-index:1}
:where(#productivity-app) .briefing-arrival{margin:29px 28px 25px;color:#c9f8ff;font-size:11px;letter-spacing:1.2px;text-align:center}:where(#productivity-app) .daily-quest-briefing h2{margin:0 28px 16px;color:#f0fdff;font-size:17px;letter-spacing:3px;text-align:center;text-shadow:0 0 12px #5ce6ff}
:where(#productivity-app) .briefing-objectives{display:grid;gap:2px;margin:0 52px;padding:13px 18px;border-top:1px solid rgba(92,225,255,.33);border-bottom:1px solid rgba(92,225,255,.33);list-style:none}:where(#productivity-app) .briefing-objectives li{display:grid;grid-template-columns:1fr auto 22px;gap:17px;padding:7px 0;color:#e3fbff;font-size:14px}:where(#productivity-app) .briefing-objectives b{color:#b5efff;font-size:12px;font-weight:500}:where(#productivity-app) .briefing-objectives i{color:#a7f9ff;font-style:normal;text-shadow:0 0 8px #58e8ff}
:where(#productivity-app) .briefing-warning{max-width:300px;margin:31px auto 26px;color:#d5f5fb;font-size:12px;line-height:2;text-align:center}:where(#productivity-app) .briefing-warning strong{color:#f6fdff;letter-spacing:1.3px}:where(#productivity-app) .briefing-warning em{color:#ff4969;font-style:normal;text-shadow:0 0 8px rgba(255,62,98,.62)}
:where(#productivity-app) .daily-quest-briefing footer{position:relative;z-index:1;display:flex!important;justify-content:center!important;margin:0!important;padding:15px 28px 25px;background:linear-gradient(180deg,transparent,rgba(5,39,58,.65))!important}:where(#productivity-app) .daily-quest-briefing .briefing-confirm{display:flex;align-items:center;justify-content:center;gap:12px;min-width:210px;border:1px solid #6beaff!important;background:linear-gradient(145deg,#083e58,#041b2c)!important;color:#e9feff!important;box-shadow:inset 0 0 14px rgba(63,218,246,.16),0 0 15px rgba(52,212,240,.25)!important}:where(#productivity-app) .daily-quest-briefing .briefing-confirm span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #67f1cb;color:#75ffdb;font-size:18px;box-shadow:0 0 11px rgba(84,255,203,.42)}:where(#productivity-app) .daily-quest-briefing .briefing-confirm b{font-size:10px;letter-spacing:1.7px}
@media(max-width:900px){:where(#productivity-app) .daily-quest-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}:where(#productivity-app) .daily-quest-toolbar-actions button{width:100%}:where(#productivity-app) .daily-quest-briefing{padding:0!important}:where(#productivity-app) .daily-quest-briefing header{padding:18px 17px 14px;grid-template-columns:42px 1fr 38px;gap:8px}:where(#productivity-app) .daily-quest-briefing .briefing-mark{width:38px;height:38px;font-size:23px}:where(#productivity-app) .daily-quest-briefing header>span:not(.briefing-mark){padding:9px 7px;font-size:14px;letter-spacing:2px}:where(#productivity-app) .briefing-arrival{margin:22px 20px 20px;font-size:9px}:where(#productivity-app) .daily-quest-briefing h2{font-size:15px}:where(#productivity-app) .briefing-objectives{margin:0 25px;padding:10px 13px}:where(#productivity-app) .briefing-objectives li{grid-template-columns:1fr auto 18px;gap:8px;font-size:13px}:where(#productivity-app) .briefing-objectives b{font-size:10px}:where(#productivity-app) .briefing-warning{margin:24px auto 19px;font-size:11px}:where(#productivity-app) .daily-quest-briefing footer{padding:12px 20px 20px}}

/* Daily Quest arrival: a live reconstruction of the wide System notification. */
:where(#productivity-app) .system-arrival-backdrop{background:rgba(0,4,9,.8);backdrop-filter:blur(8px) saturate(.75)}
:where(#productivity-app) .system-arrival-window{--arrival-cyan:#9defff;--arrival-blue:#36aaff;box-sizing:border-box;width:min(940px,calc(100vw - 44px))!important;max-width:none!important;height:min(560px,calc(100svh - 72px));max-height:none!important;padding:0!important;overflow:visible!important;border:1px solid rgba(185,238,255,.82)!important;background:linear-gradient(145deg,rgba(4,22,36,.98),rgba(0,8,16,.99) 62%,rgba(4,28,45,.98))!important;box-shadow:0 0 3px #d8fbff,0 0 18px rgba(70,208,255,.8),0 0 52px rgba(28,116,255,.48),inset 0 0 54px rgba(37,152,229,.18)!important;clip-path:polygon(5% 0,95% 0,100% 8%,100% 92%,95% 100%,5% 100%,0 92%,0 8%);animation:system-arrival-open 360ms cubic-bezier(.16,.76,.2,1) both}
:where(#productivity-app) .system-arrival-window::before{content:"";position:absolute;inset:19px;z-index:0;border:1px solid rgba(212,246,255,.58);clip-path:polygon(3% 0,97% 0,100% 5%,100% 95%,97% 100%,3% 100%,0 95%,0 5%);box-shadow:inset 0 0 24px rgba(63,188,255,.08);pointer-events:none}
:where(#productivity-app) .system-arrival-window::after{content:"";position:absolute;inset:34px 48px;z-index:0;border:1px solid rgba(203,239,255,.3);background:repeating-linear-gradient(132deg,transparent 0 48px,rgba(78,178,229,.055) 49px 50px),repeating-linear-gradient(38deg,transparent 0 73px,rgba(146,220,255,.04) 74px 75px);pointer-events:none}
:where(#productivity-app) .system-arrival-frame,:where(#productivity-app) .system-arrival-scan{position:absolute;inset:0;z-index:1;pointer-events:none}
:where(#productivity-app) .system-arrival-scan{inset:35px 49px;opacity:.5;background:radial-gradient(circle at 50% 10%,rgba(81,218,255,.13),transparent 35%),repeating-linear-gradient(0deg,rgba(215,250,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
:where(#productivity-app) .system-arrival-rail{position:absolute;left:2%;right:2%;height:17px;background:linear-gradient(180deg,rgba(95,218,255,.22),rgba(12,88,188,.74) 38%,rgba(102,240,255,.92) 52%,rgba(24,99,239,.62) 69%,rgba(10,32,73,.4));filter:drop-shadow(0 0 4px #98f5ff) drop-shadow(0 0 11px #277bff);clip-path:polygon(2% 0,43% 0,46% 55%,88% 55%,90% 0,98% 0,100% 100%,3% 100%,0 45%)}
:where(#productivity-app) .system-arrival-rail-top{top:-15px}:where(#productivity-app) .system-arrival-rail-bottom{bottom:-15px;transform:scaleY(-1)}
:where(#productivity-app) .system-arrival-brace{position:absolute;top:10%;bottom:10%;width:22px;border:2px solid rgba(199,240,255,.75);filter:drop-shadow(0 0 4px #8feeff) drop-shadow(0 0 10px #1f79ff)}
:where(#productivity-app) .system-arrival-brace-left{left:-10px;border-right:0;clip-path:polygon(0 0,100% 4%,100% 26%,62% 30%,62% 70%,100% 74%,100% 96%,0 100%)}
:where(#productivity-app) .system-arrival-brace-right{right:-10px;border-left:0;clip-path:polygon(0 4%,100% 0,100% 100%,0 96%,0 74%,38% 70%,38% 30%,0 26%)}
:where(#productivity-app) .system-arrival-circuit{position:absolute;width:28%;height:2px;background:linear-gradient(90deg,transparent,#74e9ff,transparent);box-shadow:0 0 8px #48dfff}
:where(#productivity-app) .system-arrival-circuit-one{left:9%;top:14%;transform:rotate(-8deg)}:where(#productivity-app) .system-arrival-circuit-two{right:8%;bottom:16%;transform:rotate(7deg)}
:where(#productivity-app) .system-arrival-content{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;box-sizing:border-box;width:100%;height:100%;padding:76px 112px 48px}
:where(#productivity-app) .system-arrival-window header{display:grid!important;grid-template-columns:78px minmax(0,520px) 44px;gap:22px;align-items:center;justify-content:center;padding:0!important;border:0!important;background:transparent!important}
:where(#productivity-app) .system-arrival-alert{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(219,248,255,.8);border-radius:50%;color:#f2feff;font:300 45px/1 Arial,sans-serif;text-shadow:0 0 6px #e9feff,0 0 18px #7eeeff;box-shadow:0 0 0 1px rgba(84,179,226,.25),inset 0 0 20px rgba(69,187,237,.13)}
:where(#productivity-app) .system-arrival-window h2{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:76px;margin:0;padding:10px 34px;border:1px solid rgba(204,240,255,.62);color:#f0fdff;font:400 clamp(25px,4vw,43px)/1 "Avenir Next Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:8px;text-shadow:0 0 6px #e7fcff,0 0 15px #8aefff,0 0 30px rgba(53,155,217,.8);box-shadow:inset 0 0 22px rgba(82,190,231,.08)}
:where(#productivity-app) .system-arrival-window header button{align-self:start;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid rgba(177,232,255,.5)!important;background:rgba(1,12,23,.74)!important;color:#dffaff!important;font-size:25px!important;box-shadow:0 0 12px rgba(67,191,241,.18)!important}
:where(#productivity-app) .system-arrival-message{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 20px 8px;text-align:center}
:where(#productivity-app) .system-arrival-message p{margin:0;color:#d9f8ff;font:400 clamp(16px,2.25vw,27px)/1.35 "Avenir Next Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:1.2px;text-shadow:0 0 4px #d5fbff,0 0 12px #76dbff,0 0 23px rgba(47,145,205,.72)}
:where(#productivity-app) .system-arrival-message strong{color:#f7feff;font-weight:700;font-style:italic;letter-spacing:1.7px}
:where(#productivity-app) .system-arrival-message>span{width:17px;height:17px;border:2px solid rgba(220,249,255,.75);border-radius:3px;box-shadow:0 0 8px rgba(106,224,255,.6)}
:where(#productivity-app) .system-arrival-window footer{display:flex!important;justify-content:center!important;margin:0!important;padding:0!important;background:transparent!important}
:where(#productivity-app) .system-arrival-window .briefing-confirm{min-height:42px!important;padding:10px 25px!important;border:1px solid rgba(110,231,255,.55)!important;background:rgba(5,37,58,.72)!important;color:#c9f8ff!important;font-size:9px!important;letter-spacing:2px!important;opacity:.82;box-shadow:inset 0 0 13px rgba(63,218,246,.12),0 0 13px rgba(52,212,240,.18)!important}
@keyframes system-arrival-open{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.04);filter:brightness(2.4)}48%{opacity:1;transform:translate(-50%,-50%) scaleY(.2);filter:brightness(1.7)}100%{transform:translate(-50%,-50%) scaleY(1);filter:brightness(1)}}
@media(max-width:700px){:where(#productivity-app) .system-arrival-window{width:calc(100vw - 18px)!important;height:min(470px,calc(100svh - 110px));clip-path:polygon(7% 0,93% 0,100% 6%,100% 94%,93% 100%,7% 100%,0 94%,0 6%)}:where(#productivity-app) .system-arrival-window::before{inset:12px}:where(#productivity-app) .system-arrival-window::after{inset:24px 18px}:where(#productivity-app) .system-arrival-scan{inset:25px 19px}:where(#productivity-app) .system-arrival-content{padding:58px 32px 38px}:where(#productivity-app) .system-arrival-window header{grid-template-columns:54px minmax(0,1fr) 34px;gap:9px}:where(#productivity-app) .system-arrival-alert{width:50px;height:50px;font-size:31px}:where(#productivity-app) .system-arrival-window h2{min-height:55px;padding:8px 11px;font-size:20px;letter-spacing:4px}:where(#productivity-app) .system-arrival-window header button{width:34px!important;height:34px!important;min-height:34px!important;font-size:20px!important}:where(#productivity-app) .system-arrival-message{gap:10px;padding:25px 4px 8px}:where(#productivity-app) .system-arrival-message p{font-size:17px}:where(#productivity-app) .system-arrival-message>span{width:13px;height:13px}:where(#productivity-app) .system-arrival-brace{width:15px}:where(#productivity-app) .system-arrival-rail{left:4%;right:4%}}
@media(prefers-reduced-motion:reduce){:where(#productivity-app) .system-arrival-window{animation:none}}

/* Player Status window, reconstructed from the reference as live interface elements. */
:where(#productivity-app) .player-status-trigger{display:block;margin:7px 0 0;padding:4px 0;border:0;border-bottom:1px solid rgba(93,229,255,.58);background:transparent;color:#8eefff;font:700 8px/1.2 "Avenir Next Condensed","Arial Narrow",Arial,sans-serif;letter-spacing:1.7px;cursor:pointer!important;text-shadow:0 0 8px rgba(68,220,255,.55)}
:where(#productivity-app) .player-status-window{width:100vw!important;height:100svh!important;max-height:none!important;padding:0!important;overflow:hidden!important;border:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important}
:where(#productivity-app) .status-intro-shell{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:blur(.55px) drop-shadow(0 0 9px rgba(160,0,255,.58))}:where(#productivity-app) .status-shell-circuits{fill:none;stroke:#542080;stroke-width:2.2;opacity:.94;filter:blur(.35px) drop-shadow(0 0 2px #7b35b8) drop-shadow(0 0 7px #a000ff)}:where(#productivity-app) .status-glass-fill{fill:rgba(3,9,24,.88)}:where(#productivity-app) .status-glass-fringe{fill:none;stroke:#d000ff;stroke-width:1.8;opacity:.5}:where(#productivity-app) .status-glass-edge{fill:none;stroke:#d8f7ff;stroke-width:2.1;opacity:.82;filter:drop-shadow(0 0 3px #7fddff)}:where(#productivity-app) .status-glass-fault{fill:none;stroke:#f1fdff;stroke-width:1.8;opacity:.68;filter:drop-shadow(0 0 3px #95ebff)}
:where(#productivity-app) .player-status-window::before{content:"";position:absolute;inset:14% 9%;z-index:1;pointer-events:none;opacity:.56;background:radial-gradient(circle at 50% 48%,rgba(83,19,164,.3),transparent 57%),repeating-linear-gradient(0deg,rgba(213,244,255,.045) 0 1px,transparent 1px 4px),repeating-linear-gradient(132deg,transparent 0 63px,rgba(122,80,236,.11) 64px 66px);clip-path:polygon(22% 8%,78% 8%,84% 92%,16% 92%)}
:where(#productivity-app) .status-inner{position:absolute;top:22.3%;left:27.5%;z-index:2;box-sizing:border-box;width:48.3%;height:52.2%;overflow:hidden;padding:9px 22px 10px;border:0;background:rgba(3,9,24,.2);box-shadow:inset 0 0 32px rgba(101,206,255,.045)}
:where(#productivity-app) .player-status-window header{display:grid!important;grid-template-columns:1fr 36px;align-items:center;padding:0 0 8px!important;border:0!important;background:transparent!important}:where(#productivity-app) .player-status-window header>span{justify-self:center;min-width:270px;padding:6px 23px;border:1px solid rgba(213,241,255,.62);color:#f0fdff;font-size:22px;letter-spacing:5px;text-align:center;text-shadow:0 0 5px #dffbff,0 0 15px #6ed9ff}:where(#productivity-app) .player-status-window header button{justify-self:end;min-height:34px!important;width:34px!important;height:34px!important;border-color:rgba(187,235,255,.5)!important;background:rgba(3,15,31,.66)!important;font-size:17px!important}
:where(#productivity-app) .status-identity{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;max-width:520px;margin:0 auto 22px}:where(#productivity-app) .status-level{text-align:center}:where(#productivity-app) .status-level strong{display:block;color:#fff;font-size:68px;font-weight:700;line-height:.85;text-shadow:0 0 14px #9edfff}:where(#productivity-app) .status-level small{display:block;margin-top:8px;color:#d5f8ff;font-size:17px;letter-spacing:1px}:where(#productivity-app) .status-rank{color:#e8faff}:where(#productivity-app) .status-rank p{margin:9px 0;font-size:15px;font-weight:700}:where(#productivity-app) .status-rank small{color:#aeeaff;font-size:10px;letter-spacing:.5px}
:where(#productivity-app) .status-resources{display:grid;grid-template-columns:1fr 1fr 105px;gap:18px;align-items:center;padding:20px 22px;border:1px solid rgba(190,231,255,.58);box-shadow:inset 0 0 22px rgba(84,179,255,.08)}:where(#productivity-app) .status-resources>div:not(.status-fatigue){display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center}:where(#productivity-app) .status-resource-icon{color:#efffff;font-size:23px;text-shadow:0 0 9px #76e7ff}:where(#productivity-app) .status-resources label{display:grid;grid-template-columns:26px 1fr;align-items:center;color:#f1fdff;font-size:12px;font-weight:700}:where(#productivity-app) .status-resources label i{height:10px;border:2px solid #b7ecff;border-radius:8px;background:#0b2140;box-shadow:0 0 7px #83e6ff}:where(#productivity-app) .status-resources label i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#bff6ff,#79dfff);box-shadow:0 0 8px #6fe1ff}:where(#productivity-app) .status-resources label small{grid-column:2;margin-top:4px;color:#d5f7ff;font-size:8px;text-align:center}:where(#productivity-app) .status-fatigue{display:grid;grid-template-columns:1fr auto;align-items:end;color:#efffff;text-align:center}:where(#productivity-app) .status-fatigue span{grid-column:1/3;color:#b8edff;font-size:27px;text-shadow:0 0 9px #79e3ff}:where(#productivity-app) .status-fatigue small{font-size:8px;letter-spacing:.5px}:where(#productivity-app) .status-fatigue b{font-size:18px}
:where(#productivity-app) .status-attributes{display:grid;grid-template-columns:1fr 1fr;gap:16px 42px;margin-top:22px;padding:25px 36px;border:1px solid rgba(190,231,255,.58);box-shadow:inset 0 0 22px rgba(84,179,255,.08)}:where(#productivity-app) .status-attributes p{display:grid;grid-template-columns:30px 48px auto 1fr;gap:7px;align-items:center;margin:0;color:#efffff}:where(#productivity-app) .status-attributes i{color:#f3ffff;font-size:21px;font-style:normal;text-shadow:0 0 8px #9eefff}:where(#productivity-app) .status-attributes span{font-size:17px}:where(#productivity-app) .status-attributes b{font-size:27px}:where(#productivity-app) .status-attributes em{color:#38ee85;font-size:15px;font-style:normal;text-shadow:0 0 8px rgba(31,255,126,.45)}:where(#productivity-app) .status-points{grid-template-columns:1fr auto!important;justify-self:end;min-width:135px}:where(#productivity-app) .status-points small{color:#c9eff8;font-size:7px;line-height:1.15;text-align:right}:where(#productivity-app) .status-points strong{font-size:38px;font-weight:500}
:where(#productivity-app) .player-status-window .status-identity{grid-template-columns:135px minmax(0,1fr);max-width:490px;margin:0 auto 10px}:where(#productivity-app) .player-status-window .status-level strong{font-size:54px}:where(#productivity-app) .player-status-window .status-level small{margin-top:4px;font-size:13px}:where(#productivity-app) .player-status-window .status-rank p{margin:6px 0;font-size:12px}:where(#productivity-app) .player-status-window .status-rank small{font-size:9px}:where(#productivity-app) .player-status-window .status-resources{grid-template-columns:1fr 1fr 84px;gap:12px;padding:10px 14px;border-color:rgba(202,239,255,.7);box-shadow:inset 0 0 18px rgba(83,190,255,.1),0 0 8px rgba(96,217,255,.08)}:where(#productivity-app) .player-status-window .status-resource-icon{font-size:20px}:where(#productivity-app) .player-status-window .status-resources label{grid-template-columns:22px 1fr;font-size:10px}:where(#productivity-app) .player-status-window .status-resources label i{height:9px}:where(#productivity-app) .player-status-window .status-resources label small{font-size:8px}:where(#productivity-app) .player-status-window .status-fatigue span{font-size:21px}:where(#productivity-app) .player-status-window .status-attributes{gap:7px 27px;margin-top:9px;padding:10px 22px;border-color:rgba(202,239,255,.7);box-shadow:inset 0 0 18px rgba(83,190,255,.1),0 0 8px rgba(96,217,255,.08)}:where(#productivity-app) .player-status-window .status-attributes p{grid-template-columns:24px 41px auto 1fr;gap:6px}:where(#productivity-app) .player-status-window .status-attributes i{font-size:17px}:where(#productivity-app) .player-status-window .status-attributes span{font-size:14px}:where(#productivity-app) .player-status-window .status-attributes b{font-size:22px}:where(#productivity-app) .player-status-window .status-attributes em{font-size:12px}:where(#productivity-app) .player-status-window .status-points strong{font-size:31px}
@media(max-width:900px){:where(#productivity-app) .player-status-trigger{min-height:38px;margin-top:8px;padding:7px 0;font-size:8px}:where(#productivity-app) .player-status-window{width:calc(100vw - 6px)!important;height:calc(100svh - 8px)!important;max-height:none!important;padding:0!important;overflow:visible!important}:where(#productivity-app) .status-inner{top:12%;left:8%;width:84%;height:76%;padding:15px 13px 20px;border:1px solid rgba(211,244,255,.72);background:rgba(3,9,24,.9)}:where(#productivity-app) .status-glass-fill{fill:rgba(3,9,24,.72)}:where(#productivity-app) .player-status-window header{grid-template-columns:1fr 36px}:where(#productivity-app) .player-status-window header>span{min-width:0;width:100%;padding:8px 9px;font-size:17px;letter-spacing:3px}:where(#productivity-app) .player-status-window .status-identity{grid-template-columns:100px minmax(0,1fr)}:where(#productivity-app) .player-status-window .status-level strong{font-size:44px}:where(#productivity-app) .player-status-window .status-resources{grid-template-columns:1fr;gap:11px;padding:13px}:where(#productivity-app) .player-status-window .status-fatigue{grid-template-columns:30px auto 1fr;text-align:left}:where(#productivity-app) .player-status-window .status-fatigue span{grid-column:auto}:where(#productivity-app) .player-status-window .status-attributes{grid-template-columns:1fr;gap:10px;padding:15px}:where(#productivity-app) .player-status-window .status-attributes p{grid-template-columns:24px 42px auto 1fr}:where(#productivity-app) .player-status-window .status-points{justify-self:stretch}}

/* The Status interior deliberately reuses the intro notification treatment. */
:where(#productivity-app) .status-intro-shell{filter:blur(1.15px) drop-shadow(0 0 9px rgba(160,0,255,.58))}
:where(#productivity-app) .status-glass-fill{fill:#000b12;fill-opacity:.17}
:where(#productivity-app) .status-glass-fringe{stroke:#a50b42;stroke-opacity:.38;stroke-width:1.8}
:where(#productivity-app) .status-glass-edge{stroke:#c5d3d2;stroke-opacity:.55;stroke-width:1.6;filter:drop-shadow(0 0 1.5px #bddde8)}
:where(#productivity-app) .status-glass-fault{stroke:#e0efeb;stroke-opacity:.6;stroke-width:1.6;filter:none}
:where(#productivity-app) .player-status-window::before{inset:0;background:#000b12;opacity:.86;clip-path:polygon(27.708% 22.315%,73.281% 22.315%,75.833% 74.259%,25% 74.259%)}
:where(#productivity-app) .status-inner{background:transparent;box-shadow:none;color:#dcf5fa;font-family:Arial,Helvetica,sans-serif}
:where(#productivity-app) .player-status-window header>span{border:1.3px solid #b2c7c17a;background:#010b1245;color:#e4f5f3;text-shadow:1.1px 0 1px #86ecff,-1px 0 1px #d097a6,0 0 5px #b4f4ff,0 0 16px #58cced,0 0 30px #3c95b488;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}
:where(#productivity-app) .player-status-window header button{border-color:#b2c7c17a!important;background:#010b1245!important}
:where(#productivity-app) .player-status-window .status-resources,:where(#productivity-app) .player-status-window .status-attributes{border:1.3px solid #b2c7c17a;background:#010b1245;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}
:where(#productivity-app) .player-status-window .status-rank{color:#dcf5fa}
:where(#productivity-app) .player-status-window .status-rank p,:where(#productivity-app) .player-status-window .status-attributes p{ text-shadow:1px 0 1px #73b5d0,-.6px 0 1px #cfbdac,0 0 6px #7bd5ed,0 0 17px #3292be99}
:where(#productivity-app) .player-status-window .status-resource-icon,:where(#productivity-app) .player-status-window .status-attributes i{color:#e2f5f3;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7}

/* Status uses the first intro notification layout verbatim. Only its copy is different. */
:where(#productivity-app) .player-status-window .status-intro-shell{filter:blur(1.15px)}
:where(#productivity-app) .player-status-window .status-shell-circuits{stroke:#1d50db;stroke-width:2.2;opacity:.67;filter:blur(.7px) drop-shadow(0 0 3px #184de999)}
:where(#productivity-app) .player-status-window .status-inner{position:absolute;inset:0;width:1920px;height:1080px;padding:0;overflow:visible;background:transparent;box-shadow:none;color:#dcf5fa;font-family:Arial,Helvetica,sans-serif}
:where(#productivity-app) .player-status-window .status-notification-header{position:absolute;left:633px;top:287px;width:auto;height:83px;display:flex;gap:25px;align-items:stretch;padding:0!important;border:0!important;background:transparent!important;transform:skewX(-2.1deg)}
:where(#productivity-app) .player-status-window .status-notification-header .notice-symbol{display:block;flex:0 0 95px;width:95px;height:82px;min-width:95px;padding:0;border:1.3px solid #b2c7c17a;background:#010b1245;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}
:where(#productivity-app) .player-status-window .status-notification-header .notice-symbol svg{width:100%;height:100%;fill:none;stroke:#e0fafb;stroke-width:3;filter:drop-shadow(0 0 4px #87efff) drop-shadow(0 0 11px #3eaaca)}
:where(#productivity-app) .player-status-window .status-notification-header .notice-symbol .notice-dot{fill:#e6ffff;stroke:none}
:where(#productivity-app) .player-status-window .status-notification-header h1{width:497px;height:84px;min-width:497px;margin:0;display:flex;align-items:center;justify-content:center;padding:0 0 2px 3px;border:1.3px solid #b2c7c17a;background:#010b1245;color:#e4f5f3;font-size:44px;font-weight:500;line-height:1;letter-spacing:3.1px;text-shadow:1.1px 0 1px #86ecff,-1px 0 1px #d097a6,0 0 5px #b4f4ff,0 0 16px #58cced,0 0 30px #3c95b488;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}
:where(#productivity-app) .player-status-window .status-close{position:absolute;left:1305px;top:296px;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border:1.3px solid #b2c7c17a!important;background:#010b1245!important;color:#e2f5f3!important;font:28px/1 Arial,sans-serif!important;transform:skewX(1deg)!important;cursor:pointer!important;text-shadow:0 0 3px #abf1ff,0 0 11px #43c0e6,0 0 22px #3095b7;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44!important}
:where(#productivity-app) .player-status-window .status-identity{position:absolute;left:720px;top:410px;width:490px;margin:0;grid-template-columns:135px minmax(0,1fr)}
:where(#productivity-app) .player-status-window .status-resources{position:absolute;left:630px;top:518px;width:660px;height:108px;margin:0;padding:10px 14px;grid-template-columns:1fr 1fr 84px;border:1.3px solid #b2c7c17a;background:#010b1245;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}
:where(#productivity-app) .player-status-window .status-attributes{position:absolute;left:630px;top:648px;width:660px;height:165px;margin:0;padding:10px 22px;gap:7px 27px;border:1.3px solid #b2c7c17a;background:#010b1245;box-shadow:1.4px 0 #9a0b4155,-1px 0 #51c5cf44}

/* Side-by-side Status controls and a literal clone of the first intro popup. */
:where(#productivity-app) .player-status-actions{display:flex;align-items:center;gap:18px}
:where(#productivity-app) .player-status-actions .player-status-trigger{display:inline-block;margin-top:7px}
@media(max-width:900px){:where(#productivity-app) .player-status-actions{gap:11px;flex-wrap:wrap}:where(#productivity-app) .player-status-actions .player-status-trigger{min-height:38px;margin-top:8px;padding:7px 0;font-size:8px}}

/* Connected progression system: direction, action, consistency, growth. */
:where(#productivity-app) .player-progression-summary{display:grid;grid-template-columns:58px minmax(150px,230px);gap:12px;align-items:center;margin:0 20px;padding:8px 14px;border-left:1px solid #37dfff66;border-right:1px solid #37dfff33;background:linear-gradient(90deg,#04172599,#0b365066,#04172599)}
:where(#productivity-app) .player-progression-summary>div{text-align:center}
:where(#productivity-app) .player-progression-summary>div small{display:block;color:#71cfe0;font-size:7px;letter-spacing:2px}
:where(#productivity-app) .player-progression-summary>div strong{display:block;color:#dffeff;font-size:29px;font-weight:400;line-height:1;text-shadow:0 0 11px #4ee8ff}
:where(#productivity-app) .player-progression-summary section p{display:flex;justify-content:space-between;gap:10px;margin:0 0 6px;color:#bceef5;font-size:8px;letter-spacing:1px}
:where(#productivity-app) .player-progression-summary section p span{color:#8eeeff;font-size:8px;letter-spacing:0}
:where(#productivity-app) .player-progression-summary section>i{display:block;height:5px;overflow:hidden;border:1px solid #2e91aa;background:#020b13}
:where(#productivity-app) .player-progression-summary section>i em{display:block;height:100%;background:linear-gradient(90deg,#1675ff,#55efff);box-shadow:0 0 10px #43e6ff}
:where(#productivity-app) .player-progression-summary section>small{display:block;margin-top:5px;color:#5daabd;font-size:6px;letter-spacing:1.2px}
:where(#productivity-app) .quest-copy small em{color:#75efff;font-style:normal}
:where(#productivity-app) .dashboard-empty-action,:where(#productivity-app) .goal-empty-state{display:grid;place-items:center;gap:10px;min-height:120px;padding:18px;border:1px dashed #2d93ae88;background:#03152288;text-align:center}
:where(#productivity-app) .dashboard-empty-action button,:where(#productivity-app) .goal-empty-state button{min-height:38px!important;padding:8px 15px!important;border-color:#4ce8ff!important;background:#073f5d!important;color:#d8fbff!important;font-size:8px!important;letter-spacing:1.4px!important}
:where(#productivity-app) .goal-empty-state{grid-column:1/-1;min-height:220px}
:where(#productivity-app) .goal-linked-quests{display:grid;gap:4px;margin-top:16px;padding:12px;border:1px solid #2c9aba66;background:#031522aa}
:where(#productivity-app) .goal-linked-quests header{display:flex;justify-content:space-between;margin-bottom:5px;color:#71e9fa;font-size:8px;letter-spacing:1.2px}
:where(#productivity-app) .goal-linked-quests p{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;margin:0;padding:5px 0;border-top:1px solid #21657a55;color:#cdeff4;font-size:10px}
:where(#productivity-app) .goal-linked-quests p i{display:grid;place-items:center;width:14px;height:14px;border:1px solid #45dff5;color:#01131b;font-size:9px;font-style:normal}
:where(#productivity-app) .goal-linked-quests p.complete{opacity:.58;text-decoration:line-through}
:where(#productivity-app) .goal-linked-quests p.complete i{background:#5cecff;box-shadow:0 0 8px #50e8ff}
:where(#productivity-app) .goal-linked-quests.empty button{justify-self:start;min-height:34px!important;padding:7px 11px!important;border-color:#42dff3!important;background:#06344b!important;font-size:8px!important}
:where(#productivity-app) .habit-large.complete{background:linear-gradient(90deg,#07384866,#061a2cd9);opacity:.72}
:where(#productivity-app) .habit-large.complete>button{background:#64ebff!important;color:#02121b!important;box-shadow:0 0 15px #55e8ff}
:where(#productivity-app) .briefing-objectives li.complete{opacity:.7}
:where(#productivity-app) .briefing-objectives li.complete span{text-decoration:line-through}

@media(max-width:900px){
  :where(#productivity-app) .player-progression-summary{grid-template-columns:45px minmax(0,1fr);margin:12px 0 0;padding:8px 10px}
  :where(#productivity-app) .player-progression-summary>div strong{font-size:24px}
  :where(#productivity-app) .player-progression-summary section p{display:flex!important;font-size:7px!important;letter-spacing:.7px!important}
  :where(#productivity-app) .player-progression-summary section p span{font-size:7px!important}
  :where(#productivity-app) .goal-linked-quests header{gap:8px;font-size:7px}
}

/* More: reference-matched System settings directory. */
#productivity-app.more-redesign .ps-app>main{background:radial-gradient(circle at 48% 8%,rgba(0,119,176,.14),transparent 34%),linear-gradient(180deg,#020d18f2,#010a13f7);box-shadow:inset 0 0 70px rgba(5,141,205,.08)}
#productivity-app.more-redesign .ps-header{grid-template-columns:1fr!important;min-height:72px;padding:12px 12px 20px!important;border-bottom:0!important}
#productivity-app.more-redesign #ps-kicker,#productivity-app.more-redesign #ps-subtitle,#productivity-app.more-redesign .ps-clock,#productivity-app.more-redesign .ps-actions{display:none!important}
#productivity-app.more-redesign .ps-header h1{margin:0!important;color:#eff5ff!important;font-size:31px!important;font-weight:400!important;line-height:1!important;letter-spacing:7px!important;text-shadow:0 0 8px #5a7dff88}
:where(#productivity-app) .more-screen{position:relative;display:grid;gap:24px;width:min(900px,100%);margin:0 auto;padding:0 4px 30px}
:where(#productivity-app) .more-gear{position:absolute;right:8px;top:-82px;display:grid!important;place-items:center;width:58px!important;height:58px!important;min-height:58px!important;padding:11px!important;border:1px solid #18cfff!important;border-radius:7px;background:#03172aee!important;color:#cfe9ff!important;box-shadow:inset 0 0 15px #087fc244,0 0 12px #078dd744!important}
:where(#productivity-app) .more-gear svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #39d9ff)}
:where(#productivity-app) .more-group{position:relative;padding:30px 16px 16px;border:1px solid #08cfff;background:linear-gradient(135deg,rgba(3,25,43,.96),rgba(1,12,24,.95));clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 28px rgba(0,133,203,.09),0 0 12px rgba(0,149,223,.2)}
:where(#productivity-app) .more-group::before,:where(#productivity-app) .more-group::after{content:"";position:absolute;z-index:2;width:25px;height:1px;background:#78dfff;box-shadow:0 0 7px #21cfff;pointer-events:none}
:where(#productivity-app) .more-group::before{left:-2px;top:8px;transform:rotate(-45deg)}
:where(#productivity-app) .more-group::after{right:-2px;bottom:8px;transform:rotate(-45deg)}
:where(#productivity-app) .more-group h2{margin:0 0 20px;color:#69dcff;font-size:17px;font-weight:500;line-height:1;letter-spacing:5px;text-shadow:0 0 8px #138dff}
:where(#productivity-app) .more-rows{overflow:hidden;border:1px solid #087fbd;background:linear-gradient(90deg,rgba(3,24,43,.82),rgba(1,12,23,.72));clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}
:where(#productivity-app) .more-row{display:grid!important;grid-template-columns:66px minmax(0,1fr) auto 23px;gap:14px;align-items:center;width:100%;min-height:81px!important;padding:11px 25px!important;border:0!important;border-bottom:1px solid #0c5d87!important;background:linear-gradient(90deg,rgba(3,24,43,.5),rgba(1,12,23,.18))!important;color:#eff4ff!important;font-size:19px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:0!important;text-align:left!important;box-shadow:none!important;transition:background .16s ease,box-shadow .16s ease,color .16s ease}
:where(#productivity-app) .more-row:last-child{border-bottom:0!important}
:where(#productivity-app) .more-row:hover,:where(#productivity-app) .more-row:focus-visible{background:linear-gradient(90deg,rgba(5,72,108,.55),rgba(2,24,42,.4))!important;box-shadow:inset 3px 0 #4ee8ff,inset 0 0 18px rgba(47,212,255,.13)!important;color:#fff!important}
:where(#productivity-app) .more-row:active{background:rgba(9,80,116,.55)!important}
:where(#productivity-app) .more-row-icon{display:grid;place-items:center;width:42px;height:42px;color:#64ddff}
:where(#productivity-app) .more-row-icon svg{width:38px;height:38px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #168fff)}
:where(#productivity-app) .more-row-label{min-width:0;overflow-wrap:anywhere}
:where(#productivity-app) .more-row-status{color:#21e9f2;font-size:17px;font-weight:400;white-space:nowrap;text-shadow:0 0 7px #09a9c8}
:where(#productivity-app) .more-row.state-stale .more-row-status,:where(#productivity-app) .more-row.state-disconnected .more-row-status,:where(#productivity-app) .more-row.state-unavailable .more-row-status{color:#f1a0b3;text-shadow:0 0 7px #ff3f6966}
:where(#productivity-app) .more-chevron{width:13px;height:25px;fill:none;stroke:#d4ecff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #3c9cff)}
:where(#productivity-app) .more-info-panel>p{margin:22px 4px;color:#b9e5ed;font-size:14px;line-height:1.7}
:where(#productivity-app) .more-info-panel footer{display:flex;gap:10px}
:where(#productivity-app) .more-info-panel footer button{flex:1}
:where(#productivity-app) .more-info-panel footer button[aria-current="true"]{border-color:#486f82!important;background:#092131!important;color:#a6c5d0!important;cursor:default!important;opacity:.78}
:where(#productivity-app) .more-info-panel footer .danger{border-color:#ff5675!important;color:#ff96a9!important}

@media(max-width:900px){
  #productivity-app.more-redesign .ps-app{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  #productivity-app.more-redesign .ps-app>main{padding:18px 12px 28px!important}
  #productivity-app.more-redesign .ps-header{display:block!important;min-height:83px;padding:11px 6px 22px!important}
  #productivity-app.more-redesign .ps-header h1{margin-top:5px!important;font-size:27px!important;letter-spacing:6px!important}
  :where(#productivity-app) .more-screen{gap:22px;padding:0 0 22px}
  :where(#productivity-app) .more-gear{right:5px;top:-89px;width:55px!important;height:55px!important;min-height:55px!important;padding:10px!important}
  :where(#productivity-app) .more-group{padding:28px 15px 15px}
  :where(#productivity-app) .more-group h2{margin:0 0 18px;font-size:16px;letter-spacing:4.5px}
  :where(#productivity-app) .more-row{grid-template-columns:57px minmax(0,1fr) auto 18px;gap:10px;min-height:76px!important;padding:10px 18px!important;font-size:18px!important}
  :where(#productivity-app) .more-row-icon{width:38px;height:38px}
  :where(#productivity-app) .more-row-icon svg{width:34px;height:34px}
  :where(#productivity-app) .more-row-status{font-size:16px}
  #productivity-app.more-redesign .ps-mobile{grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:5px 8px calc(7px + env(safe-area-inset-bottom))!important;border-top-color:#4169bd!important;background:linear-gradient(180deg,rgba(2,17,31,.99),rgba(1,9,18,.99))!important;box-shadow:0 -10px 28px rgba(0,93,159,.27)!important}
  #productivity-app.more-redesign .ps-mobile button{position:relative;min-height:63px!important;color:#c7d5f5!important;font-size:10px!important;gap:3px!important}
  #productivity-app.more-redesign .ps-mobile button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;filter:drop-shadow(0 0 3px #3868ff)}
  #productivity-app.more-redesign .ps-mobile button.active{background:transparent!important;color:#fff!important;box-shadow:none!important;text-shadow:0 0 8px #367bff}
  #productivity-app.more-redesign .ps-mobile button.active::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:#25e9ff;box-shadow:0 0 8px #168dff,0 0 13px #168dff}
}

@media(max-width:430px){
  #productivity-app.more-redesign .ps-app>main{padding-left:8px!important;padding-right:8px!important}
  #productivity-app.more-redesign .ps-header{min-height:70px;padding-bottom:13px!important}
  :where(#productivity-app) .more-screen{gap:12px}
  :where(#productivity-app) .more-gear{top:-75px;width:49px!important;height:49px!important;min-height:49px!important;padding:9px!important}
  :where(#productivity-app) .more-group{padding:16px 7px 7px}
  :where(#productivity-app) .more-group h2{margin-left:6px;margin-bottom:10px;font-size:12px;letter-spacing:3.6px}
  :where(#productivity-app) .more-row{grid-template-columns:38px minmax(0,1fr) auto 13px;gap:7px;min-height:48px!important;padding:5px 10px!important;font-size:15px!important}
  :where(#productivity-app) .more-row-icon{width:29px;height:29px}
  :where(#productivity-app) .more-row-icon svg{width:26px;height:26px}
  :where(#productivity-app) .more-row-status{font-size:13px}
  :where(#productivity-app) .more-chevron{width:10px;height:20px}
  #productivity-app.more-redesign .ps-mobile button{min-height:56px!important;font-size:9px!important}
  #productivity-app.more-redesign .ps-mobile button svg{width:27px;height:27px}
}

/* More fidelity correction: this page is a standalone System surface, not a dashboard card. */
#stage[data-scene="productivity"] #productivity-app.more-redesign{overflow-y:auto!important;background:radial-gradient(circle at 50% 5%,rgba(0,105,158,.16),transparent 29%),#010b14!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app{display:block!important;width:min(942px,100%);max-width:942px;min-height:100svh;height:auto!important;margin:0 auto;padding:28px 31px 150px!important;background:linear-gradient(180deg,rgba(2,15,27,.98),rgba(1,9,17,.99));overflow:visible!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app::before{display:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app>aside{display:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app>main{width:100%;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;overflow:visible!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header{display:block!important;height:105px;min-height:105px;padding:28px 10px 0!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{margin:0!important;font-size:32px!important;font-weight:400!important;line-height:1!important;letter-spacing:7px!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-screen{gap:24px;width:100%;max-width:none;margin:0;padding:0}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-gear{right:5px;top:-86px;width:59px!important;height:56px!important;min-height:56px!important;padding:11px!important;border-radius:7px!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group{padding:32px 16px 16px}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group h2{margin:0 0 20px 14px;font-size:17px;line-height:1;letter-spacing:5px}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row{grid-template-columns:70px minmax(0,1fr) auto 20px;gap:14px;min-height:82px!important;padding:10px 24px!important;font-size:25px!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon{width:43px;height:43px}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon svg{width:39px;height:39px;stroke-width:1.8}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-status{font-size:23px}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-chevron{width:12px;height:25px}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;z-index:50!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(942px,100%)!important;max-width:942px!important;min-height:126px;padding:16px 24px 8px!important;border:0!important;border-top:1px solid #4b72bc!important;background:linear-gradient(180deg,rgba(2,17,31,.995),rgba(1,9,18,.995))!important;box-shadow:0 -14px 35px rgba(0,88,151,.24)!important;transform:translateX(-50%)}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::before,#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::after{content:"";position:absolute;top:-1px;width:43px;height:43px;border-top:1px solid #33d4ff;pointer-events:none}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::before{left:-21px;border-left:1px solid #33d4ff;transform:skewX(-45deg)}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::after{right:-21px;border-right:1px solid #33d4ff;transform:skewX(45deg)}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button{position:relative;display:flex!important;min-height:94px!important;align-items:center!important;justify-content:flex-start!important;flex-direction:column!important;gap:5px!important;padding:2px 3px 11px!important;border:0!important;background:transparent!important;color:#cdd9f7!important;font-size:20px!important;font-weight:400!important;letter-spacing:0!important;box-shadow:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1.75;filter:drop-shadow(0 0 4px #315eff)}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active{background:transparent!important;color:#fff!important;text-shadow:0 0 7px #3a71ff,0 0 14px #2d67ff}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active svg{filter:drop-shadow(0 0 5px #1f7aff) drop-shadow(0 0 10px #1f7aff)}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active::after{left:20%;right:20%;bottom:0;height:3px}

@media(max-width:600px){
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app{padding:12px 13px calc(80px + env(safe-area-inset-bottom))!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header{height:67px;min-height:67px;padding:17px 5px 0!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{font-size:23px!important;letter-spacing:5px!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-screen{gap:11px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-gear{right:2px;top:-62px;width:43px!important;height:42px!important;min-height:42px!important;padding:8px!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-group{padding:15px 7px 7px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-group h2{margin:0 0 10px 7px;font-size:11px;letter-spacing:3.2px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row{grid-template-columns:36px minmax(0,1fr) auto 12px;gap:6px;min-height:43px!important;padding:4px 10px!important;font-size:14px!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon{width:27px;height:27px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon svg{width:25px;height:25px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-status{font-size:13px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-chevron{width:9px;height:18px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile{min-height:68px;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button{min-height:56px!important;gap:1px!important;padding:2px 1px 7px!important;font-size:10px!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button svg{width:29px;height:29px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::before,#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::after{width:24px;height:24px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::before{left:-12px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::after{right:-12px}
}

/* More cleanup pass: continuous frames, left-aligned copy, shared navigation restored. */
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{font-family:"Avenir Next",Avenir,Arial,sans-serif!important;font-size:30px!important;font-weight:300!important;letter-spacing:6px!important;text-align:left!important;text-shadow:0 0 5px rgba(88,111,255,.55)!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-gear{display:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group{position:relative;padding:1px!important;border:0!important;background:#10cfff!important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:0 0 10px rgba(0,154,227,.19)!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group::before{content:"";position:absolute;inset:1px;z-index:0;width:auto;height:auto;background:linear-gradient(135deg,rgba(3,25,43,.985),rgba(1,12,24,.985));clip-path:inherit;transform:none;box-shadow:inset 0 0 28px rgba(0,133,203,.08);pointer-events:none}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group::after{display:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group h2{position:relative;z-index:1;margin:32px 30px 20px!important;color:#69dcff;font-size:17px;font-weight:500;line-height:1;letter-spacing:5px;text-align:left!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows{position:relative;z-index:1;margin:0 16px 16px;padding:1px;border:0!important;background:#087fbd!important;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);overflow:hidden}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows::before{content:"";position:absolute;inset:1px;z-index:0;background:linear-gradient(90deg,rgba(3,24,43,.96),rgba(1,12,23,.93));clip-path:inherit;pointer-events:none}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row{position:relative;z-index:1;justify-items:start!important;text-align:left!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-label{justify-self:start!important;text-align:left!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-status{justify-self:end!important;text-align:right!important}

/* Reuse the existing five-destination app bar without a simulated home indicator. */
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;display:grid!important;width:100%!important;max-width:1700px!important;min-height:106px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:13px max(18px,5vw) calc(10px + env(safe-area-inset-bottom))!important;overflow:visible!important;border:0!important;background:linear-gradient(180deg,rgba(4,17,35,.98),rgba(1,10,23,.985))!important;box-shadow:inset 0 0 24px rgba(15,66,135,.13),0 -3px 22px rgba(3,10,28,.72)!important;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px)!important;transform:translateX(-50%)!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::before{content:"";position:absolute;inset:0 0 auto;width:auto;height:24px;border:0;background:linear-gradient(135deg,transparent 15px,rgba(68,128,219,.48) 16px,rgba(118,184,255,.6) 17px,transparent 18px) left top/24px 24px no-repeat,linear-gradient(225deg,transparent 15px,rgba(68,128,219,.48) 16px,rgba(118,184,255,.6) 17px,transparent 18px) right top/24px 24px no-repeat,linear-gradient(90deg,rgba(57,111,196,.4),rgba(112,184,255,.62) 50%,rgba(57,111,196,.4)) top 0 left 22px/calc(100% - 44px) 1px no-repeat;box-shadow:0 -2px 9px rgba(38,90,187,.11);transform:none}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile::after{display:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button{display:flex!important;min-width:0!important;min-height:82px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:7px 4px 3px!important;border:0!important;background:transparent!important;color:#8597c3!important;font:400 17px/1 "Avenir Next",Avenir,Arial,sans-serif!important;text-align:center!important;box-shadow:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;filter:drop-shadow(0 0 4px rgba(51,111,225,.2))}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active{color:#c8dcff!important;background:transparent!important;text-shadow:0 0 5px rgba(116,183,255,.65),0 0 13px rgba(37,92,235,.42)!important;box-shadow:none!important}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active::after{content:"";position:absolute;left:50%;right:auto;bottom:-3px;width:76px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#1f8cff 12%,#62eeff 50%,#1f8cff 88%,transparent);box-shadow:0 0 6px #26dfff,0 0 13px rgba(36,119,255,.78);transform:translateX(-50%)}

@media(max-width:700px){
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile{min-height:67px!important;padding:4px 1.5% calc(6px + env(safe-area-inset-bottom))!important;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button{min-height:52px!important;gap:2px!important;padding:2px 1px 6px!important;font-size:clamp(11px,2vw,15px)!important}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button svg{width:clamp(24px,4.2vw,32px);height:clamp(24px,4.2vw,32px)}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-mobile button.active::after{bottom:0;width:58px;height:2px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-group{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-group h2{margin:15px 15px 10px!important;font-size:11px;letter-spacing:3.2px}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows{margin:0 7px 7px;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{font-size:23px!important;letter-spacing:5px!important}
}

/* More visual pass: restrained System palette and no simulated top/status bar. */
#stage[data-scene="productivity"] #productivity-app.more-redesign{
  --more-canvas:#010913;
  --more-surface:#031322;
  --more-surface-deep:#020c17;
  --more-edge:#1687b9;
  --more-edge-bright:#42ccf5;
  --more-divider:#12466a;
  --more-heading:#76cbf5;
  --more-icon:#68cff7;
  --more-copy:#dce7f8;
  --more-muted:#9cb6d5;
  --more-state:#40d7dd;
  background:
    radial-gradient(circle at 50% -8%,rgba(19,102,151,.18),transparent 34%),
    linear-gradient(180deg,#020d18 0%,var(--more-canvas) 45%,#010710 100%)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign::before,
#stage[data-scene="productivity"] #productivity-app.more-redesign::after{
  display:none!important;
  content:none!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app{
  padding-top:0!important;
  background:
    radial-gradient(circle at 50% 2%,rgba(18,92,137,.13),transparent 30%),
    linear-gradient(180deg,rgba(2,14,25,.99),rgba(1,8,16,.995))!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header{
  height:auto!important;
  min-height:68px!important;
  padding:20px 10px 15px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header::before,
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header::after{
  display:none!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{
  color:#e8ebff!important;
  font-size:29px!important;
  font-weight:300!important;
  letter-spacing:6.5px!important;
  text-shadow:0 0 7px rgba(101,134,255,.48)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-screen{
  gap:23px;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group{
  background:linear-gradient(135deg,var(--more-edge-bright),var(--more-edge) 25%,#0b527e 62%,#21b9e1)!important;
  box-shadow:0 0 9px rgba(17,142,191,.14)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group::before{
  background:
    radial-gradient(circle at 20% 0,rgba(18,89,132,.14),transparent 42%),
    linear-gradient(145deg,rgba(3,20,35,.99),rgba(1,10,19,.99))!important;
  box-shadow:inset 0 0 32px rgba(22,108,151,.055)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-group h2{
  color:var(--more-heading)!important;
  text-shadow:0 0 7px rgba(50,157,230,.42)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows{
  background:linear-gradient(135deg,#238fbd,#10547d 46%,#163d65)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-rows::before{
  background:
    linear-gradient(90deg,rgba(4,23,39,.985),rgba(2,14,27,.97)),
    var(--more-surface)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row{
  position:relative!important;
  display:block!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:clamp(58px,8.2vw,82px)!important;
  padding:10px 70px 10px 94px!important;
  border-bottom-color:var(--more-divider)!important;
  background:linear-gradient(90deg,rgba(5,27,46,.72),rgba(2,14,27,.38))!important;
  color:var(--more-copy)!important;
  font-family:"Avenir Next",Avenir,Arial,sans-serif!important;
  font-size:clamp(15px,2.4vw,24px)!important;
  text-align:left!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row:hover,
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row:focus-visible{
  background:linear-gradient(90deg,rgba(9,52,79,.78),rgba(3,22,38,.58))!important;
  box-shadow:inset 3px 0 var(--more-edge-bright),inset 0 0 18px rgba(45,171,222,.09)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon{
  position:absolute!important;
  left:25px!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  z-index:3!important;
  transform:translateY(-50%)!important;
  color:var(--more-icon)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon svg{
  filter:drop-shadow(0 0 4px rgba(46,155,225,.48))!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-status{
  position:absolute!important;
  right:53px!important;
  top:50%!important;
  z-index:3!important;
  max-width:34%!important;
  overflow:hidden!important;
  font-size:clamp(13px,2.1vw,21px)!important;
  text-overflow:ellipsis!important;
  transform:translateY(-50%)!important;
  color:var(--more-state)!important;
  text-shadow:0 0 6px rgba(25,177,196,.38)!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-label{
  position:relative!important;
  display:block!important;
  z-index:4!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  color:var(--more-copy)!important;
  opacity:1!important;
  visibility:visible!important;
  text-align:left!important;
  white-space:normal!important;
}
#stage[data-scene="productivity"] #productivity-app.more-redesign .more-chevron{
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  z-index:3!important;
  transform:translateY(-50%)!important;
  stroke:#bed8f3!important;
  filter:drop-shadow(0 0 3px rgba(55,132,213,.42))!important;
}

@media(max-width:700px){
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-app{
    padding-top:0!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header{
    height:auto!important;
    min-height:55px!important;
    padding:15px 5px 11px!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-header h1{
    font-size:22px!important;
    letter-spacing:5.5px!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row{
    min-height:48px!important;
    padding:6px 48px 6px 55px!important;
    font-size:clamp(14px,3.4vw,18px)!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-icon{
    left:13px!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-row-status{
    right:34px!important;
    max-width:31%!important;
    font-size:clamp(12px,3vw,16px)!important;
  }
  #stage[data-scene="productivity"] #productivity-app.more-redesign .more-chevron{
    right:11px!important;
  }
}

/* Final phone cascade. This file is intentionally bundled last. */
@media(max-width:900px){
  html,body,#viewport{width:100%;max-width:100%;overflow:hidden}
  #stage[data-scene="productivity"],#stage[data-scene="productivity"] #productivity-app{background-color:#020b13!important}
  #stage[data-scene="productivity"] #productivity-app{overflow-x:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:touch}
  #productivity-app .ps-app{display:block!important;width:100%;min-height:100svh;padding:calc(8px + env(safe-area-inset-top)) 8px calc(72px + env(safe-area-inset-bottom))!important}
  #productivity-app .ps-app::before{inset:4px 4px calc(60px + env(safe-area-inset-bottom))!important}
  #productivity-app .ps-app>aside{display:none!important}
  #productivity-app .ps-app>main{width:100%;min-height:calc(100svh - 80px)!important;padding:12px 10px 24px!important;overflow:visible!important;clip-path:none!important}
  #productivity-app .ps-header{display:flex!important;gap:3px!important;padding:3px 3px 10px!important;flex-direction:column!important;align-items:flex-start!important}
  #productivity-app .ps-header #ps-kicker{font-size:8px!important;letter-spacing:2.4px!important}
  #productivity-app .ps-header h1{max-width:100%!important;margin:3px 0!important;font-size:clamp(21px,7vw,30px)!important;line-height:1.04!important;letter-spacing:3px!important;overflow-wrap:anywhere}
  #productivity-app .ps-header #ps-subtitle{font-size:7px!important;line-height:1.35;letter-spacing:1.7px!important}
  #productivity-app .ps-clock,#productivity-app .ps-actions,#productivity-app #ps-status{display:none!important}
  #productivity-app .command-hero{display:block!important;margin-bottom:8px!important;padding:12px 11px!important}
  #productivity-app .command-hero span{display:block;font-size:15px!important;line-height:1.25;letter-spacing:1.4px!important;overflow-wrap:anywhere}
  #productivity-app .command-hero p{font-size:8px!important;line-height:1.45;letter-spacing:1.5px!important}
  #productivity-app .command-hero>aside{display:none!important}
  #productivity-app .player-status-actions{display:grid!important;grid-template-columns:1fr;gap:8px!important;width:100%;margin-top:10px}
  #productivity-app .player-status-actions .player-status-trigger{width:100%;min-height:44px!important;margin:0!important;padding:8px!important;font-size:9px!important;white-space:normal}
  #productivity-app .dashboard-grid-command{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:9px!important;margin:0!important}
  #productivity-app .dashboard-grid-command>div{display:block!important;grid-area:auto!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important}
  #productivity-app .command-panel{width:100%;padding:14px 13px!important;overflow:hidden;clip-path:polygon(2.5% 0,97.5% 0,100% 4%,100% 96%,97.5% 100%,2.5% 100%,0 96%,0 4%)!important}
  #productivity-app .command-panel h2{padding-right:72px;font-size:12px!important;line-height:1.25;letter-spacing:1.5px!important}
  #productivity-app .panel-link{right:10px!important;top:10px!important;max-width:92px;min-height:35px!important;font-size:8px!important;white-space:normal}
  #productivity-app .quest-row{grid-template-columns:42px minmax(0,1fr) 62px!important;gap:8px!important;min-height:52px!important}
  #productivity-app .quest-row .check{width:38px!important;height:38px!important}
  #productivity-app .goal-row{grid-template-columns:34px minmax(0,1fr) 46px!important;gap:7px!important}
  #productivity-app .goal-row .goal-time{display:none!important}
  #productivity-app .habit-orbits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #productivity-app .habit-card{min-height:105px!important;padding:10px 4px!important}
  #productivity-app .habit-card b{font-size:10px!important}
  #productivity-app .habit-card small{font-size:7px!important}
  #productivity-app .deadline-row{min-height:48px}
  #productivity-app .week-days{gap:2px}
  #productivity-app .week-days span{min-width:0}
  #productivity-app .week-days small{font-size:6px}
  #productivity-app .week-agenda p{grid-template-columns:45px 7px minmax(0,1fr)!important;font-size:8px!important}
  #productivity-app .command-footer{display:none!important}
  #productivity-app .ps-mobile{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:4px 3px calc(4px + env(safe-area-inset-bottom))!important;border-top:1px solid #4cdcf6!important;background:rgba(3,22,36,.98)!important;box-shadow:0 -7px 24px rgba(13,131,183,.3)}
  #productivity-app .ps-mobile button{display:flex!important;min-width:0!important;min-height:54px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;padding:4px 1px!important;border:0!important;background:transparent!important;color:#9ae0ed!important;font-size:7px!important;line-height:1.05!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important;overflow:visible!important;touch-action:manipulation}
  #productivity-app .ps-mobile button i{font-size:17px!important;font-style:normal}
  #productivity-app .ps-mobile button span{display:block;max-width:100%;overflow-wrap:anywhere}
  #productivity-app .ps-mobile button.active{background:#0d4e69!important;color:#fff!important;box-shadow:inset 0 0 13px rgba(68,226,255,.2)}
  #productivity-app .view-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:13px!important}
  #productivity-app .view-toolbar>div:last-child,#productivity-app .daily-quest-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%}
  #productivity-app .view-toolbar button,#productivity-app .daily-quest-toolbar-actions button{width:100%;min-height:46px!important;white-space:normal}
  #productivity-app .goal-wall,#productivity-app .settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #productivity-app .full-goal,#productivity-app .list-panel,#productivity-app .habit-list-large,#productivity-app .calendar-panel,#productivity-app .settings-grid article{min-width:0;padding:14px!important}
  #productivity-app .full-goal footer,#productivity-app .habit-large footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  #productivity-app .full-goal footer button,#productivity-app .habit-large footer button{min-height:44px!important}
  #productivity-app .list-panel .quest-row{grid-template-columns:42px minmax(0,1fr) 68px!important;padding:10px 0!important}
  #productivity-app .quest-actions{grid-column:1/4!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  #productivity-app .quest-actions button{min-height:42px!important}
  #productivity-app .habit-large{grid-template-columns:48px minmax(0,1fr) auto!important;padding:11px 2px!important}
  #productivity-app .calendar-panel header{gap:8px}
  #productivity-app .calendar-panel h2{font-size:20px!important}
  #productivity-app .calendar-weekdays,#productivity-app .calendar-days{gap:2px!important}
  #productivity-app .calendar-weekdays{font-size:7px!important}
  #productivity-app .calendar-day{min-height:58px!important;padding:4px!important}
  #productivity-app .calendar-day span{font-size:6px!important}
  #productivity-app .calendar-item{min-height:26px!important;font-size:7px!important}
  #productivity-app .settings-grid article{width:100%}
  #productivity-app .sync-record{grid-template-columns:minmax(0,1fr)!important}
  #productivity-app .sync-record button,#productivity-app .calendar-record button{width:100%;min-height:46px!important}
  #productivity-app .modal-card{top:50%!important;left:50%!important;width:min(380px,calc(100vw - 48px))!important;max-height:min(78svh,640px)!important;padding:12px!important;overflow:auto!important;transform:translate(-50%,-50%)!important;-webkit-overflow-scrolling:touch}
  #productivity-app .modal-card header{gap:10px}
  #productivity-app .modal-card header span{font-size:13px;line-height:1.25}
  #productivity-app .modal-card header button{flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important}
  #productivity-app .modal-card label{gap:4px!important;margin-top:10px!important;font-size:11px!important}
  #productivity-app .modal-card input,#productivity-app .modal-card textarea,#productivity-app .modal-card select{min-height:44px!important;font-size:16px!important}
  #productivity-app .modal-card textarea{min-height:60px!important}
  #productivity-app .modal-card footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:14px!important;padding-top:8px!important}
  #productivity-app .modal-card footer button{min-height:44px!important;white-space:normal}
  #productivity-app .ps-auth-mode{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:5px!important}
  #productivity-app .ps-auth-mode button{min-width:0;padding:7px 3px!important;font-size:8px!important;white-space:normal}
  #productivity-app .daily-quest-briefing{width:min(380px,calc(100vw - 48px))!important;max-height:min(78svh,640px)!important;padding:0!important;overflow:auto!important}
  #productivity-app .daily-quest-briefing header{grid-template-columns:40px minmax(0,1fr) 44px!important;gap:7px!important;padding:14px 12px 11px!important}
  #productivity-app .daily-quest-briefing header>span:not(.briefing-mark){min-width:0;padding:8px 4px!important;font-size:13px!important;letter-spacing:1.5px!important}
  #productivity-app .briefing-arrival{margin:18px 14px!important;font-size:9px!important;line-height:1.5}
  #productivity-app .briefing-objectives{margin:0 14px!important;padding:9px 10px!important}
  #productivity-app .briefing-objectives li{grid-template-columns:minmax(0,1fr) auto 18px!important;gap:7px!important;font-size:12px!important}
  #productivity-app .briefing-warning{margin:19px auto 14px!important;padding:0 12px;font-size:10px!important;line-height:1.7!important}
  #productivity-app .daily-quest-briefing footer{display:flex!important;padding:10px 14px 16px!important}
  #productivity-app .daily-quest-briefing .briefing-confirm{width:100%;min-width:0!important;min-height:48px!important}
  #productivity-app .player-status-window{width:100vw!important;height:100svh!important;max-height:none!important;padding:0!important;overflow:hidden!important}
  #productivity-app .player-status-window .status-intro-shell{width:100%;height:100%}
  #productivity-app .player-status-window .status-inner{position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;width:1920px!important;height:1080px!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;transform:translate(-50%,-50%) scale(.36)!important}
}

@media(max-width:400px){
  #productivity-app .player-status-window .status-inner{transform:translate(-50%,-50%) scale(.33)!important}
  #productivity-app .ps-mobile button{font-size:6.5px!important}
}

@media(max-width:360px){
  #productivity-app .player-status-window .status-inner{transform:translate(-50%,-50%) scale(.29)!important}
  #productivity-app .ps-app{padding-left:5px!important;padding-right:5px!important}
  #productivity-app .ps-app>main{padding-left:7px!important;padding-right:7px!important}
  #productivity-app .ps-mobile button{font-size:6px!important}
  #productivity-app .ps-mobile button i{font-size:15px!important}
}

@media(max-width:700px){
  #stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .quest-check::after{content:"";position:absolute;inset:-55px}
}

/* Calendar redesign: a self-contained System window based on the supplied references. */
#productivity-app.calendar-redesign{
  --cal-cyan:#26e9ff;
  --cal-blue:#168cff;
  --cal-violet:#b42cff;
  --cal-aqua:#39e6da;
  --cal-personal:#6f96dc;
  --cal-line:rgba(18,145,229,.76);
  --cal-line-soft:rgba(15,116,190,.53);
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 44%,rgba(8,72,126,.28),transparent 45%),
    repeating-linear-gradient(90deg,transparent 0 46px,rgba(15,104,200,.055) 47px 49px,transparent 50px 91px),
    repeating-linear-gradient(180deg,transparent 0 78px,rgba(20,109,196,.04) 79px 81px),
    linear-gradient(115deg,#010815,#03132a 50%,#010817)!important;
}

/* Event details bottom sheet — intentionally mirrors the approved mobile System panel. */
#productivity-app .calendar-details-backdrop{background:rgba(0,5,18,.28)!important;backdrop-filter:none!important}
#productivity-app .calendar-event-details.tone-work{--event-accent:#2ce0d4}
#productivity-app .calendar-event-details.tone-study{--event-accent:#c02cff}
#productivity-app .calendar-event-details.tone-class{--event-accent:#168cff}
#productivity-app .calendar-event-details.tone-personal{--event-accent:#6f96dc}
#productivity-app .calendar-event-details.tone-health{--event-accent:#2ce0a1}
#productivity-app .calendar-event-details.tone-other{--event-accent:#72b6ef}
#productivity-app .calendar-event-details{
  --event-accent:#72b6ef;
  top:auto!important;left:50%!important;right:auto!important;bottom:22px!important;width:min(900px,calc(100vw - 28px))!important;max-height:calc(100svh - 44px)!important;
  margin:0!important;padding:0 38px 28px!important;overflow:auto!important;transform:translateX(-50%)!important;border:1px solid #68eaff!important;border-radius:0!important;
  clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px),0 30px)!important;
  background:
    radial-gradient(circle at 82% 22%,rgba(22,86,198,.13),transparent 34%),
    repeating-linear-gradient(112deg,transparent 0 35px,rgba(25,105,190,.025) 36px 37px),
    linear-gradient(155deg,rgba(2,20,43,.99),rgba(0,8,22,.995))!important;
  box-shadow:inset 0 0 0 3px rgba(24,84,216,.2),inset 0 0 42px rgba(5,75,171,.18),0 0 5px #a8fbff,0 0 17px #1b79ff!important;
  animation:calendar-details-rise .22s ease-out both
}
@keyframes calendar-details-rise{from{opacity:.75;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%,0)}}
#productivity-app .calendar-sheet-handle{width:100px;height:8px;margin:16px auto 10px;border-radius:20px;background:linear-gradient(90deg,#154cbb,#2990ff);box-shadow:0 0 7px rgba(40,125,255,.6)}
#productivity-app .calendar-detail-heading{
  display:grid!important;grid-template-columns:16px minmax(0,1fr) 54px;align-items:center;gap:24px;min-height:110px;padding:0 0 12px!important;border-bottom:1px solid rgba(25,121,187,.52);background:transparent!important
}
#productivity-app .calendar-detail-heading>i{display:block;width:12px;height:72px;border-radius:7px;background:var(--event-accent,#c02cff);box-shadow:0 0 12px var(--event-accent,#c02cff)}
#productivity-app .calendar-detail-heading h2{margin:0;color:#f5f3ff;font-size:38px;font-weight:600;letter-spacing:.2px;text-shadow:0 0 8px rgba(126,143,255,.42)}
#productivity-app .calendar-detail-heading button{
  display:grid!important;width:54px!important;height:54px!important;min-height:54px!important;place-items:center;padding:0!important;border:1px solid #10c7e8!important;border-radius:5px!important;
  background:rgba(2,13,31,.76)!important;color:#f4f2ff!important;font:300 47px/1 Arial,sans-serif!important;box-shadow:inset 0 0 12px rgba(21,88,199,.17),0 0 7px rgba(14,194,238,.14)!important
}
#productivity-app .calendar-event-detail-list{display:block;margin:0!important}
#productivity-app .calendar-event-detail-row{
  position:relative;display:grid!important;grid-template-columns:50px 190px minmax(0,1fr) 52px;align-items:center;min-height:66px;padding:0 4px!important;border:0!important;border-bottom:1px solid rgba(20,104,164,.5)!important;background:transparent!important
}
#productivity-app .calendar-detail-icon{display:grid;place-items:center;color:#23e5f2}
#productivity-app .calendar-detail-icon svg,#productivity-app .calendar-event-detail-actions svg,#productivity-app .calendar-location-link svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(26,224,244,.42))}
#productivity-app .calendar-event-detail-row dt{color:#a4e6ee!important;font-size:21px!important;font-weight:400;letter-spacing:0!important;text-transform:none}
#productivity-app .calendar-event-detail-row dd{grid-column:3;margin:0!important;color:#f1f0f8!important;font-size:21px;line-height:1.35;white-space:pre-wrap}
#productivity-app .calendar-category-pill{display:inline-flex;min-height:38px;align-items:center;padding:4px 18px;border:1px solid var(--event-accent,#c02cff);border-radius:6px;background:color-mix(in srgb,var(--event-accent,#c02cff) 24%,#071126);box-shadow:inset 0 0 10px color-mix(in srgb,var(--event-accent,#c02cff) 22%,transparent),0 0 7px color-mix(in srgb,var(--event-accent,#c02cff) 38%,transparent)}
#productivity-app .calendar-location-link{grid-column:4;display:grid;width:46px;height:46px;place-items:center;justify-self:end;border:1px solid #1bdef2;border-radius:5px;background:rgba(8,20,57,.8);color:#65dfff;box-shadow:inset 0 0 9px rgba(34,108,229,.3)}
#productivity-app .calendar-location-link svg{width:27px;height:27px}
#productivity-app .calendar-event-detail-actions{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:28px 0 0!important;padding:0!important;background:transparent!important}
#productivity-app .calendar-event-detail-actions button{
  display:flex!important;min-height:76px!important;align-items:center;justify-content:center;gap:16px;padding:10px 16px!important;border:1px solid #168ec9!important;border-radius:7px!important;
  background:rgba(3,15,34,.84)!important;color:#ddecff!important;font-size:23px!important;font-weight:400!important;letter-spacing:0!important;box-shadow:inset 0 0 13px rgba(17,89,179,.15)!important
}
#productivity-app .calendar-event-detail-actions .calendar-detail-edit{border-color:#94f7ff!important;background:linear-gradient(135deg,#126fff,#0738ae)!important;color:#fff!important;box-shadow:inset 0 0 15px rgba(185,255,255,.42),0 0 6px #e3ffff,0 0 18px #167fff!important}
#productivity-app .calendar-event-detail-actions .calendar-detail-delete{border-color:#ff4168!important;background:rgba(28,7,24,.72)!important;color:#ff5375!important;box-shadow:inset 0 0 11px rgba(255,42,91,.08)!important}
#productivity-app .calendar-event-detail-actions svg{width:34px;height:34px}

@media(max-width:700px){
  #productivity-app .calendar-event-details{
    top:auto!important;left:0!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;width:100%!important;max-height:calc(100svh - 66px - env(safe-area-inset-bottom))!important;
    padding:0 20px 18px!important;overflow:auto!important;transform:none!important;
    clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%,0 19px)!important;
    animation:calendar-details-rise-mobile .22s ease-out both
  }
  @keyframes calendar-details-rise-mobile{from{opacity:.75;transform:translateY(24px)}to{opacity:1;transform:none}}
  #productivity-app .calendar-sheet-handle{width:50px;height:5px;margin:10px auto 5px}
  #productivity-app .calendar-detail-heading{grid-template-columns:7px minmax(0,1fr) 42px;gap:13px;min-height:70px;padding:0 0 8px!important}
  #productivity-app .calendar-detail-heading>i{width:6px;height:46px}
  #productivity-app .calendar-detail-heading h2{font-size:clamp(23px,5.5vw,31px)}
  #productivity-app .calendar-detail-heading button{width:42px!important;height:42px!important;min-height:42px!important;font-size:36px!important}
  #productivity-app .calendar-event-detail-row{grid-template-columns:38px clamp(72px,20vw,94px) minmax(0,1fr) 35px;min-height:48px;padding:0 1px!important}
  #productivity-app .calendar-detail-icon svg{width:23px;height:23px}
  #productivity-app .calendar-event-detail-row dt{font-size:clamp(13px,3.15vw,17px)!important}
  #productivity-app .calendar-event-detail-row dd{font-size:clamp(13px,3.15vw,17px);line-height:1.25}
  #productivity-app .calendar-category-pill{min-height:28px;padding:3px 10px;border-radius:4px}
  #productivity-app .calendar-location-link{width:32px;height:32px}
  #productivity-app .calendar-location-link svg{width:21px;height:21px}
  #productivity-app .calendar-event-detail-actions{gap:9px!important;margin:16px 0 0!important}
  #productivity-app .calendar-event-detail-actions button{min-height:51px!important;gap:8px;padding:7px 5px!important;font-size:clamp(12px,3vw,16px)!important;white-space:nowrap}
  #productivity-app .calendar-event-detail-actions svg{width:24px;height:24px}
}
#productivity-app.calendar-redesign::before,
#productivity-app.calendar-redesign::after{display:none!important}
#productivity-app.calendar-redesign .ps-noise{
  opacity:.72;
  background:
    radial-gradient(circle at 22% 4%,rgba(30,102,214,.17),transparent 24%),
    radial-gradient(circle at 79% 11%,rgba(0,164,255,.13),transparent 28%),
    repeating-linear-gradient(90deg,transparent 0 7px,rgba(5,68,140,.12) 8px 9px,transparent 10px 36px),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(68,207,255,.025) 4px 5px);
}
#productivity-app.calendar-redesign .ps-app{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:100svh!important;
  padding:clamp(18px,2.5vw,34px) clamp(12px,2.2vw,30px)!important;
  margin:0!important;
}
#productivity-app.calendar-redesign .ps-app>aside,
#productivity-app.calendar-redesign .ps-app>main>.ps-header,
#productivity-app.calendar-redesign #ps-status{display:none!important}
#productivity-app.calendar-redesign .ps-app>main{
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
}
#productivity-app.calendar-redesign #ps-content{width:100%;max-width:1440px;margin:0 auto}

#productivity-app .calendar-console{
  position:relative;
  isolation:isolate;
  width:100%;
  min-width:0;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  background:
    linear-gradient(rgba(1,10,25,.94),rgba(1,12,28,.97)),
    repeating-linear-gradient(115deg,transparent 0 28px,rgba(25,136,198,.045) 29px 30px)!important;
  box-shadow:inset 0 0 48px rgba(7,73,166,.22)!important;
}
#productivity-app .calendar-console::before,
#productivity-app .calendar-console::after{display:none}
#productivity-app .calendar-frame-lines{display:none}
#productivity-app .calendar-console{font-family:"Avenir Next",Avenir,Arial,sans-serif!important}
#productivity-app .calendar-console button{font-family:"Avenir Next",Avenir,Arial,sans-serif!important}

#productivity-app .calendar-console-header{
  position:relative;z-index:4;display:grid!important;grid-template-columns:minmax(220px,.85fr) minmax(500px,1.8fr) 64px;gap:18px;align-items:center!important;min-height:82px;padding:15px 18px 12px!important;border-bottom:1px solid #12e7ee!important;background:linear-gradient(90deg,rgba(2,11,25,.96),rgba(3,25,51,.78),rgba(2,10,23,.96))!important;
}
#productivity-app .calendar-console-header h2{
  margin:0!important;color:#f4f0ff!important;font-size:clamp(31px,3.2vw,43px)!important;font-weight:400!important;letter-spacing:6px!important;text-shadow:0 0 12px rgba(106,171,255,.78)!important;
}
#productivity-app .calendar-console-header nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
#productivity-app .calendar-console-header nav button{
  min-height:58px!important;padding:7px 12px!important;border:1px solid #168acc!important;border-right:0!important;border-radius:4px 0 0 4px!important;background:rgba(2,12,28,.92)!important;color:#37dfff!important;font-size:19px!important;font-weight:400!important;letter-spacing:1.5px!important;box-shadow:inset 0 0 12px rgba(20,85,160,.1)!important;
}
#productivity-app .calendar-console-header nav button+button{border-radius:0!important}
#productivity-app .calendar-console-header nav button:last-child{border-right:1px solid #168acc!important;border-radius:0 4px 4px 0!important}
#productivity-app .calendar-console-header nav button.active{
  position:relative;z-index:2;border-color:#72f9ff!important;background:linear-gradient(180deg,rgba(19,111,255,.86),rgba(4,48,137,.72))!important;color:#fff!important;text-shadow:0 0 7px #fff,0 0 18px #32dfff!important;box-shadow:inset 0 0 19px rgba(112,252,255,.66),0 0 5px #eaffff,0 0 18px #158cff!important;
}
#productivity-app .calendar-close{
  position:relative!important;width:64px!important;height:58px!important;min-height:58px!important;padding:0!important;border:1px solid #1cb7fa!important;border-radius:4px!important;background:rgba(3,20,46,.88)!important;box-shadow:inset 0 0 13px rgba(37,110,230,.18)!important;
}
#productivity-app .calendar-close{display:none!important}
#productivity-app .calendar-close::before,
#productivity-app .calendar-close::after{content:"";position:absolute;left:16px;right:16px;top:28px;height:2px;background:#f7f1ff;box-shadow:0 0 8px #b988ff}
#productivity-app .calendar-close::before{transform:rotate(45deg)}
#productivity-app .calendar-close::after{transform:rotate(-45deg)}

#productivity-app .calendar-console-nav{
  position:relative;z-index:3;display:grid!important;grid-template-columns:72px minmax(0,1fr) 72px 142px;gap:18px;align-items:center;min-height:116px;padding:18px 23px!important;border-bottom:1px solid var(--cal-line)!important;
}
#productivity-app .calendar-console-nav h3{
  margin:0!important;color:#ece8ff!important;font-size:clamp(28px,3.3vw,40px)!important;font-weight:400!important;letter-spacing:.6px!important;text-align:center!important;text-shadow:0 0 11px rgba(82,137,255,.58)!important;
}
#productivity-app .calendar-date-select{position:relative;display:block;min-width:0;cursor:pointer}
#productivity-app .calendar-date-select input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#productivity-app .calendar-console-nav>button{
  min-height:58px!important;padding:0!important;border:0!important;background:transparent!important;color:#41dfff!important;font-size:66px!important;font-weight:200!important;line-height:.8!important;text-shadow:0 0 12px #167cff!important;box-shadow:none!important;
}
#productivity-app .calendar-console-nav .calendar-today{
  min-height:60px!important;border:1px solid #1dbef4!important;border-radius:4px!important;background:rgba(8,33,72,.82)!important;color:#eeeaff!important;font-size:20px!important;letter-spacing:.4px!important;text-shadow:0 0 9px rgba(107,127,255,.4)!important;box-shadow:inset 0 0 14px rgba(53,137,255,.15)!important;
}
#productivity-app .calendar-view{position:relative;z-index:2;padding:0 2px!important}

/* Month */
#productivity-app .calendar-month{border-left:1px solid var(--cal-line-soft);border-right:1px solid var(--cal-line-soft)}
#productivity-app .calendar-weekdays,
#productivity-app .calendar-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;margin:0!important}
#productivity-app .calendar-weekdays span{
  min-height:58px!important;display:grid!important;place-items:center;border-right:1px solid var(--cal-line-soft)!important;border-bottom:1px solid var(--cal-line-soft)!important;color:#8cf3ff!important;font-size:20px!important;font-weight:400!important;letter-spacing:.2px!important;
}
#productivity-app .calendar-weekdays span:last-child{border-right:0!important}
#productivity-app .calendar-cell{
  min-width:0!important;min-height:112px!important;border:0!important;border-right:1px solid var(--cal-line-soft)!important;border-bottom:1px solid var(--cal-line-soft)!important;background:rgba(1,13,30,.55)!important;color:#eeeaff!important;padding:0!important;
}
#productivity-app .calendar-cell:nth-child(7n){border-right:0!important}
#productivity-app .calendar-cell.outside{opacity:.42}
#productivity-app .calendar-cell.selected{
  position:relative;z-index:2;background:linear-gradient(145deg,rgba(6,95,127,.68),rgba(4,39,88,.9))!important;box-shadow:inset 0 0 28px rgba(44,237,255,.55),inset 0 0 0 2px #65fbff,0 0 11px #1edfff!important;
}
#productivity-app .calendar-cell.today:not(.selected){box-shadow:inset 0 0 0 1px rgba(101,207,255,.82)!important}
#productivity-app .calendar-date{
  display:grid!important;grid-template-rows:auto 1fr;width:100%!important;height:100%!important;min-height:112px!important;padding:18px 8px 11px!important;border:0!important;background:transparent!important;color:inherit!important;text-align:center!important;box-shadow:none!important;
}
#productivity-app .calendar-date b{font-size:25px!important;font-weight:400!important}
#productivity-app .calendar-cell.selected .calendar-date b{color:#d8ffff!important;text-shadow:0 0 8px #fff,0 0 17px #00d9ff!important}
#productivity-app .calendar-dots{display:flex!important;min-height:15px;align-self:end;align-items:center;justify-content:center;gap:9px}
#productivity-app .calendar-dots i,
#productivity-app .calendar-legend i{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
#productivity-app .calendar-dots small{color:#8ccde0;font-size:8px}
#productivity-app .tone-quest{color:var(--cal-blue)!important}
#productivity-app .tone-goal{color:var(--cal-violet)!important}
#productivity-app .tone-daily{color:var(--cal-aqua)!important}
#productivity-app .tone-complete{color:var(--cal-personal)!important}

#productivity-app .calendar-agenda{
  margin:18px 10px 8px!important;padding:13px 16px 17px!important;border:1px solid var(--cal-line)!important;background:linear-gradient(145deg,rgba(3,19,43,.88),rgba(1,10,25,.95))!important;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)!important;
}
#productivity-app .calendar-agenda>header{
  display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;min-height:54px!important;padding:0 10px 10px!important;border-bottom:1px solid rgba(49,203,255,.72)!important;
}
#productivity-app .calendar-agenda h3{margin:0!important;color:#e9e5ff!important;font-size:27px!important;font-weight:400!important;letter-spacing:.2px!important}
#productivity-app .calendar-agenda header span{color:#22dcff!important;font-size:17px!important;letter-spacing:.3px!important}
#productivity-app .calendar-agenda-list{display:grid!important;gap:0!important;padding-top:0!important}
#productivity-app .calendar-agenda-row{display:grid!important;grid-template-columns:150px minmax(0,1fr);align-items:center;min-height:67px;border-bottom:1px solid rgba(18,133,208,.55)}
#productivity-app .calendar-agenda-row>time{padding:0 14px!important;color:#20e3f7!important;font-size:21px!important;text-align:left!important}
#productivity-app .calendar-agenda-item{
  position:relative;display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;width:100%!important;min-height:49px!important;padding:7px 15px 7px 7px!important;overflow:hidden;border:1px solid currentColor!important;border-radius:6px!important;background:linear-gradient(90deg,color-mix(in srgb,currentColor 42%,#102050),rgba(3,17,49,.95))!important;text-align:left!important;box-shadow:inset 20px 0 0 color-mix(in srgb,currentColor 58%,#fff),inset 0 0 20px color-mix(in srgb,currentColor 22%,transparent),0 0 9px color-mix(in srgb,currentColor 37%,transparent)!important;
}
#productivity-app .calendar-agenda-item i{width:18px;height:100%;display:block}
#productivity-app .calendar-agenda-item b{min-width:0;overflow:hidden;color:#f1efff!important;font-size:20px!important;font-weight:400!important;text-overflow:ellipsis;white-space:nowrap}
#productivity-app .calendar-agenda-item small{color:#b7dded!important;font-size:9px!important;letter-spacing:1px!important}
#productivity-app .calendar-agenda-item.complete{opacity:.62}
#productivity-app .calendar-agenda-item.complete b{text-decoration:line-through}
#productivity-app .calendar-agenda-add{justify-self:center!important;min-height:34px!important;margin-top:12px!important;padding:6px 18px!important;border:1px solid rgba(39,186,236,.52)!important;background:rgba(5,39,68,.7)!important;color:#8debf8!important;font-size:10px!important;letter-spacing:1.3px!important}
#productivity-app .calendar-agenda-empty{display:grid!important;width:100%!important;min-height:112px!important;place-content:center!important;gap:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
#productivity-app .calendar-agenda-empty span{color:#70eaf9!important;font-size:13px!important;letter-spacing:2px!important}
#productivity-app .calendar-agenda-empty p{margin:0!important;color:#6e9eae!important;font-size:11px!important}

/* Year */
#productivity-app .calendar-year-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:10px 11px 0!important}
#productivity-app .calendar-mini-month{
  min-width:0!important;padding:10px 14px 11px!important;border:1px solid var(--cal-line)!important;border-radius:7px!important;background:linear-gradient(145deg,rgba(2,19,41,.78),rgba(1,10,24,.88))!important;box-shadow:inset 0 0 15px rgba(9,67,145,.12)!important;
}
#productivity-app .calendar-mini-month.active{border-color:#51f6ff!important;background:linear-gradient(145deg,rgba(4,68,94,.68),rgba(2,20,49,.88))!important;box-shadow:inset 0 0 29px rgba(31,236,255,.3),0 0 12px rgba(17,209,255,.62)!important}
#productivity-app .mini-month-title{
  display:block!important;width:100%!important;min-height:34px!important;padding:0 1px 8px!important;border:0!important;border-bottom:1px solid var(--cal-line-soft)!important;background:transparent!important;color:#e8e5ff!important;font-size:23px!important;font-weight:400!important;text-align:left!important;box-shadow:none!important;
}
#productivity-app .mini-weekdays,
#productivity-app .mini-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
#productivity-app .mini-weekdays span{padding:8px 0 4px!important;color:#42e9ff!important;font-size:12px!important;text-align:center!important}
#productivity-app .mini-date{
  position:relative;display:grid!important;place-items:center!important;min-width:0!important;width:100%!important;height:31px!important;min-height:31px!important;padding:0!important;border:0!important;background:transparent!important;color:#d9dcf5!important;font-size:13px!important;box-shadow:none!important;
}
#productivity-app .mini-date.selected{border:1px solid #52f5ff!important;border-radius:3px!important;background:#086481!important;color:#fff!important;box-shadow:0 0 10px #22dff5!important}
#productivity-app .mini-date.today:not(.selected){color:#76f8ff!important;text-shadow:0 0 7px #2bdfff!important}
#productivity-app .mini-date .calendar-dots{position:absolute!important;left:50%;bottom:1px;gap:2px!important;min-height:0!important;transform:translateX(-50%)}
#productivity-app .mini-date .calendar-dots i{width:4px!important;height:4px!important;flex-basis:4px!important;box-shadow:0 0 3px currentColor!important}
#productivity-app .mini-date .calendar-dots small{display:none!important}
#productivity-app .calendar-legend{display:flex!important;justify-content:center!important;gap:25px!important;padding:16px 0 3px!important;color:#a9cbe4!important;font-size:11px!important}
#productivity-app .calendar-legend span{display:flex!important;align-items:center!important;gap:7px!important}
#productivity-app .calendar-legend i{width:10px!important;height:10px!important;flex-basis:10px!important}

/* Week and day are true timelines backed by the shared event collection. */
#productivity-app .calendar-week-shell{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  grid-template-rows:88px 960px!important;
  margin:0!important;
  border-bottom:1px solid var(--cal-line-soft)!important;
  background:rgba(1,10,24,.7)!important;
}
#productivity-app .calendar-week-corner{
  grid-column:1;grid-row:1;border-right:1px solid var(--cal-line-soft);border-bottom:1px solid var(--cal-line-soft);background:rgba(1,12,27,.92)
}
#productivity-app .calendar-week-headings{
  grid-column:2;grid-row:1;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important
}
#productivity-app .calendar-week-date{
  display:flex!important;min-width:0!important;min-height:88px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:7px 2px!important;border:0!important;border-right:1px solid var(--cal-line-soft)!important;border-bottom:1px solid var(--cal-line-soft)!important;background:rgba(1,15,31,.82)!important;color:#e8ecff!important;box-shadow:none!important
}
#productivity-app .calendar-week-date:last-child{border-right:0!important}
#productivity-app .calendar-week-date span{color:#8ff5ff!important;font-size:17px!important;font-weight:400!important}
#productivity-app .calendar-week-date b{font-size:16px!important;font-weight:400!important;color:#6ae7f8!important}
#productivity-app .calendar-week-date.selected{background:rgba(5,53,83,.62)!important;box-shadow:inset 0 0 24px rgba(39,226,255,.2)!important}
#productivity-app .calendar-week-date.today{color:#fff!important;text-shadow:0 0 8px #48eaff!important}
#productivity-app .calendar-week-times{
  position:relative;grid-column:1;grid-row:2;border-right:1px solid var(--cal-line-soft);background:rgba(1,12,27,.9)
}
#productivity-app .calendar-week-time{
  position:absolute;left:0;right:0;top:calc(var(--week-row) * 120px - 16px);display:block;padding-right:16px;color:#b9dffc;font-size:16px;text-align:right;white-space:nowrap
}
#productivity-app .calendar-week-time:first-child{top:14px}
#productivity-app .calendar-week-grid{
  grid-column:2;grid-row:2;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;min-height:0!important;margin:0!important;border:0!important;background:repeating-linear-gradient(to bottom,rgba(19,136,220,.55) 0 1px,transparent 1px 60px,rgba(16,97,168,.25) 60px 61px,transparent 61px 120px)!important
}
#productivity-app .calendar-week-day{position:relative;min-width:0;border-right:1px solid var(--cal-line-soft);background:rgba(1,11,25,.22)}
#productivity-app .calendar-week-day:last-child{border-right:0}
#productivity-app .calendar-week-day.selected{background:rgba(4,50,77,.25);box-shadow:inset 0 0 24px rgba(43,227,255,.09)}
#productivity-app .calendar-week-slot{
  position:absolute!important;z-index:1;left:0!important;right:0!important;top:calc(var(--week-slot) * 60px)!important;width:100%!important;height:60px!important;min-height:60px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
#productivity-app .calendar-week-slot:hover,#productivity-app .calendar-week-slot:focus-visible{background:rgba(46,223,255,.07)!important;outline:1px solid rgba(52,222,255,.35)!important;outline-offset:-1px!important}
#productivity-app .week-event{
  position:absolute!important;z-index:3;top:var(--week-event-top)!important;left:var(--week-event-left)!important;width:var(--week-event-width)!important;height:max(34px,var(--week-event-height))!important;min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px!important;overflow:hidden!important;border:1px solid currentColor!important;border-radius:5px!important;background:linear-gradient(145deg,color-mix(in srgb,currentColor 30%,#061331),rgba(3,15,41,.96))!important;color:#a9edff!important;text-align:center!important;box-shadow:inset 0 0 17px color-mix(in srgb,currentColor 24%,transparent),0 0 7px color-mix(in srgb,currentColor 42%,transparent)!important
}
#productivity-app .week-event span{max-width:100%;overflow:hidden;color:#f5f1ff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
#productivity-app .week-event small{color:#c6e8f3;font-size:8px;white-space:nowrap}
#productivity-app .week-event:hover,#productivity-app .week-event:focus-visible{z-index:5;filter:brightness(1.22);box-shadow:inset 0 0 20px color-mix(in srgb,currentColor 32%,transparent),0 0 13px currentColor!important}
#productivity-app .calendar-day-view{padding:10px 12px 0}
#productivity-app .calendar-day-scroll{height:min(690px,calc(100svh - 310px));min-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#168bd0 #03101f;scrollbar-width:thin;border:1px solid var(--cal-line-soft);background:rgba(1,10,24,.76)}
#productivity-app .calendar-day-grid{display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0}
#productivity-app .calendar-time-labels,#productivity-app .calendar-day-events{position:relative;height:1920px}
#productivity-app .calendar-time-labels{border-right:1px solid var(--cal-line);background:linear-gradient(90deg,rgba(2,14,31,.98),rgba(4,26,48,.82))}
#productivity-app .calendar-hour-label{position:absolute;left:0;right:0;top:calc(var(--hour) * 80px);height:80px;display:flex;align-items:flex-start;justify-content:flex-end;padding:17px 22px 0 4px;border-top:1px solid var(--cal-line-soft);color:#2ce9ff;font-size:18px;letter-spacing:.3px;white-space:nowrap}
#productivity-app .calendar-day-events{overflow:hidden;background:repeating-linear-gradient(to bottom,rgba(19,136,220,.6) 0 1px,transparent 1px 40px,rgba(16,97,168,.28) 40px 41px,transparent 41px 80px)}
#productivity-app .calendar-time-slot{position:absolute!important;left:0!important;right:0!important;top:calc(var(--slot) * 40px)!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#productivity-app .calendar-time-slot:hover,#productivity-app .calendar-time-slot:focus-visible{z-index:1;background:rgba(46,223,255,.08)!important;outline:1px solid rgba(52,222,255,.48)!important;outline-offset:-1px!important}
#productivity-app .calendar-time-slot:active,#productivity-app .calendar-event-card:active{filter:brightness(1.25)}
#productivity-app .calendar-event-card{position:absolute;z-index:3;top:var(--event-top);left:var(--event-left);width:var(--event-width);height:max(31px,var(--event-height));min-width:0;overflow:hidden;border:1px solid currentColor;border-radius:7px;background:linear-gradient(90deg,color-mix(in srgb,currentColor 45%,#08164b),rgba(4,14,47,.97));box-shadow:inset 23px 0 0 color-mix(in srgb,currentColor 62%,#eaffff),inset 0 0 22px color-mix(in srgb,currentColor 25%,transparent),0 0 10px color-mix(in srgb,currentColor 44%,transparent);touch-action:none;transition:filter .16s,box-shadow .16s,transform .16s}
#productivity-app .calendar-event-card:hover,#productivity-app .calendar-event-card:focus-within{z-index:5;filter:brightness(1.18);box-shadow:inset 23px 0 0 color-mix(in srgb,currentColor 62%,#eaffff),inset 0 0 26px color-mix(in srgb,currentColor 35%,transparent),0 0 15px currentColor}
#productivity-app .calendar-event-card.gesture-active{z-index:8;opacity:.9;transition:none;filter:brightness(1.25)}
#productivity-app .calendar-event-open{display:flex!important;width:100%!important;height:100%!important;min-height:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:6px 27px 6px 36px!important;border:0!important;background:transparent!important;color:#f5f4ff!important;text-align:left!important;box-shadow:none!important;cursor:grab!important}
#productivity-app .calendar-event-open span{max-width:100%;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}
#productivity-app .calendar-event-open small{max-width:100%;overflow:hidden;margin-top:2px;color:#c2dcf2;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
#productivity-app .calendar-event-resize{position:absolute!important;right:5px!important;bottom:2px!important;width:26px!important;height:12px!important;min-height:0!important;padding:0!important;border:0!important;border-bottom:2px solid currentColor!important;background:transparent!important;box-shadow:none!important;cursor:ns-resize!important}
#productivity-app .calendar-now-line{position:absolute;z-index:7;left:0;right:0;height:2px;background:#ff4f85;box-shadow:0 0 8px #ff3e80,0 0 16px #ff3277;pointer-events:none}
#productivity-app .calendar-now-line::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#ff4f85;box-shadow:0 0 8px #ff4f85}
#productivity-app .calendar-now-line span{position:absolute;right:7px;top:-18px;padding:1px 5px;background:#310b25;color:#ffc9dd;font-size:9px;letter-spacing:.4px}
#productivity-app .calendar-day-help{display:none}
#productivity-app .tone-work{color:#2ce0d4!important}
#productivity-app .tone-study{color:#c02cff!important}
#productivity-app .tone-class{color:#168cff!important}
#productivity-app .tone-personal{color:#6f96dc!important}
#productivity-app .tone-health{color:#2ce0a1!important}
#productivity-app .tone-other{color:#72b6ef!important}
#productivity-app .calendar-frame-footer{display:none}

/* Event editor and details are real, reusable calendar dialogs. */
#productivity-app .calendar-event-editor{width:min(760px,calc(100vw - 36px));padding:24px 28px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
#productivity-app .calendar-event-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
#productivity-app .calendar-event-fields .calendar-event-title,#productivity-app .calendar-event-fields .calendar-event-notes{grid-column:1/-1}
#productivity-app .calendar-event-details{width:min(650px,calc(100vw - 36px));clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
#productivity-app .calendar-event-detail-heading{margin-top:18px;padding:18px 20px;border:1px solid currentColor;background:linear-gradient(90deg,color-mix(in srgb,currentColor 27%,#07142c),rgba(2,12,28,.96));box-shadow:inset 8px 0 currentColor,0 0 14px color-mix(in srgb,currentColor 25%,transparent)}
#productivity-app .calendar-event-detail-heading small{font-size:9px;letter-spacing:2px}
#productivity-app .calendar-event-detail-heading h2{margin:8px 0 5px;color:#f0f8ff;font-size:28px;font-weight:400}
#productivity-app .calendar-event-detail-heading p{margin:0;color:#b5daea;font-size:13px}
#productivity-app .calendar-event-details dl{display:grid;gap:12px;margin:18px 0}
#productivity-app .calendar-event-details dl div{padding:12px;border:1px solid rgba(51,170,211,.38);background:rgba(2,15,28,.54)}
#productivity-app .calendar-event-details dt{color:#58deef;font-size:8px;letter-spacing:1.8px}
#productivity-app .calendar-event-details dd{margin:7px 0 0;color:#d8f2f7;line-height:1.45;white-space:pre-wrap}
#productivity-app .calendar-event-details footer button:nth-child(2){border-color:#ff537d!important;color:#ffafc1!important;background:#401126!important}

@media(max-width:900px){
  #productivity-app.calendar-redesign .ps-app{padding:18px 10px!important}
  #productivity-app.calendar-redesign .ps-app>main{padding:0!important}
  #productivity-app .calendar-console{padding:0!important}
  #productivity-app .calendar-console-header{grid-template-columns:minmax(170px,.75fr) minmax(360px,1.8fr) 54px;gap:10px;min-height:68px;padding:10px 12px 9px!important}
  #productivity-app .calendar-console-header h2{font-size:28px!important;letter-spacing:5px!important}
  #productivity-app .calendar-console-header nav button{min-height:48px!important;font-size:14px!important}
  #productivity-app .calendar-close{width:54px!important;height:48px!important;min-height:48px!important}
  #productivity-app .calendar-close::before,#productivity-app .calendar-close::after{left:14px;right:14px;top:23px}
  #productivity-app .calendar-console-nav{grid-template-columns:55px minmax(0,1fr) 55px 105px;gap:10px;min-height:90px;padding:13px 16px!important}
  #productivity-app .calendar-console-nav h3{font-size:28px!important}
  #productivity-app .calendar-console-nav>button{font-size:54px!important}
  #productivity-app .calendar-console-nav .calendar-today{min-height:49px!important;font-size:16px!important}
  #productivity-app .calendar-weekdays span{min-height:45px!important;font-size:14px!important}
  #productivity-app .calendar-cell,#productivity-app .calendar-date{min-height:86px!important}
  #productivity-app .calendar-date{padding:13px 5px 9px!important}
  #productivity-app .calendar-date b{font-size:20px!important}
  #productivity-app .calendar-agenda h3{font-size:22px!important}
  #productivity-app .calendar-agenda-row{grid-template-columns:112px minmax(0,1fr)}
  #productivity-app .calendar-agenda-row>time{font-size:17px!important}
  #productivity-app .calendar-agenda-item b{font-size:17px!important}
  #productivity-app .calendar-mini-month{padding:8px 9px!important}
  #productivity-app .mini-month-title{font-size:18px!important}
  #productivity-app .mini-date{height:26px!important;min-height:26px!important;font-size:11px!important}
}

@media(max-width:700px){
  #productivity-app.calendar-redesign .ps-app{padding:12px 8px 18px!important}
  #productivity-app .calendar-console{padding:0!important;box-shadow:inset 0 0 30px rgba(7,73,166,.22)!important}
  #productivity-app .calendar-console-header{grid-template-columns:126px minmax(0,1fr) 42px!important;gap:7px!important;min-height:58px!important;padding:8px 9px 7px!important}
  #productivity-app .calendar-console-header h2{font-size:19px!important;letter-spacing:2.5px!important}
  #productivity-app .calendar-console-header nav{grid-column:2;grid-row:1}
  #productivity-app .calendar-console-header nav button{min-height:40px!important;padding:3px 1px!important;font-size:8px!important;letter-spacing:.5px!important}
  #productivity-app .calendar-close{grid-column:3;grid-row:1;width:42px!important;height:40px!important;min-height:40px!important}
  #productivity-app .calendar-close::before,#productivity-app .calendar-close::after{left:11px;right:11px;top:19px}
  #productivity-app .calendar-console-nav{grid-template-columns:38px minmax(0,1fr) 38px 70px!important;gap:3px!important;min-height:70px!important;padding:9px 6px!important}
  #productivity-app .calendar-console-nav h3{font-size:21px!important;line-height:1.1!important}
  #productivity-app .calendar-console-nav>button{min-height:40px!important;font-size:42px!important}
  #productivity-app .calendar-console-nav .calendar-today{min-height:39px!important;padding:4px!important;font-size:12px!important}
  #productivity-app .calendar-weekdays span{min-height:34px!important;font-size:10px!important}
  #productivity-app .calendar-cell,#productivity-app .calendar-date{min-height:63px!important}
  #productivity-app .calendar-date{padding:8px 2px 6px!important}
  #productivity-app .calendar-date b{font-size:16px!important}
  #productivity-app .calendar-dots{gap:4px!important}
  #productivity-app .calendar-dots i{width:7px!important;height:7px!important;flex-basis:7px!important}
  #productivity-app .calendar-agenda{margin:10px 4px 4px!important;padding:8px 8px 10px!important}
  #productivity-app .calendar-agenda>header{min-height:42px!important;padding:0 4px 7px!important}
  #productivity-app .calendar-agenda h3{font-size:17px!important}
  #productivity-app .calendar-agenda header span{font-size:11px!important}
  #productivity-app .calendar-agenda-row{grid-template-columns:74px minmax(0,1fr);min-height:54px}
  #productivity-app .calendar-agenda-row>time{padding:0 5px!important;font-size:12px!important}
  #productivity-app .calendar-agenda-item{grid-template-columns:12px minmax(0,1fr)!important;gap:7px!important;min-height:41px!important;padding:5px 7px 5px 4px!important;border-radius:3px!important;box-shadow:inset 13px 0 0 color-mix(in srgb,currentColor 58%,#fff),inset 0 0 15px color-mix(in srgb,currentColor 20%,transparent)!important}
  #productivity-app .calendar-agenda-item i{width:12px}
  #productivity-app .calendar-agenda-item b{font-size:13px!important}
  #productivity-app .calendar-agenda-item small{display:none!important}
  #productivity-app .calendar-agenda-empty{min-height:86px!important}
  #productivity-app .calendar-agenda-empty span{font-size:10px!important}
  #productivity-app .calendar-agenda-empty p{font-size:8px!important}
  #productivity-app .calendar-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:5px 4px 0!important}
  #productivity-app .calendar-mini-month{padding:5px 4px 6px!important;border-radius:4px!important}
  #productivity-app .mini-month-title{min-height:23px!important;padding:0 1px 4px!important;font-size:11px!important}
  #productivity-app .mini-weekdays span{padding:4px 0 2px!important;font-size:6px!important}
  #productivity-app .mini-date{height:18px!important;min-height:18px!important;font-size:7px!important}
  #productivity-app .mini-date .calendar-dots i{width:2px!important;height:2px!important;flex-basis:2px!important}
  #productivity-app .calendar-legend{gap:10px!important;padding:9px 0 1px!important;font-size:6px!important}
  #productivity-app .calendar-legend span{gap:3px!important}
  #productivity-app .calendar-legend i{width:6px!important;height:6px!important;flex-basis:6px!important}
  #productivity-app .calendar-week-shell{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:58px 768px!important}
  #productivity-app .calendar-week-date{min-height:58px!important;gap:3px!important;padding:4px 0!important}
  #productivity-app .calendar-week-date span{font-size:8px!important}
  #productivity-app .calendar-week-date b{font-size:8px!important}
  #productivity-app .calendar-week-time{top:calc(var(--week-row) * 96px - 10px);padding-right:5px;font-size:7px}
  #productivity-app .calendar-week-time:first-child{top:9px}
  #productivity-app .calendar-week-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;min-height:0!important;margin:0!important;background:repeating-linear-gradient(to bottom,rgba(19,136,220,.55) 0 1px,transparent 1px 48px,rgba(16,97,168,.25) 48px 49px,transparent 49px 96px)!important}
  #productivity-app .calendar-week-slot{top:calc(var(--week-slot) * 48px)!important;height:48px!important;min-height:48px!important}
  #productivity-app .week-event{min-height:0!important;border-radius:3px!important;padding:2px 1px!important}
  #productivity-app .week-event span{font-size:6.5px!important}
  #productivity-app .week-event small{display:none!important}
  #productivity-app .calendar-day-view{padding:5px 4px 0!important}
  #productivity-app .calendar-day-scroll{height:calc(100svh - 210px);min-height:430px}
  #productivity-app .calendar-day-grid{grid-template-columns:72px minmax(0,1fr)}
  #productivity-app .calendar-time-labels,#productivity-app .calendar-day-events{height:1536px}
  #productivity-app .calendar-hour-label{top:calc(var(--hour) * 64px);height:64px;padding:13px 9px 0 2px;font-size:11px}
  #productivity-app .calendar-day-events{background:repeating-linear-gradient(to bottom,rgba(19,136,220,.6) 0 1px,transparent 1px 32px,rgba(16,97,168,.28) 32px 33px,transparent 33px 64px)}
  #productivity-app .calendar-time-slot{top:calc(var(--slot) * 32px)!important;height:32px!important;min-height:32px!important}
  #productivity-app .calendar-event-card{--mobile-scale:.8;box-shadow:inset 15px 0 0 color-mix(in srgb,currentColor 62%,#eaffff),inset 0 0 16px color-mix(in srgb,currentColor 25%,transparent),0 0 8px color-mix(in srgb,currentColor 44%,transparent)}
  #productivity-app .calendar-event-open{padding:4px 20px 4px 23px!important}
  #productivity-app .calendar-event-open span{font-size:12px}
  #productivity-app .calendar-event-open small{font-size:7px}
  #productivity-app .calendar-event-fields{grid-template-columns:1fr}
  #productivity-app .calendar-event-fields .calendar-event-title,#productivity-app .calendar-event-fields .calendar-event-notes{grid-column:auto}
  #productivity-app .calendar-event-details footer{grid-template-columns:1fr 1fr 1fr!important}
  #productivity-app .calendar-frame-footer{display:none}
}

@media(max-width:390px){
  #productivity-app.calendar-redesign .ps-app{padding-left:12px!important;padding-right:12px!important}
  #productivity-app .calendar-console-header{grid-template-columns:100px minmax(0,1fr) 40px!important;gap:5px!important;padding-left:6px!important;padding-right:6px!important}
  #productivity-app .calendar-console-header h2{font-size:18px!important;letter-spacing:2px!important}
  #productivity-app .calendar-console-header nav button{font-size:8px!important}
  #productivity-app .calendar-console-nav{grid-template-columns:33px minmax(0,1fr) 33px 62px!important}
  #productivity-app .calendar-console-nav h3{font-size:18px!important}
  #productivity-app .calendar-console-nav .calendar-today{font-size:10px!important}
  #productivity-app .calendar-cell,#productivity-app .calendar-date{min-height:57px!important}
  #productivity-app .calendar-year-grid{gap:3px!important;padding-left:2px!important;padding-right:2px!important}
  #productivity-app .calendar-mini-month{padding-left:2px!important;padding-right:2px!important}
  #productivity-app .mini-month-title{font-size:10px!important}
  #productivity-app .mini-date{height:16px!important;min-height:16px!important;font-size:6.5px!important}
}

/* Shared five-destination app bar. Calendar stays inside the app instead of
   behaving like a separate window. */
#productivity-app .ps-app>aside{display:none!important}
#productivity-app .ps-app::before{display:none!important}
#productivity-app::after{display:none!important}
#productivity-app .ps-app{
  display:block!important;
  width:100%!important;
  max-width:1700px!important;
  padding-bottom:128px!important;
}
#productivity-app .ps-app>main{width:100%!important;min-height:calc(100svh - 190px)}
#productivity-app .ps-primary-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  z-index:50!important;
  display:grid!important;
  visibility:visible!important;
  width:100%!important;
  height:auto!important;
  min-height:106px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  padding:13px max(18px,5vw) calc(10px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(4,17,35,.98),rgba(1,10,23,.985))!important;
  box-shadow:inset 0 0 24px rgba(15,66,135,.13),0 -3px 22px rgba(3,10,28,.72)!important;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px)!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#productivity-app .ps-primary-nav::before{
  content:"";position:absolute;inset:0 0 auto;height:24px;
  background:linear-gradient(135deg,transparent 15px,rgba(68,128,219,.48) 16px,rgba(118,184,255,.6) 17px,transparent 18px) left top/24px 24px no-repeat,linear-gradient(225deg,transparent 15px,rgba(68,128,219,.48) 16px,rgba(118,184,255,.6) 17px,transparent 18px) right top/24px 24px no-repeat,linear-gradient(90deg,rgba(57,111,196,.4),rgba(112,184,255,.62) 50%,rgba(57,111,196,.4)) top 0 left 22px/calc(100% - 44px) 1px no-repeat;
  box-shadow:0 -2px 9px rgba(38,90,187,.11);pointer-events:none;
}
#productivity-app .ps-primary-nav button{
  position:relative!important;isolation:isolate;display:flex!important;min-width:0!important;min-height:82px!important;
  align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;
  padding:7px 4px 3px!important;border:0!important;border-left:0!important;background:transparent!important;
  color:#8597c3!important;font:400 17px/1 "Avenir Next",Avenir,Arial,sans-serif!important;
  letter-spacing:0!important;text-align:center!important;text-transform:none!important;box-shadow:none!important;
  transition:color .18s ease,background .18s ease,text-shadow .18s ease!important;
}
#productivity-app .ps-primary-nav button svg,
#productivity-app .ps-primary-nav button span{position:relative;z-index:1}
#productivity-app .ps-primary-nav button+button::before{display:none}
#productivity-app .ps-primary-nav button svg{
  width:42px;height:42px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(51,111,225,.2));
}
#productivity-app .ps-primary-nav button[data-nav-item="more"] svg{stroke-width:0;fill:currentColor}
#productivity-app .ps-primary-nav button span{display:block!important;overflow:visible!important;white-space:nowrap!important}
#productivity-app .ps-primary-nav button:hover,
#productivity-app .ps-primary-nav button:focus-visible{color:#bed5ff!important;background:rgba(21,68,128,.11)!important}
#productivity-app .ps-primary-nav button.active{
  color:#c8dcff!important;background:transparent!important;
  text-shadow:0 0 5px rgba(116,183,255,.65),0 0 13px rgba(37,92,235,.42)!important;box-shadow:none!important;
}
#productivity-app .ps-primary-nav button.active svg{
  color:#70c7ff;filter:drop-shadow(0 0 3px #8ce7ff) drop-shadow(0 0 9px #277aff);
}
#productivity-app .ps-primary-nav button.active::after{
  content:"";position:absolute;left:50%;bottom:-3px;width:76px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,transparent,#1f8cff 12%,#62eeff 50%,#1f8cff 88%,transparent);
  box-shadow:0 0 6px #26dfff,0 0 13px rgba(36,119,255,.78);transform:translateX(-50%);z-index:2;
}
#productivity-app.calendar-redesign .ps-app{padding-bottom:126px!important}
#productivity-app.calendar-redesign .calendar-console{margin-bottom:0!important}

@media(max-width:700px){
  #productivity-app .ps-app{padding-bottom:112px!important}
  #productivity-app .ps-primary-nav{
    bottom:0!important;width:100%!important;min-height:98px!important;
    padding:10px 2px calc(7px + env(safe-area-inset-bottom))!important;
    clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)!important;
  }
  #productivity-app .ps-primary-nav button{min-height:78px!important;gap:5px!important;font-size:15px!important}
  #productivity-app .ps-primary-nav button svg{width:38px;height:38px}
  #productivity-app .ps-primary-nav button.active::after{bottom:-2px;width:68px;height:3px}
  #productivity-app.calendar-redesign .ps-app{padding:8px 7px 112px!important}
  #productivity-app .calendar-console-header{grid-template-columns:minmax(94px,.7fr) minmax(0,1.8fr)!important}
}

/* Approved day-calendar master screen. */
#productivity-app .calendar-add{
  position:relative!important;width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;
  border:1px solid #168acc!important;border-radius:5px!important;background:rgba(2,14,31,.9)!important;box-shadow:inset 0 0 12px rgba(20,85,160,.1)!important
}
#productivity-app .calendar-add::before,#productivity-app .calendar-add::after{
  content:"";position:absolute;left:16px;right:16px;top:28px;height:2px;background:#eef3ff;box-shadow:0 0 7px rgba(125,181,255,.72)
}
#productivity-app .calendar-add::after{transform:rotate(90deg)}
#productivity-app .calendar-day-navigation{
  position:relative;z-index:3;display:flex;min-height:184px;flex-direction:column;
  border-bottom:1px solid var(--cal-line);background:rgba(1,12,29,.87)
}
#productivity-app .calendar-week-box{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 136px;min-height:96px;margin:18px 23px 0;
  overflow:hidden;border:1px solid var(--cal-line);border-radius:8px;background:rgba(1,14,32,.76)
}
#productivity-app .calendar-day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#productivity-app .calendar-strip-day{
  display:flex!important;min-width:0!important;min-height:90px!important;flex-direction:column!important;gap:8px!important;
  padding:13px 2px 9px!important;border:0!important;background:rgba(1,12,29,.35)!important;color:#eef0ff!important;box-shadow:none!important
}
#productivity-app .calendar-strip-day span{color:#b9c9ef;font-size:15px}
#productivity-app .calendar-strip-day b{display:grid;place-items:center;width:38px;height:38px;color:#f2efff;font-size:21px;font-weight:400}
#productivity-app .calendar-strip-day.selected b{
  border:1px solid #85fbff;border-radius:3px;background:#164cbe;color:#fff;
  text-shadow:0 0 6px #fff;box-shadow:inset 0 0 8px rgba(111,242,255,.62),0 0 6px #dffeff,0 0 16px #167dff
}
#productivity-app .calendar-week-box>.calendar-today{
  position:relative;align-self:center;justify-self:center;width:calc(100% - 20px)!important;min-height:58px!important;padding:8px!important;
  border:1px solid #1cdfff!important;border-radius:5px!important;background:rgba(7,29,65,.88)!important;color:#eeeaff!important;
  font-size:20px!important;font-weight:400!important;box-shadow:inset 0 0 13px rgba(45,121,255,.14)!important
}
#productivity-app .calendar-week-box::after{content:"";position:absolute;right:136px;top:16px;bottom:16px;width:1px;background:rgba(31,145,198,.72);pointer-events:none}
#productivity-app .calendar-day-title{position:relative;display:grid;min-height:70px;place-items:center;margin:0 23px;color:#f0efff;font-size:29px;font-weight:400;letter-spacing:.3px;text-align:center;cursor:pointer}
#productivity-app .calendar-day-title input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#productivity-app .calendar-all-day{
  display:grid;grid-template-columns:128px minmax(0,1fr);min-height:68px;border-bottom:1px solid var(--cal-line-soft);background:rgba(1,12,27,.92)
}
#productivity-app .calendar-all-day>span{display:flex;align-items:center;padding:0 20px;border-right:1px solid var(--cal-line-soft);color:#adbfed;font-size:18px}
#productivity-app .calendar-all-day>div{display:flex;align-items:center;padding:8px 10px;overflow:hidden}
#productivity-app .calendar-all-day-event{
  width:100%!important;min-height:49px!important;justify-content:flex-start!important;padding:7px 20px!important;overflow:hidden;
  border:1px solid currentColor!important;border-radius:6px!important;background:linear-gradient(90deg,color-mix(in srgb,currentColor 31%,#1c0d43),rgba(15,8,40,.96))!important;
  color:#bd32ff!important;font-size:20px!important;text-align:left!important;text-overflow:ellipsis;white-space:nowrap;
  box-shadow:inset 0 0 18px rgba(145,40,255,.17),0 0 7px rgba(163,37,255,.3)!important
}
#productivity-app .calendar-day-view{padding:0!important}
#productivity-app .calendar-day-scroll{height:min(900px,calc(100svh - 390px));min-height:470px;border:0!important;border-bottom:1px solid var(--cal-line-soft)!important}
#productivity-app .calendar-day-grid{--day-time-column:128px;--day-hour-height:80px;position:relative;grid-template-columns:var(--day-time-column) minmax(0,1fr)!important}
#productivity-app .calendar-time-labels,#productivity-app .calendar-day-events{height:calc(var(--day-hour-height) * 24)!important}
#productivity-app .calendar-hour-label{top:calc(var(--hour) * var(--day-hour-height))!important;height:var(--day-hour-height)!important;padding:17px 20px 0 4px!important}
#productivity-app .calendar-day-events{background:repeating-linear-gradient(to bottom,rgba(18,111,185,.42) 0 1px,transparent 1px calc(var(--day-hour-height) / 2),rgba(11,74,132,.16) calc(var(--day-hour-height) / 2) calc(var(--day-hour-height) / 2 + 1px),transparent calc(var(--day-hour-height) / 2 + 1px) var(--day-hour-height))!important}
#productivity-app .calendar-time-slot{top:calc(var(--slot) * var(--day-hour-height) / 2)!important;height:calc(var(--day-hour-height) / 2)!important;min-height:calc(var(--day-hour-height) / 2)!important}
#productivity-app .calendar-event-card{
  border-width:1px!important;border-radius:6px!important;
  background:linear-gradient(90deg,color-mix(in srgb,currentColor 35%,#071534),rgba(3,16,39,.96))!important;
  box-shadow:inset 18px 0 0 color-mix(in srgb,currentColor 70%,#dffcff),inset 0 0 20px color-mix(in srgb,currentColor 20%,transparent),0 0 6px color-mix(in srgb,currentColor 30%,transparent)!important
}
#productivity-app .calendar-event-open{padding:7px 22px 7px 34px!important}
#productivity-app .calendar-event-open span{font-size:20px!important;font-weight:400}
#productivity-app .calendar-event-open small{margin-top:5px!important;color:#b7d2f4!important;font-size:13px!important}
#productivity-app .calendar-event-resize{opacity:.28}
#productivity-app .calendar-now-line{
  position:absolute;z-index:8;left:0;right:0;top:var(--now-position)!important;height:2px!important;background:transparent!important;box-shadow:none!important;pointer-events:none
}
#productivity-app .calendar-now-line::before{display:none!important}
#productivity-app .calendar-now-line::after{
  content:"";position:absolute;left:var(--day-time-column);right:0;top:0;height:2px;background:#18dfff;box-shadow:0 0 7px #22dfff,0 0 12px rgba(28,105,255,.7)
}
#productivity-app .calendar-now-line span{
  position:absolute!important;left:0!important;right:auto!important;top:-16px!important;width:calc(var(--day-time-column) - 14px);padding:0!important;
  background:transparent!important;color:#20e9ff!important;font-size:15px!important;text-align:right!important;text-shadow:0 0 7px #15aaff
}
#productivity-app .calendar-now-line i{
  position:absolute;left:calc(var(--day-time-column) - 7px);top:-6px;width:14px;height:14px;border-radius:50%;background:#e7ffff;
  box-shadow:0 0 5px #fff,0 0 11px #19dfff,0 0 18px #1973ff
}

@media(max-width:700px){
  #productivity-app.calendar-redesign{background:#010a18!important}
  #productivity-app.calendar-redesign .ps-app{padding:0 0 calc(72px + env(safe-area-inset-bottom))!important}
  #productivity-app.calendar-redesign #ps-content{max-width:none}
  #productivity-app .calendar-console{background:linear-gradient(rgba(1,10,24,.98),rgba(1,12,27,.99))!important;box-shadow:none!important}
  #productivity-app .calendar-console-header{grid-template-columns:clamp(106px,27vw,118px) minmax(0,1fr) 32px!important;justify-content:stretch!important;gap:5px!important;min-height:52px!important;padding:8px max(10px,3.2vw) 7px!important}
  #productivity-app .calendar-console-header h2{min-width:0;overflow:hidden;font-size:clamp(15px,4.15vw,18px)!important;letter-spacing:2.5px!important;line-height:1!important;white-space:nowrap;text-overflow:clip}
  #productivity-app .calendar-console-header nav{
    width:100%;max-width:none;min-width:0;min-height:32px;gap:3px!important;border:0;border-radius:0;
    background:transparent;box-shadow:none;overflow:visible
  }
  #productivity-app .calendar-console-header nav button{
    min-width:0!important;min-height:31px!important;padding:1px 0!important;border:1px solid #0e7faf!important;border-radius:5px!important;
    background:linear-gradient(180deg,rgba(2,19,39,.96),rgba(1,12,28,.98))!important;color:#2fe7f4!important;
    font-size:clamp(8px,2.25vw,11px)!important;letter-spacing:.25px!important;
    text-shadow:0 0 6px rgba(33,204,238,.18)!important;box-shadow:inset 0 0 10px rgba(18,97,159,.08)!important
  }
  #productivity-app .calendar-console-header nav button+button{border-left:1px solid #0e7faf!important}
  #productivity-app .calendar-console-header nav button:first-child,#productivity-app .calendar-console-header nav button:last-child{border-radius:6px!important}
  #productivity-app .calendar-console-header nav button.active{
    z-index:3;min-height:29px!important;margin:-1px 0!important;border:1px solid #75f8ff!important;border-radius:6px!important;
    background:linear-gradient(180deg,rgba(18,109,255,.96),rgba(5,43,139,.9))!important;color:#fff!important;
    text-shadow:0 0 5px #fff,0 0 12px #43ddff!important;
    box-shadow:inset 0 0 12px rgba(135,251,255,.7),0 0 4px rgba(226,255,255,.95),0 0 13px #168cff!important
  }
  #productivity-app .calendar-add{display:flex!important;width:32px!important;height:32px!important;min-height:32px!important}
  #productivity-app .calendar-add::before,#productivity-app .calendar-add::after{left:8px;right:8px;top:15px}
  #productivity-app .calendar-day-navigation{min-height:132px;border-bottom:1px solid var(--cal-line);background:transparent}
  #productivity-app .calendar-week-box{grid-template-columns:minmax(0,1fr) clamp(66px,15.55vw,80px);min-height:68px;margin:12px 3.1% 0;border-radius:6px}
  #productivity-app .calendar-week-box::after{right:clamp(66px,15.55vw,80px);top:13px;bottom:13px}
  #productivity-app .calendar-strip-day{min-height:66px!important;gap:3px!important;padding:9px 0 6px!important}
  #productivity-app .calendar-strip-day span{font-size:clamp(9px,1.7vw,12px)}
  #productivity-app .calendar-strip-day b{width:33px;height:29px;font-size:clamp(14px,2.3vw,18px)}
  #productivity-app .calendar-strip-day.selected b{background:rgba(5,43,93,.68);color:#35efff;text-shadow:0 0 7px #41eaff;box-shadow:inset 0 0 7px rgba(75,228,255,.22),0 0 10px rgba(18,172,255,.72)}
  #productivity-app .calendar-week-box>.calendar-today{position:relative;justify-self:center;width:57px!important;min-height:29px!important;padding:3px!important;font-size:clamp(12px,2vw,16px)!important;transform:none}
  #productivity-app .calendar-day-title{min-height:52px;margin:0 3.1%;font-size:clamp(15px,3.55vw,19px)}
  #productivity-app .calendar-all-day{grid-template-columns:clamp(78px,17.5vw,128px) minmax(0,1fr);min-height:37px}
  #productivity-app .calendar-all-day>span{justify-content:center;padding:0;font-size:clamp(13px,2.2vw,18px)}
  #productivity-app .calendar-all-day>div{padding:3px 18px 3px 9px}
  #productivity-app .calendar-all-day-event{min-height:29px!important;padding:3px 10px!important;border-color:#bd32ff!important;color:#eeeaff!important;font-size:clamp(13px,2vw,18px)!important}
  #productivity-app .calendar-day-scroll{height:calc(100svh - 290px - env(safe-area-inset-bottom));min-height:0;margin-top:16px}
  #productivity-app .calendar-day-grid{--day-time-column:clamp(78px,17.5vw,128px);--day-hour-height:36px}
  #productivity-app .calendar-hour-label{padding:7px 10px 0 2px!important;font-size:clamp(11px,2vw,16px)!important}
  #productivity-app .calendar-event-card{top:calc(var(--event-top) + 2px);height:max(30px,calc(var(--event-height) - 4px));box-shadow:inset 9px 0 0 color-mix(in srgb,currentColor 70%,#dffcff),inset 0 0 17px color-mix(in srgb,currentColor 18%,transparent),0 0 5px color-mix(in srgb,currentColor 28%,transparent)!important}
  #productivity-app .calendar-event-open{justify-content:flex-start!important;padding:4px 14px 2px 17px!important}
  #productivity-app .calendar-event-open span{font-size:clamp(13px,2.4vw,19px)!important;line-height:1.05!important}
  #productivity-app .calendar-event-open small{margin-top:1px!important;font-size:clamp(9px,1.85vw,13px)!important;line-height:1.05!important}
  #productivity-app .calendar-event-card.event-long .calendar-event-open small{margin-top:12px!important}
  #productivity-app .calendar-event-resize{opacity:0!important}
  #productivity-app .calendar-event-card:hover .calendar-event-resize,#productivity-app .calendar-event-card:focus-within .calendar-event-resize{opacity:.22!important}
  #productivity-app .calendar-now-line span{top:-6px!important;font-size:clamp(10px,1.9vw,15px)!important}
  #productivity-app .calendar-event-details{position:fixed!important;left:0!important;right:0!important;bottom:67px!important;width:100%!important;max-height:72svh!important;margin:0!important;overflow:auto!important;border-radius:0!important;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%,0 20px)!important}
  #productivity-app .ps-primary-nav{min-height:calc(64px + env(safe-area-inset-bottom))!important;padding:4px 1.5% max(5px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(4,17,35,.985),#010a17)!important}
  #productivity-app .ps-primary-nav::after{display:none!important;content:none!important}
  #productivity-app .ps-primary-nav button{min-height:52px!important;padding:2px 1px 5px!important;font-size:clamp(11px,2vw,15px)!important}
  #productivity-app .ps-primary-nav button svg{width:clamp(24px,4.2vw,32px);height:clamp(24px,4.2vw,32px)}
  #productivity-app .ps-primary-nav button.active::after{bottom:0;width:58px;height:2px}
}

/* Keep the details sheet above legacy modal rules declared earlier in the app. */
#productivity-app .calendar-event-detail-list{display:block!important;gap:0!important;margin:0!important}
#productivity-app .calendar-event-detail-row dt{color:#a4e6ee!important;font-size:21px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
#productivity-app .calendar-event-detail-row dd{margin:0!important;color:#f1f0f8!important;font-size:21px!important;line-height:1.35!important}
#productivity-app .calendar-event-details .calendar-event-detail-actions button.calendar-detail-done:nth-child(2){border-color:#168ec9!important;background:rgba(3,15,34,.84)!important;color:#ddecff!important;box-shadow:inset 0 0 13px rgba(17,89,179,.15)!important}
#productivity-app .calendar-event-details .calendar-category-pill{color:#f1e7ff!important}

@media(max-width:700px){
  #productivity-app .calendar-event-details{
    top:auto!important;left:0!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;width:100%!important;max-height:calc(100svh - 66px - env(safe-area-inset-bottom))!important;
    padding:0 20px 14px!important;overflow:auto!important;transform:none!important;
    clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%,0 19px)!important;
    animation:calendar-details-rise-mobile .22s ease-out both!important
  }
  #productivity-app .calendar-sheet-handle{width:50px;height:4px;margin:8px auto 3px}
  #productivity-app .calendar-detail-heading{grid-template-columns:7px minmax(0,1fr) 32px;gap:13px;min-height:61px;padding:0 0 7px!important}
  #productivity-app .calendar-detail-heading>i{width:6px;height:43px}
  #productivity-app .modal-card.calendar-event-details .calendar-detail-heading button{position:relative!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;font-size:0!important}
  #productivity-app .calendar-detail-heading button::before,#productivity-app .calendar-detail-heading button::after{content:"";position:absolute;left:7px;right:7px;top:15px;height:1.5px;background:#f4f2ff;box-shadow:0 0 5px rgba(255,255,255,.55);transform:rotate(45deg)}
  #productivity-app .calendar-detail-heading button::after{transform:rotate(-45deg)}
  #productivity-app .calendar-event-detail-row{min-height:40px}
  #productivity-app .calendar-event-detail-actions{margin-top:14px!important}
  #productivity-app .calendar-event-detail-actions button{min-height:49px!important}
  #productivity-app .calendar-event-detail-row dt{font-size:clamp(13px,3.15vw,17px)!important}
  #productivity-app .calendar-event-detail-row dd{font-size:clamp(13px,3.15vw,17px)!important;line-height:1.25!important}
}

/* Creation and editing use the same System bottom-sheet language. */
#productivity-app .calendar-event-editor-sheet{
  top:auto!important;left:50%!important;right:auto!important;bottom:22px!important;width:min(760px,calc(100vw - 28px))!important;max-height:calc(100svh - 44px)!important;
  margin:0!important;padding:0 34px 24px!important;overflow:auto!important;transform:translateX(-50%)!important;border:1px solid #68eaff!important;border-radius:0!important;
  clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,28px 100%,0 calc(100% - 28px),0 28px)!important;
  background:radial-gradient(circle at 82% 22%,rgba(22,86,198,.13),transparent 34%),repeating-linear-gradient(112deg,transparent 0 35px,rgba(25,105,190,.025) 36px 37px),linear-gradient(155deg,rgba(2,20,43,.99),rgba(0,8,22,.995))!important;
  box-shadow:inset 0 0 0 3px rgba(24,84,216,.2),inset 0 0 42px rgba(5,75,171,.18),0 0 5px #a8fbff,0 0 17px #1b79ff!important;
  animation:calendar-details-rise .22s ease-out both
}
#productivity-app .calendar-editor-heading h2{margin:0;color:#f5f3ff;font-size:32px;font-weight:600;letter-spacing:.2px;text-shadow:0 0 8px rgba(126,143,255,.42)}
#productivity-app .calendar-event-editor-sheet .calendar-event-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#productivity-app .calendar-event-editor-sheet .calendar-editor-field{
  display:grid!important;grid-template-columns:38px 86px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;margin:0!important;padding:7px 0!important;border-bottom:1px solid rgba(20,104,164,.5);color:#a4e6ee!important
}
#productivity-app .calendar-event-editor-sheet .calendar-event-title,#productivity-app .calendar-event-editor-sheet .calendar-event-notes,#productivity-app .calendar-event-editor-sheet .calendar-event-reminder{grid-column:1/-1}
#productivity-app .calendar-event-editor-sheet .calendar-editor-field>b{font-size:15px;font-weight:400}
#productivity-app .calendar-event-editor-sheet .calendar-editor-field>input,#productivity-app .calendar-event-editor-sheet .calendar-editor-field>select,#productivity-app .calendar-event-editor-sheet .calendar-editor-field>textarea{
  grid-column:3;width:100%;min-height:42px!important;margin:0!important;padding:8px 11px!important;border:1px solid rgba(39,183,226,.72)!important;border-radius:4px;background:rgba(2,13,32,.86)!important;color:#f2f1fa!important;font:15px Arial,Helvetica,sans-serif!important;box-shadow:inset 0 0 10px rgba(25,104,200,.12)
}
#productivity-app .calendar-event-editor-sheet .calendar-editor-field>textarea{min-height:58px!important;resize:vertical}
#productivity-app .calendar-event-editor-sheet .calendar-editor-field>.form-error{grid-column:3;min-height:0;color:#ff6b8c;font-size:11px}
#productivity-app .calendar-category-manager{grid-column:1/-1;padding:10px 0;border-bottom:1px solid rgba(20,104,164,.5);color:#a4e6ee}
#productivity-app .calendar-category-manager summary{cursor:pointer;letter-spacing:.1em;font-size:12px}
#productivity-app .calendar-category-manager p{margin:9px 0;color:#a6bcd2;font-size:12px;line-height:1.4}
#productivity-app .calendar-category-add{display:flex;gap:8px}
#productivity-app .calendar-category-add input{flex:1;min-width:0;padding:8px;border:1px solid #27b7e2;border-radius:4px;background:#020d20;color:#f2f1fa;font-size:16px}
#productivity-app .calendar-category-add button,#productivity-app .calendar-category-list button{padding:7px 10px;border:1px solid #168ec9;border-radius:4px;background:#03172f;color:#a4e6ee;cursor:pointer}
#productivity-app .calendar-category-list{display:grid;gap:6px;margin-top:10px}
#productivity-app .calendar-category-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}
#productivity-app .calendar-category-manager small{display:block;min-height:1em;color:#ff6b8c}
#productivity-app .calendar-editor-actions{position:static!important;display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:14px!important;margin:18px 0 0!important;padding:0!important;background:transparent!important}
#productivity-app .calendar-editor-actions button{min-height:54px!important;border:1px solid #168ec9!important;border-radius:6px!important;background:rgba(3,15,34,.84)!important;color:#ddecff!important;font-size:17px!important;letter-spacing:.2px!important}
#productivity-app .calendar-editor-actions button[type="submit"]{border-color:#92f7ff!important;background:linear-gradient(135deg,#126fff,#0738ae)!important;color:#fff!important;box-shadow:inset 0 0 15px rgba(185,255,255,.4),0 0 6px #e3ffff,0 0 16px #167fff!important}

@media(max-width:700px){
  #productivity-app .calendar-event-editor-sheet{
    top:auto!important;left:0!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;width:100%!important;max-height:calc(100svh - 66px - env(safe-area-inset-bottom))!important;
    padding:0 20px 14px!important;overflow:auto!important;transform:none!important;clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%,0 19px)!important;
    animation:calendar-details-rise-mobile .22s ease-out both!important
  }
  #productivity-app .calendar-event-editor-sheet .calendar-sheet-handle{width:50px;height:4px;margin:8px auto 3px}
  #productivity-app .calendar-event-editor-sheet .calendar-detail-heading{grid-template-columns:7px minmax(0,1fr) 32px;gap:13px;min-height:61px;padding:0 0 7px!important}
  #productivity-app .calendar-event-editor-sheet .calendar-detail-heading>i{width:6px;height:43px}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-heading h2{font-size:clamp(22px,5.4vw,30px)}
  #productivity-app .modal-card.calendar-event-editor-sheet .calendar-detail-heading button{position:relative!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;font-size:0!important}
  #productivity-app .calendar-event-editor-sheet .calendar-event-fields{grid-template-columns:1fr!important}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-field{grid-column:1!important;grid-template-columns:30px 68px minmax(0,1fr);gap:8px;min-height:48px;padding:5px 0!important}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-field>b{font-size:13px}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-field .calendar-detail-icon svg{width:21px;height:21px}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-field>input,#productivity-app .calendar-event-editor-sheet .calendar-editor-field>select,#productivity-app .calendar-event-editor-sheet .calendar-editor-field>textarea{min-height:38px!important;padding:6px 8px!important;font-size:16px!important}
  #productivity-app .calendar-event-editor-sheet .calendar-editor-field>textarea{min-height:50px!important}
  #productivity-app .calendar-editor-actions{gap:10px!important;margin-top:14px!important}
  #productivity-app .calendar-editor-actions button{min-height:49px!important;font-size:15px!important}
}

/* Refined event-sheet frame and title fidelity. */
#productivity-app .calendar-event-details{isolation:isolate;border:0!important}
#productivity-app .calendar-event-details.calendar-details-no-entry-animation{animation:none!important}
#productivity-app .calendar-event-details::before,#productivity-app .calendar-event-details::after{
  content:"";position:absolute;z-index:4;inset:0;padding:1.5px;pointer-events:none;
  clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px),0 30px);
  background:linear-gradient(135deg,#21dfff 0%,#83fbff 17%,#2479ff 42%,#9befff 72%,#2479ff 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  filter:drop-shadow(0 0 3px #7deeff) drop-shadow(0 0 7px #176dff)
}
#productivity-app .calendar-event-details::after{
  inset:5px;padding:1px;opacity:.48;
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);
  background:linear-gradient(135deg,#268dff,#67f4ff 36%,#295dff 72%,#72efff);filter:none
}
#productivity-app .calendar-event-details .calendar-detail-heading h2{
  font-family:"Avenir Next",Avenir,Arial,Helvetica,sans-serif!important;font-size:34px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.08!important
}

@media(max-width:700px){
  #productivity-app .calendar-event-details::before{
    clip-path:polygon(19px 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%,0 19px)
  }
  #productivity-app .calendar-event-details::after{
    inset:4px;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)
  }
  #productivity-app .calendar-event-details .calendar-detail-heading h2{font-size:clamp(20px,4.4vw,24px)!important}
}

/* Completed events retain their category while becoming visibly resolved. */
#productivity-app .calendar-event-label{display:flex;max-width:100%;align-items:center;gap:9px;min-width:0}
#productivity-app .calendar-event-title-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#productivity-app .calendar-event-complete-check{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:50%;background:color-mix(in srgb,currentColor 74%,#d9d8ff);color:#132048;font-size:18px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 0 9px color-mix(in srgb,currentColor 55%,transparent)}
#productivity-app .calendar-event-card.completed{opacity:.7;filter:saturate(.72);background:linear-gradient(90deg,color-mix(in srgb,currentColor 26%,#161637),rgba(9,15,42,.96))!important;box-shadow:inset 9px 0 0 color-mix(in srgb,currentColor 54%,#d8ddff),inset 0 0 16px color-mix(in srgb,currentColor 14%,transparent),0 0 5px color-mix(in srgb,currentColor 20%,transparent)!important}
#productivity-app .calendar-event-card.completed .calendar-event-title-text{color:#a1acd1;text-decoration:line-through;text-decoration-thickness:1.5px}
#productivity-app .calendar-event-card.completed small{display:none}
#productivity-app .calendar-detail-title-group{display:flex;align-items:center;gap:14px;min-width:0}
#productivity-app .calendar-detail-title-group>div{min-width:0}
#productivity-app .calendar-completed-check{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--event-accent) 72%,#d5d8ff);color:#132047;box-shadow:0 0 13px color-mix(in srgb,var(--event-accent) 58%,transparent)}
#productivity-app .calendar-completed-check svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
#productivity-app .calendar-event-details.is-completed .calendar-detail-heading h2{color:#9ca9cd!important;text-decoration:line-through;text-decoration-thickness:2px;text-shadow:none!important}
#productivity-app .calendar-completed-status{margin:5px 0 0;color:#2ee8f3;font-size:18px;line-height:1.2}
#productivity-app .calendar-event-details.is-completed .calendar-event-detail-actions .calendar-detail-done:nth-child(2){border-color:#23e3d0!important;background:rgba(0,59,57,.78)!important;color:#28e9d1!important;box-shadow:inset 0 0 15px rgba(21,225,202,.2),0 0 10px rgba(21,225,202,.55)!important}
#productivity-app .calendar-completion-toast{position:fixed;z-index:13;left:50%;bottom:88px;display:grid;width:min(730px,78vw);min-height:70px;grid-template-columns:44px minmax(0,1fr) auto 1px 40px;align-items:center;gap:16px;padding:10px 18px;border:1px solid #24dbe9;border-radius:10px;background:linear-gradient(110deg,rgba(2,22,40,.98),rgba(5,17,39,.98));color:#f4f4fb;box-shadow:inset 0 0 18px rgba(14,107,188,.22),0 0 10px rgba(26,222,238,.25);transform:translateX(-50%)}
#productivity-app .calendar-toast-check{display:grid;width:38px;height:38px;place-items:center;border:2px solid #19ebcb;border-radius:50%;color:#19ebcb;box-shadow:0 0 9px rgba(25,235,203,.5)}
#productivity-app .calendar-toast-check svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#productivity-app .calendar-completion-toast strong{font-size:19px;font-weight:500}
#productivity-app .calendar-completion-toast button{min-height:40px!important;padding:4px 10px!important;border:0!important;background:transparent!important;color:#20dff2!important;font-size:18px!important;letter-spacing:0!important;box-shadow:none!important}
#productivity-app .calendar-completion-toast>i{width:1px;height:38px;background:rgba(55,178,226,.58)}
#productivity-app .calendar-completion-toast button:last-child{padding:0!important;color:#8698c6!important;font-size:32px!important;font-weight:200!important}

@media(max-width:700px){
  #productivity-app .calendar-event-complete-check{flex-basis:20px;width:20px;height:20px;font-size:14px}
  #productivity-app .calendar-event-label{gap:7px}
  #productivity-app .calendar-completed-check{flex-basis:31px;width:31px;height:31px}
  #productivity-app .calendar-completed-check svg{width:20px;height:20px}
  #productivity-app .calendar-completed-status{margin-top:3px;font-size:clamp(11px,2.7vw,14px)}
  #productivity-app .calendar-completion-toast{bottom:12px;width:78vw;min-height:47px;grid-template-columns:27px minmax(0,1fr) auto 1px 25px;gap:8px;padding:6px 10px;border-radius:7px}
  #productivity-app .calendar-toast-check{width:25px;height:25px}
  #productivity-app .calendar-toast-check svg{width:16px;height:16px}
  #productivity-app .calendar-completion-toast strong{font-size:clamp(11px,2.7vw,14px)}
  #productivity-app .calendar-completion-toast button{min-height:30px!important;padding:2px 5px!important;font-size:clamp(11px,2.7vw,14px)!important}
  #productivity-app .calendar-completion-toast>i{height:25px}
  #productivity-app .calendar-completion-toast button:last-child{font-size:22px!important}
}

/* Week view uses the same full-day timeline language as Day view. */
#productivity-app .calendar-week-shell{
  --week-time-column:112px;--week-hour-height:72px;
  display:block!important;margin:0!important;border:0!important;background:rgba(1,10,24,.76)!important
}
#productivity-app .calendar-week-header{display:grid;grid-template-columns:var(--week-time-column) minmax(0,1fr);min-height:72px;border-bottom:1px solid var(--cal-line-soft)}
#productivity-app .calendar-week-corner{grid-column:auto;grid-row:auto;border-right:1px solid var(--cal-line-soft);border-bottom:0;background:rgba(1,12,27,.94)}
#productivity-app .calendar-week-headings{grid-column:auto;grid-row:auto;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
#productivity-app .calendar-week-date{
  min-height:72px!important;gap:4px!important;padding:7px 2px!important;border-bottom:0!important;
  background:linear-gradient(180deg,rgba(2,18,38,.92),rgba(1,12,28,.94))!important
}
#productivity-app .calendar-week-date span{color:#aebfe9!important;font-size:14px!important;line-height:1!important}
#productivity-app .calendar-week-date b{display:grid;width:34px;height:31px;place-items:center;color:#f2efff!important;font-size:19px!important;line-height:1!important}
#productivity-app .calendar-week-date.selected{background:rgba(4,44,73,.44)!important;box-shadow:inset 0 0 20px rgba(39,226,255,.1)!important}
#productivity-app .calendar-week-date.selected b{border:1px solid #62efff;border-radius:4px;background:rgba(8,73,142,.72);color:#4ff4ff!important;text-shadow:0 0 7px #50eaff;box-shadow:inset 0 0 7px rgba(82,230,255,.25),0 0 11px rgba(20,171,255,.68)}
#productivity-app .calendar-week-date.today:not(.selected) b{color:#48f3ff!important;text-shadow:0 0 7px #3bdfff!important}
#productivity-app .calendar-week-all-day{display:grid;grid-template-columns:var(--week-time-column) minmax(0,1fr);min-height:52px;border-bottom:1px solid var(--cal-line-soft);background:rgba(1,12,27,.92)}
#productivity-app .calendar-week-all-day>span{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--cal-line-soft);color:#adbfed;font-size:15px}
#productivity-app .calendar-week-all-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}
#productivity-app .calendar-week-all-day-cell{display:flex;min-width:0;align-items:center;padding:4px 3px;border-right:1px solid var(--cal-line-soft);background:rgba(1,11,25,.22)}
#productivity-app .calendar-week-all-day-cell:last-child{border-right:0}
#productivity-app .calendar-week-all-day-cell.selected{background:rgba(4,50,77,.24)}
#productivity-app .calendar-week-all-day-event{display:block!important;width:100%!important;min-width:0!important;min-height:32px!important;padding:4px 7px!important;overflow:hidden!important;border:1px solid currentColor!important;border-radius:4px!important;background:linear-gradient(90deg,color-mix(in srgb,currentColor 33%,#1b0c43),rgba(14,8,40,.96))!important;color:#bd32ff!important;font-size:11px!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-shadow:inset 5px 0 0 color-mix(in srgb,currentColor 65%,#f0dfff),inset 0 0 12px color-mix(in srgb,currentColor 17%,transparent)!important}
#productivity-app .calendar-week-all-day-event.completed{opacity:.62;text-decoration:line-through}
#productivity-app .calendar-week-scroll{height:min(780px,calc(100svh - 330px));min-height:460px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#168bd0 #03101f;scrollbar-width:thin;border-bottom:1px solid var(--cal-line-soft)}
#productivity-app .calendar-week-timeline{position:relative;display:grid;grid-template-columns:var(--week-time-column) minmax(0,1fr);height:calc(var(--week-hour-height) * 24)}
#productivity-app .calendar-week-times{position:relative;grid-column:auto;grid-row:auto;height:100%;border-right:1px solid var(--cal-line);background:linear-gradient(90deg,rgba(2,14,31,.98),rgba(4,26,48,.84))}
#productivity-app .calendar-week-time,#productivity-app .calendar-week-time:first-child{position:absolute;left:0;right:0;top:calc(var(--week-hour) * var(--week-hour-height))!important;height:var(--week-hour-height);display:flex;align-items:flex-start;justify-content:flex-end;padding:14px 13px 0 2px;color:#2ce9ff;font-size:13px;text-align:right;white-space:nowrap}
#productivity-app .calendar-week-grid{grid-column:auto;grid-row:auto;display:grid!important;height:100%;grid-template-columns:repeat(7,minmax(0,1fr))!important;min-height:0!important;margin:0!important;border:0!important;background:repeating-linear-gradient(to bottom,rgba(18,111,185,.43) 0 1px,transparent 1px calc(var(--week-hour-height) / 2),rgba(11,74,132,.17) calc(var(--week-hour-height) / 2) calc(var(--week-hour-height) / 2 + 1px),transparent calc(var(--week-hour-height) / 2 + 1px) var(--week-hour-height))!important}
#productivity-app .calendar-week-day{position:relative;min-width:0;border-right:1px solid var(--cal-line-soft);background:rgba(1,11,25,.12)}
#productivity-app .calendar-week-day.selected{background:rgba(4,50,77,.2);box-shadow:inset 0 0 20px rgba(43,227,255,.06)}
#productivity-app .calendar-week-slot{top:calc(var(--week-slot) * var(--week-hour-height) / 2)!important;height:calc(var(--week-hour-height) / 2)!important;min-height:calc(var(--week-hour-height) / 2)!important}
#productivity-app .week-event{
  top:calc(var(--week-event-top) + 2px)!important;height:max(24px,calc(var(--week-event-height) - 4px))!important;
  align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;padding:6px 5px 3px 12px!important;
  border-radius:5px!important;background:linear-gradient(90deg,color-mix(in srgb,currentColor 35%,#071534),rgba(3,16,39,.97))!important;
  text-align:left!important;box-shadow:inset 7px 0 0 color-mix(in srgb,currentColor 70%,#dffcff),inset 0 0 17px color-mix(in srgb,currentColor 19%,transparent),0 0 5px color-mix(in srgb,currentColor 28%,transparent)!important
}
#productivity-app .week-event span{font-size:12px!important;font-weight:400;line-height:1.05}
#productivity-app .week-event small{color:#b7d2f4;font-size:8px!important;line-height:1.05}
#productivity-app .week-event.completed{opacity:.65;filter:saturate(.7)}
#productivity-app .week-event.completed span{color:#9ea9cc;text-decoration:line-through}
#productivity-app .week-event.completed small{display:none}
#productivity-app .calendar-week-now-line{position:absolute;z-index:8;left:var(--week-time-column);right:0;top:var(--week-now);height:2px;background:#18dfff;box-shadow:0 0 7px #22dfff,0 0 12px rgba(28,105,255,.7);pointer-events:none}
#productivity-app .calendar-week-now-line span{position:absolute;right:100%;top:-8px;width:var(--week-time-column);padding-right:12px;color:#20e9ff;font-size:12px;text-align:right;text-shadow:0 0 7px #15aaff;white-space:nowrap}
#productivity-app .calendar-week-now-line i{position:absolute;left:var(--week-today-position);top:-5px;width:11px;height:11px;border-radius:50%;background:#e7ffff;box-shadow:0 0 5px #fff,0 0 11px #19dfff,0 0 18px #1973ff;transform:translateX(-50%)}

@media(max-width:700px){
  #productivity-app .calendar-week-shell{--week-time-column:58px;--week-hour-height:48px}
  #productivity-app .calendar-week-header{min-height:52px}
  #productivity-app .calendar-week-date{min-height:52px!important;gap:2px!important;padding:5px 0!important}
  #productivity-app .calendar-week-date span{font-size:clamp(8px,1.8vw,11px)!important}
  #productivity-app .calendar-week-date b{width:27px;height:25px;font-size:clamp(12px,2.7vw,15px)!important}
  #productivity-app .calendar-week-all-day{min-height:38px}
  #productivity-app .calendar-week-all-day>span{font-size:10px}
  #productivity-app .calendar-week-all-day-cell{padding:3px 2px}
  #productivity-app .calendar-week-all-day-event{min-height:27px!important;padding:3px 4px!important;font-size:7px!important;box-shadow:inset 4px 0 0 color-mix(in srgb,currentColor 65%,#f0dfff),inset 0 0 9px color-mix(in srgb,currentColor 17%,transparent)!important}
  #productivity-app .calendar-week-scroll{height:calc(100svh - 236px);min-height:430px}
  #productivity-app .calendar-week-time,#productivity-app .calendar-week-time:first-child{padding:9px 6px 0 1px;font-size:8px}
  #productivity-app .week-event{min-height:22px!important;padding:4px 2px 2px 7px!important;border-radius:3px!important;box-shadow:inset 4px 0 0 color-mix(in srgb,currentColor 70%,#dffcff),inset 0 0 10px color-mix(in srgb,currentColor 18%,transparent),0 0 4px color-mix(in srgb,currentColor 24%,transparent)!important}
  #productivity-app .week-event span{font-size:clamp(7px,1.55vw,10px)!important}
  #productivity-app .week-event small{display:none!important}
  #productivity-app .calendar-week-now-line span{top:-5px;padding-right:5px;font-size:7px}
  #productivity-app .calendar-week-now-line i{top:-4px;width:9px;height:9px}
}

/* Month agenda mirrors completed-event feedback from Day and Week. */
#productivity-app .calendar-month{background:linear-gradient(180deg,rgba(1,13,29,.94),rgba(1,10,24,.98))}
#productivity-app .calendar-weekdays span{color:#a9bce6!important;text-transform:none}
#productivity-app .calendar-dots i.completed{opacity:.38;filter:saturate(.55);box-shadow:0 0 4px currentColor}
#productivity-app .calendar-agenda-item.completed{grid-template-columns:27px minmax(0,1fr) auto!important;opacity:.7;filter:saturate(.72);background:linear-gradient(90deg,color-mix(in srgb,currentColor 24%,#171637),rgba(8,15,42,.97))!important;box-shadow:inset 9px 0 0 color-mix(in srgb,currentColor 53%,#d9ddff),inset 0 0 15px color-mix(in srgb,currentColor 13%,transparent),0 0 5px color-mix(in srgb,currentColor 20%,transparent)!important}
#productivity-app .calendar-agenda-item.completed i{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:color-mix(in srgb,currentColor 72%,#d9dcff);color:#132048;font-size:14px;font-style:normal;font-weight:800;line-height:1;box-shadow:0 0 8px color-mix(in srgb,currentColor 48%,transparent)}
#productivity-app .calendar-agenda-item.completed b{color:#a1acd1!important;text-decoration:line-through;text-decoration-thickness:1.5px}
#productivity-app .calendar-agenda-item.completed small{color:#38e5eb!important}
#productivity-app .calendar-agenda-row.completed>time{color:#789bbd!important}

@media(max-width:700px){
  #productivity-app .calendar-agenda-item.completed{grid-template-columns:20px minmax(0,1fr)!important;box-shadow:inset 7px 0 0 color-mix(in srgb,currentColor 53%,#d9ddff),inset 0 0 12px color-mix(in srgb,currentColor 13%,transparent)!important}
  #productivity-app .calendar-agenda-item.completed i{width:18px;height:18px;font-size:11px}
}

/* Calendar is a fixed app surface at every responsive size. Keep the chrome
   in place and let only the active content/timeline own vertical scrolling. */
#productivity-app.calendar-redesign{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  #productivity-app.calendar-redesign .ps-app{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0 0 calc(64px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  #productivity-app.calendar-redesign .ps-app>main,
  #productivity-app.calendar-redesign #ps-content{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #productivity-app.calendar-redesign .calendar-console{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #productivity-app.calendar-redesign .calendar-console-header,
  #productivity-app.calendar-redesign .calendar-day-navigation,
  #productivity-app.calendar-redesign .calendar-console-nav{
    flex:0 0 auto!important;
  }
  #productivity-app.calendar-redesign .calendar-view{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  #productivity-app.calendar-redesign .calendar-console[data-calendar-mode="day"] .calendar-view,
  #productivity-app.calendar-redesign .calendar-console[data-calendar-mode="week"] .calendar-view{
    overflow:hidden!important;
  }
  #productivity-app.calendar-redesign .calendar-day-view,
  #productivity-app.calendar-redesign .calendar-week-shell{
    display:flex!important;
    height:100%!important;
    min-height:0!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #productivity-app.calendar-redesign .calendar-all-day,
  #productivity-app.calendar-redesign .calendar-week-header,
  #productivity-app.calendar-redesign .calendar-week-all-day{
    flex:0 0 auto!important;
  }
  #productivity-app.calendar-redesign .calendar-day-scroll,
  #productivity-app.calendar-redesign .calendar-week-scroll{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#2bdfff rgba(2,17,34,.8);
  }
  #productivity-app.calendar-redesign .calendar-day-scroll::-webkit-scrollbar,
  #productivity-app.calendar-redesign .calendar-week-scroll::-webkit-scrollbar,
  #productivity-app.calendar-redesign .calendar-view::-webkit-scrollbar{width:6px}
  #productivity-app.calendar-redesign .calendar-day-scroll::-webkit-scrollbar-track,
  #productivity-app.calendar-redesign .calendar-week-scroll::-webkit-scrollbar-track,
  #productivity-app.calendar-redesign .calendar-view::-webkit-scrollbar-track{background:rgba(2,17,34,.8)}
  #productivity-app.calendar-redesign .calendar-day-scroll::-webkit-scrollbar-thumb,
  #productivity-app.calendar-redesign .calendar-week-scroll::-webkit-scrollbar-thumb,
  #productivity-app.calendar-redesign .calendar-view::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:#2bdfff;
    box-shadow:0 0 8px rgba(43,223,255,.8);
  }

#stage[data-scene=productivity] #productivity-app.player-redesign{--sys-bg: #010710;--sys-panel: #031321;--sys-panel-2: #061a2d;--sys-line: rgba(68, 186, 235, .44);--sys-line-hot: #69e6ff;--sys-blue: #3198ff;--sys-cyan: #5fe8ff;--sys-violet: #9b64ff;--sys-copy: #e8f4ff;--sys-muted: #82aec6;--sys-danger: #ff5f86;background:radial-gradient(circle at 50% -10%,rgba(40,106,202,.28),transparent 35%),radial-gradient(circle at 9% 34%,rgba(31,198,238,.08),transparent 23%),linear-gradient(180deg,#03101c,var(--sys-bg) 58%,#02060c)!important}#stage[data-scene=productivity] #productivity-app.player-redesign:before{display:none!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-noise{opacity:.35;background:linear-gradient(90deg,transparent 49.9%,rgba(84,189,255,.035) 50%,transparent 50.1%),repeating-linear-gradient(0deg,rgba(211,247,255,.018) 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 18%,rgba(35,105,184,.2),transparent 55%)}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-app{max-width:1700px!important;padding:22px clamp(18px,4vw,68px) 132px!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-app>main{min-height:calc(100svh - 160px)!important;padding:22px clamp(15px,2.6vw,42px) 40px!important;border:1px solid rgba(70,172,224,.24)!important;background:linear-gradient(135deg,#071b2fdb,#010811f0 52%),var(--sys-bg)!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)!important;box-shadow:inset 0 0 60px #1b68ae1a,0 0 30px #00000061!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-header{min-height:78px;margin-bottom:15px;padding:4px 3px 18px!important;border-bottom:1px solid rgba(86,206,244,.35)!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-header h1{color:#f1f4ff;font-family:Avenir Next,Avenir,Arial,sans-serif!important;font-size:clamp(28px,3vw,46px)!important;font-weight:300!important;letter-spacing:7px!important;text-shadow:0 0 7px rgba(114,163,255,.75),0 0 24px rgba(51,103,255,.3)!important}#stage[data-scene=productivity] #productivity-app.player-redesign #ps-kicker{color:var(--sys-cyan)!important;font-size:9px!important;letter-spacing:4px!important}#stage[data-scene=productivity] #productivity-app.player-redesign #ps-subtitle{color:#699dbb!important;letter-spacing:3px!important}#stage[data-scene=productivity] #productivity-app.player-redesign #ps-status{position:fixed;left:50%;top:18px;z-index:90;min-height:0;margin:0;color:#bbf7ff;font-size:10px;letter-spacing:2px;transform:translate(-50%)}#productivity-app.player-redesign .player-command{display:grid;gap:15px;width:min(1400px,100%);margin:0 auto;font-family:Avenir Next,Avenir,Arial,sans-serif}#productivity-app.player-redesign .player-identity{position:relative;display:grid!important;grid-template-columns:118px minmax(0,1fr) 100px auto;gap:22px;align-items:center!important;min-height:150px;padding:20px 26px!important;overflow:hidden;border:1px solid rgba(88,217,255,.58)!important;background:linear-gradient(90deg,#0b2e4ce0,#03111fd1 53%,#0b2946a3),var(--sys-panel)!important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 42px #259ad31f,0 0 18px #1e96e71a}#productivity-app.player-redesign .player-identity:before{content:"PLAYER DATA";position:absolute;right:18px;top:12px;color:#57c0e03d;font-size:7px;letter-spacing:4px}#productivity-app.player-redesign .player-rank-seal{position:relative;display:grid;width:96px;height:96px;place-content:center;border:1px solid rgba(111,221,255,.7);background:radial-gradient(circle,#2569cf57,#030e1dd6 62%);clip-path:polygon(50% 0,88% 14%,100% 50%,86% 87%,50% 100%,13% 87%,0 50%,14% 14%);text-align:center;box-shadow:inset 0 0 20px #61daff40,0 0 24px #2878ff59}#productivity-app.player-redesign .player-rank-seal:before,#productivity-app.player-redesign .player-rank-seal:after{content:"";position:absolute;inset:8px;border:1px solid rgba(113,174,255,.26);clip-path:inherit}#productivity-app.player-redesign .player-rank-seal:after{inset:18px;border-color:#6fe9ff29}#productivity-app.player-redesign .player-rank-seal small{color:#70c9ec;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-rank-seal strong{color:#f2f7ff;font-size:48px;font-weight:300;line-height:.9;text-shadow:0 0 8px #8eefff,0 0 23px #326dff}#productivity-app.player-redesign .player-rank-seal i{position:absolute;inset:-7px;border-top:1px solid #59ddff;border-bottom:1px solid #335cff;border-radius:50%;opacity:.45;animation:system-orbit 8s linear infinite}#productivity-app.player-redesign .player-identity-copy>small,#productivity-app.player-redesign .system-panel header small,#productivity-app.player-redesign .player-page-intro small{color:var(--sys-cyan);font-size:8px;letter-spacing:3px}#productivity-app.player-redesign .player-identity-copy h2{max-width:800px;margin:7px 0 5px;overflow:hidden;color:var(--sys-copy);font-size:clamp(25px,3.2vw,46px);font-weight:400;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 14px rgba(120,207,255,.28)}#productivity-app.player-redesign .player-identity-copy p{margin:0;color:#8eb7d4;font-size:11px;letter-spacing:2px}#productivity-app.player-redesign .player-identity-copy p span{color:#6febff}#productivity-app.player-redesign .player-level{display:grid;place-content:center;min-height:90px;border-left:1px solid rgba(72,170,220,.28);text-align:center}#productivity-app.player-redesign .player-level small{color:#6fa9c5;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-level strong{color:#fff;font-size:48px;font-weight:300;text-shadow:0 0 13px #408dff}#productivity-app.player-redesign .player-status-open{min-height:48px!important;padding:10px 18px!important;border:1px solid rgba(93,223,255,.7)!important;background:linear-gradient(90deg,#0a4971b8,#052643b8)!important;color:#dffaff!important;font-size:9px!important;letter-spacing:2px!important;box-shadow:inset 0 0 18px #32beec1f,0 0 14px #157edb26!important}#productivity-app.player-redesign .player-xp-core{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:15px;align-items:center;padding:10px 18px;border-left:1px solid rgba(89,225,255,.55);border-right:1px solid rgba(54,113,230,.45);background:linear-gradient(90deg,#041626d1,#0a315294,#041425d1)}#productivity-app.player-redesign .player-xp-core>div{display:flex;gap:18px;align-items:center}#productivity-app.player-redesign .player-xp-core span,#productivity-app.player-redesign .player-xp-core small{color:#6fa4bf;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-xp-core b{color:#d7f5ff;font-size:10px;font-weight:500;letter-spacing:1px}#productivity-app.player-redesign .player-xp-core>i,#productivity-app.player-redesign .main-quest-progress>i{display:block;height:7px;overflow:hidden;border:1px solid rgba(56,146,196,.45);background:#010a13;transform:skew(-18deg)}#productivity-app.player-redesign .player-xp-core>i em,#productivity-app.player-redesign .main-quest-progress>i em{display:block;height:100%;background:linear-gradient(90deg,#225dff,#45dfff 72%,#c7fbff);box-shadow:0 0 11px #34cfff}#productivity-app.player-redesign .player-directive{display:grid;grid-template-columns:48px minmax(0,1fr) 70px;gap:14px;align-items:center;padding:13px 18px;border:1px solid rgba(123,109,255,.48);background:linear-gradient(90deg,#151442ad,#051427d4 40%,#08182abd);box-shadow:inset 0 0 23px #573dff17,0 0 14px #3456ff1f;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#productivity-app.player-redesign .directive-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid #8a6cff;color:#d7d3ff;font-size:22px;text-shadow:0 0 9px #7a56ff;transform:rotate(45deg)}#productivity-app.player-redesign .directive-mark:first-letter{transform:rotate(-45deg)}#productivity-app.player-redesign .player-directive small{color:#a692ff;font-size:7px;letter-spacing:3px}#productivity-app.player-redesign .player-directive strong{display:block;margin-top:4px;color:#e9ecff;font-size:14px;font-weight:400}#productivity-app.player-redesign .player-grade{display:grid;text-align:center}#productivity-app.player-redesign .player-grade b{color:#fff;font-size:36px;font-weight:300;text-shadow:0 0 8px #7cdfff,0 0 18px #7452ff}#productivity-app.player-redesign .player-penalty-panel{display:grid;gap:13px;padding:18px 20px;border:1px solid rgba(255,72,123,.68);background:linear-gradient(135deg,#27051ee0,#080c1ff0 58%,#240b39c7);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:inset 0 0 35px #ff2c6817,0 0 18px #8726ff1f}#productivity-app.player-redesign .player-penalty-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}#productivity-app.player-redesign .player-penalty-panel header small{color:#ff668f;font-size:8px;letter-spacing:3px}#productivity-app.player-redesign .player-penalty-panel h3{margin:5px 0 0;color:#fff2f7;font-size:22px;font-weight:400;letter-spacing:2px;text-shadow:0 0 11px #c348ff88}#productivity-app.player-redesign .player-penalty-panel header button{min-height:40px;padding:8px 13px;border:1px solid #b25cff;background:#130720aa;color:#f1dcff;font-size:8px;letter-spacing:1.5px;box-shadow:inset 0 0 12px #9b3bff25}#productivity-app.player-redesign .player-penalty-panel>p{margin:0;color:#b9a9c6;font-size:11px;line-height:1.55;letter-spacing:.6px}#productivity-app.player-redesign .player-penalty-meter{display:flex;gap:12px;align-items:center;padding:8px 11px;border-left:2px solid #ff4c7c;background:#19081788;color:#ff6d95;font-size:8px;letter-spacing:2px}.player-penalty-meter b{color:#bf7dff;letter-spacing:4px}.player-penalty-meter em{margin-left:auto;color:#f5edff;font-style:normal}#productivity-app.player-redesign .player-penalty-steps{display:grid;gap:7px}#productivity-app.player-redesign .player-penalty-steps button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:44px;padding:8px 11px;border:1px solid rgba(142,84,211,.38);background:#060b18b8;color:#e9e4ee;text-align:left;box-shadow:none}#productivity-app.player-redesign .player-penalty-steps button i{display:grid;width:20px;height:20px;place-items:center;border:1px solid #a46be0;color:#70ffd5;font-style:normal}.player-penalty-steps button span{font-size:11px;letter-spacing:.3px}.player-penalty-steps button small{color:#a980c5;font-size:7px;letter-spacing:1.5px}.player-penalty-steps button.complete{border-color:#4b9e8b66;color:#8effda}.player-penalty-steps button.complete i{border-color:#61ffd1;box-shadow:0 0 8px #35e9ad55}#productivity-app.player-redesign .player-penalty-panel>footer{display:flex;justify-content:space-between;gap:12px;color:#826a94;font-size:7px;letter-spacing:1.3px}.player-penalty-panel>footer b{color:#ff799f;font-weight:500}@media(max-width:700px){#productivity-app.player-redesign .player-penalty-panel>header{align-items:flex-start;flex-direction:column}.player-penalty-steps button{grid-template-columns:24px minmax(0,1fr)!important}.player-penalty-steps button small{grid-column:2}.player-penalty-panel>footer{flex-direction:column}}#productivity-app.player-redesign .player-daily-briefing{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;min-height:58px!important;padding:10px 16px!important;border:1px solid rgba(85,211,255,.62)!important;background:linear-gradient(90deg,#062b46f0,#04172ae6 58%,#0d2643e6)!important;color:#e7f9ff!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:inset 0 0 24px #40beed1a,0 0 14px #208ddb24!important;text-align:left!important}#productivity-app.player-redesign .player-daily-briefing:hover,#productivity-app.player-redesign .player-daily-briefing:focus-visible{border-color:#75e8ff!important;background:linear-gradient(90deg,#084469f5,#051f37f0 58%,#103358f0)!important;box-shadow:inset 0 0 26px #4ad6ff26,0 0 16px #32b9ef42!important}#productivity-app.player-redesign .player-daily-briefing-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid #83eaff;border-radius:50%;color:#eaffff;font-size:18px;text-shadow:0 0 7px #61dcff;box-shadow:0 0 9px #44cfff38,inset 0 0 8px #3ec5f01f}#productivity-app.player-redesign .player-daily-briefing>span{display:grid;gap:3px}#productivity-app.player-redesign .player-daily-briefing>span:last-child{text-align:right}#productivity-app.player-redesign .player-daily-briefing small{color:#70bdd8;font-size:6px;letter-spacing:2.3px}#productivity-app.player-redesign .player-daily-briefing strong{font-size:12px;font-weight:400;letter-spacing:1.4px}#productivity-app.player-redesign .player-daily-briefing b{color:#8cecff;font-size:8px;font-weight:500;letter-spacing:1.2px}#productivity-app.player-redesign .player-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(65,181,226,.38);border-bottom:1px solid rgba(65,181,226,.26)}#productivity-app.player-redesign .player-stat-strip article{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:14px 18px;border-right:1px solid rgba(57,132,176,.24);background:linear-gradient(180deg,#081f3394,#020f1b80)}#productivity-app.player-redesign .player-stat-strip article:last-child{border-right:0}#productivity-app.player-redesign .player-stat-strip small{grid-column:1;color:#6c9db7;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-stat-strip strong{grid-row:1/3;grid-column:2;color:#e6f7ff;font-size:30px;font-weight:300}#productivity-app.player-redesign .player-stat-strip strong i{color:#698fac;font-size:14px;font-style:normal}#productivity-app.player-redesign .player-stat-strip span{color:#4f7a94;font-size:6px;letter-spacing:1.5px}#productivity-app.player-redesign .player-command-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:15px}#productivity-app.player-redesign .system-panel{position:relative;min-width:0;padding:18px;border:1px solid var(--sys-line);background:linear-gradient(145deg,#061d31eb,#020c17ed),var(--sys-panel);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 0 32px #2389bc14}#productivity-app.player-redesign .system-panel:before{content:"";position:absolute;left:0;top:12px;width:2px;height:42px;background:var(--sys-line-hot);box-shadow:0 0 9px var(--sys-line-hot)}#productivity-app.player-redesign .system-panel>header{display:flex!important;min-height:0;align-items:center!important;justify-content:space-between!important;padding:0 0 13px!important;border-bottom:1px solid rgba(58,139,181,.28)!important}#productivity-app.player-redesign .system-panel h3{margin:4px 0 0;color:#e6f3ff;font-size:17px;font-weight:400;letter-spacing:1px}#productivity-app.player-redesign .system-panel>header>span{color:#8eedff;font-size:20px;font-weight:300;text-shadow:0 0 8px rgba(80,224,255,.45)}#productivity-app.player-redesign .system-panel .progress-orb{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border:1px solid rgba(117,224,255,.72);border-radius:50%;background:radial-gradient(circle,#041321 57%,transparent 59%),conic-gradient(#6a58ff var(--p),#10314a 0);color:#ecfaff;font-size:10px;font-weight:400;letter-spacing:.5px;box-shadow:inset 0 0 13px #44d3ff2e,0 0 12px #527cff3d}#productivity-app.player-redesign .system-panel>p{min-height:40px;color:#8eb0c5;font-size:11px;line-height:1.6}#productivity-app.player-redesign .player-main-quest{border-color:#8066ff73}#productivity-app.player-redesign .player-main-quest:before{background:#956dff;box-shadow:0 0 10px #7d5aff}#productivity-app.player-redesign .main-quest-progress{display:grid;gap:8px;margin:15px 0}#productivity-app.player-redesign .main-quest-progress small{color:#678fa9;font-size:7px;letter-spacing:1.6px}#productivity-app.player-redesign .system-primary,#productivity-app.player-redesign .system-link{min-height:38px!important;padding:8px 13px!important;border:1px solid rgba(73,204,242,.72)!important;background:linear-gradient(90deg,#0a4b74d1,#052d4ec7)!important;color:#dffaff!important;font-size:8px!important;letter-spacing:1.6px!important;box-shadow:inset 0 0 14px #32beeb1f!important}#productivity-app.player-redesign .system-link{border-color:#3a7db580!important;background:#03132280!important;color:#8bcbe5!important}#productivity-app.player-redesign .system-primary:hover,#productivity-app.player-redesign .system-primary:focus-visible{background:linear-gradient(90deg,#0b679e,#0a4f89)!important;box-shadow:inset 0 0 18px #70edff33,0 0 14px #2eb0ea47!important}#productivity-app.player-redesign .player-quest-feed footer,#productivity-app.player-redesign .player-daily-protocol footer{display:flex;gap:8px;margin-top:12px}#productivity-app.player-redesign .player-quest-feed footer button,#productivity-app.player-redesign .player-daily-protocol footer button{flex:1}#productivity-app.player-redesign .player-quest-list .quest-row,#productivity-app.player-redesign .quest-board-list .quest-row{grid-template-columns:32px minmax(0,1fr) auto!important;min-height:54px;border-bottom:1px solid rgba(50,113,146,.28)}#productivity-app.player-redesign .quest-row .check{position:relative!important;width:24px!important;height:24px!important;min-height:24px!important;border:1px solid #49cce8!important;background:#03111f!important;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}#productivity-app.player-redesign .quest-row.complete .check{background:#62eaff!important;box-shadow:0 0 11px #46e2ff9e!important}#productivity-app.player-redesign .quest-copy b{color:#dcecff;font-size:11px;font-weight:400}#productivity-app.player-redesign .quest-copy small{color:#648da5;font-size:7px;letter-spacing:.5px}#productivity-app.player-redesign .quest-copy small em{color:#64dff5}#productivity-app.player-redesign .quest-row time{color:#6695ae;font-size:8px}#productivity-app.player-redesign .quest-row.complete{opacity:.52}#productivity-app.player-redesign .player-rune-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}#productivity-app.player-redesign .player-daily-rune{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;min-height:65px!important;justify-content:stretch!important;gap:9px!important;padding:9px!important;border:1px solid rgba(53,128,166,.42)!important;background:linear-gradient(135deg,#051e30d6,#020f1bdb)!important;color:#d8efff!important;text-align:left!important}#productivity-app.player-redesign .player-daily-rune>span{grid-row:1/3;display:grid;place-items:center;color:#66dff4;font-size:25px;text-shadow:0 0 8px rgba(83,213,255,.5)}#productivity-app.player-redesign .player-daily-rune b{align-self:end;overflow:hidden;font-size:10px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}#productivity-app.player-redesign .player-daily-rune small{align-self:start;color:#5f8aa2;font-size:6px;letter-spacing:.6px}#productivity-app.player-redesign .player-daily-rune.complete{border-color:#57f6dc94!important;background:linear-gradient(135deg,#063d40b8,#031726d1)!important}#productivity-app.player-redesign .player-empty-directive{grid-column:1/-1;display:grid!important;min-height:80px!important;place-content:center!important;border:1px dashed rgba(75,153,191,.42)!important;background:#02101ca6!important;color:#7bbcd5!important}#productivity-app.player-redesign .player-empty-directive b{font-size:10px;letter-spacing:1.5px}#productivity-app.player-redesign .player-empty-directive span{margin-top:5px;font-size:8px}#productivity-app.player-redesign .player-deadline{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid rgba(49,113,148,.25)}#productivity-app.player-redesign .player-deadline i{width:5px;height:5px;background:#9d77ff;box-shadow:0 0 8px #8f65ff;transform:rotate(45deg)}#productivity-app.player-redesign .player-deadline b{display:block;color:#d5e9f7;font-size:10px;font-weight:400}#productivity-app.player-redesign .player-deadline small{color:#638aa1;font-size:7px}#productivity-app.player-redesign .player-deadline>span{color:#c090ff;font-size:8px}#productivity-app.player-redesign .player-clear-state{display:grid;min-height:110px;place-items:center;margin:0;color:#4d839b;font-size:8px;letter-spacing:2px}#productivity-app.player-redesign .player-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#productivity-app.player-redesign .player-quick-actions button{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;justify-content:stretch!important;gap:11px!important;min-height:62px!important;padding:10px 14px!important;border:1px solid rgba(48,128,173,.42)!important;background:linear-gradient(90deg,#04192ad1,#020f1bbd)!important;color:#cfe9f7!important;text-align:left!important}#productivity-app.player-redesign .player-quick-actions i{grid-row:1/3;align-self:center;color:#3d7593;font-size:20px;font-style:normal;font-weight:300}#productivity-app.player-redesign .player-quick-actions small{display:block;color:#55829a;font-size:6px;letter-spacing:1.5px}#productivity-app.player-redesign .player-quick-actions b{display:block;margin-top:5px;font-size:9px;font-weight:400;letter-spacing:1px}#productivity-app.player-redesign .player-quick-actions button:hover{border-color:#52d9f5!important;background:linear-gradient(90deg,#073a56e6,#03192bcc)!important}#productivity-app.player-redesign .player-system-footer{display:flex;align-items:center;gap:14px;color:#4e849e;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-system-footer i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(72,176,220,.42),transparent)}#productivity-app.player-redesign .player-page-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:22px;align-items:center;margin-bottom:14px;padding:22px 24px;border-left:2px solid #5be3ff;border-right:1px solid rgba(74,148,210,.36);background:linear-gradient(90deg,#072a45d6,#03111fb8 65%,#0f163780)}#productivity-app.player-redesign .player-page-intro h2{margin:5px 0;color:#edf3ff;font-size:clamp(23px,3vw,38px);font-weight:300;letter-spacing:4px}#productivity-app.player-redesign .player-page-intro p{margin:0;color:#779db4;font-size:10px}#productivity-app.player-redesign .player-page-intro aside{padding:5px 20px;border-left:1px solid rgba(69,147,191,.3);text-align:center}#productivity-app.player-redesign .player-page-intro aside span{display:block;color:#638ba2;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-page-intro aside strong{display:block;margin-top:5px;color:#73eaff;font-size:24px;font-weight:300}#productivity-app.player-redesign .player-objective-summary,#productivity-app.player-redesign .quest-log-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}#productivity-app.player-redesign .player-objective-summary article,#productivity-app.player-redesign .quest-log-summary article{min-height:74px;padding:13px 16px;border:1px solid rgba(50,124,164,.3);background:linear-gradient(145deg,#051c2fbf,#020e19bd)}#productivity-app.player-redesign .player-objective-summary small,#productivity-app.player-redesign .quest-log-summary small{display:block;color:#5f879f;font-size:7px;letter-spacing:1.6px}#productivity-app.player-redesign .player-objective-summary strong,#productivity-app.player-redesign .quest-log-summary strong{display:block;margin-top:5px;color:#e2f3ff;font-size:27px;font-weight:300}#productivity-app.player-redesign .player-goal-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#productivity-app.player-redesign .player-goal-card{padding:20px!important;border:1px solid rgba(71,158,206,.42)!important;background:linear-gradient(145deg,#061f34eb,#020d18f2)!important;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}#productivity-app.player-redesign .player-goal-card.primary{border-color:#8b68ff94!important;box-shadow:inset 0 0 28px #6141ff12!important}#productivity-app.player-redesign .player-goal-card>header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(54,128,167,.25);padding-bottom:11px}#productivity-app.player-redesign .player-goal-card>header span{color:#70d9ef;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-goal-card>header strong{color:#9a7cff;font-size:22px;font-weight:300}#productivity-app.player-redesign .player-goal-card h2{margin:14px 0 7px;color:#ecf3ff;font-size:22px;font-weight:400}#productivity-app.player-redesign .player-goal-card>p{min-height:42px;color:#779bb0;font-size:10px;line-height:1.55}#productivity-app.player-redesign .goal-intel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0;border-top:1px solid rgba(50,113,150,.25);border-bottom:1px solid rgba(50,113,150,.25)}#productivity-app.player-redesign .goal-intel>span{padding:9px;border-right:1px solid rgba(50,113,150,.22)}#productivity-app.player-redesign .goal-intel>span:last-child{border-right:0}#productivity-app.player-redesign .goal-intel small{display:block;color:#557d94;font-size:6px;letter-spacing:1.3px}#productivity-app.player-redesign .goal-intel b{display:block;margin-top:4px;color:#badbea;font-size:8px;font-weight:400}#productivity-app.player-redesign .goal-power{height:7px!important;margin:15px 0 7px!important;background:#010a13!important}#productivity-app.player-redesign .goal-power i{display:block;height:100%;background:linear-gradient(90deg,#6650ff,#41dfff)!important;box-shadow:0 0 10px #45cfff}#productivity-app.player-redesign .player-goal-card>b{color:#6491a7;font-size:7px;letter-spacing:1.4px}#productivity-app.player-redesign .goal-linked-quests{margin-top:14px;background:#010c1699}#productivity-app.player-redesign .player-goal-card footer{display:grid!important;grid-template-columns:1.4fr repeat(3,auto);gap:7px!important}#productivity-app.player-redesign .player-goal-card footer button{min-height:38px!important;padding:7px 10px!important}#productivity-app.player-redesign .player-empty-gate{grid-column:1/-1;display:grid;min-height:300px;place-content:center;justify-items:center;border:1px dashed rgba(69,155,196,.46);background:radial-gradient(circle,rgba(31,93,151,.13),transparent 60%);text-align:center}#productivity-app.player-redesign .player-empty-gate>span{color:#6ee6ff;font-size:46px;text-shadow:0 0 16px #4294ff}#productivity-app.player-redesign .player-empty-gate h2{margin:12px 0 4px;color:#dceeff;font-size:18px;font-weight:300;letter-spacing:3px}#productivity-app.player-redesign .player-empty-gate p{color:#6a93a8;font-size:10px}#productivity-app.player-redesign .player-empty-gate.compact{min-height:150px}#productivity-app.player-redesign .quest-log-summary{grid-template-columns:130px repeat(3,minmax(0,1fr))}#productivity-app.player-redesign .quest-log-radar{position:relative;display:grid;min-height:96px;place-content:center;border:1px solid rgba(74,181,224,.38);background:radial-gradient(circle,rgba(34,120,190,.22),transparent 62%);text-align:center}#productivity-app.player-redesign .quest-log-radar i{position:absolute;inset:12px;border:1px solid rgba(73,196,235,.3);border-radius:50%;animation:system-orbit 9s linear infinite}#productivity-app.player-redesign .quest-log-radar b{color:#e5f7ff;font-size:28px;font-weight:300}#productivity-app.player-redesign .quest-log-radar span{color:#5da5bd;font-size:6px;letter-spacing:2px}#productivity-app.player-redesign .quest-log-summary article span{color:#557f97;font-size:7px;letter-spacing:1px}#productivity-app.player-redesign .player-quest-board{margin-bottom:14px;padding:18px!important;border:1px solid rgba(59,146,190,.38)!important;background:linear-gradient(145deg,#051c2fe6,#020d18f0)!important}#productivity-app.player-redesign .player-quest-board>header{display:flex;justify-content:space-between;align-items:end;padding-bottom:13px;border-bottom:1px solid rgba(54,128,166,.28)}#productivity-app.player-redesign .player-quest-board header small{color:#61cfe8;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .player-quest-board header h2{margin:4px 0 0;color:#e2f0ff;font-size:18px;font-weight:300;letter-spacing:2px}#productivity-app.player-redesign .player-quest-board header>span{color:#6eaac2;font-size:8px;letter-spacing:1.5px}#productivity-app.player-redesign .player-quest-board .quest-row{grid-template-columns:38px minmax(0,1fr) 90px!important;padding:12px 3px!important}#productivity-app.player-redesign .player-quest-board .quest-actions{grid-column:1/4;display:flex;gap:7px;margin-left:38px}#productivity-app.player-redesign .player-quest-board .quest-actions button{min-height:30px!important;padding:5px 10px!important;font-size:7px!important}#productivity-app.player-redesign .player-quest-board.cleared{opacity:.72}#productivity-app.player-redesign .quest-system-message{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 17px;border:1px solid rgba(119,89,255,.36);background:linear-gradient(90deg,#1c154880,#031220c7)}#productivity-app.player-redesign .quest-system-message>i{display:grid;width:30px;height:30px;place-items:center;border:1px solid #8b73ff;color:#c5baff;font-style:normal;transform:rotate(45deg)}#productivity-app.player-redesign .quest-system-message b{display:block;color:#cfcaff;font-size:9px;letter-spacing:1.5px}#productivity-app.player-redesign .quest-system-message span{color:#6f8ba8;font-size:8px}#productivity-app.player-redesign .quest-system-message button{min-height:36px!important;padding:7px 12px!important;border-color:#7767d8!important;background:#151343!important;color:#ded9ff!important;font-size:8px!important}#productivity-app.player-redesign .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#productivity-app.player-redesign .daily-protocol-banner{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:14px;padding:18px 22px;border:1px solid rgba(79,177,217,.4);background:linear-gradient(90deg,#07273ed6,#02101dd6)}#productivity-app.player-redesign .protocol-core{position:relative;display:grid;width:90px;height:90px;place-content:center;border-radius:50%;background:radial-gradient(circle,#06182a 56%,transparent 58%),conic-gradient(#55e9ff var(--protocol, 0deg),#0c2a43 0);text-align:center}#productivity-app.player-redesign .protocol-core:before{content:"";position:absolute;inset:8px;border:1px solid rgba(98,226,255,.4);border-radius:50%}#productivity-app.player-redesign .protocol-core strong{color:#e5faff;font-size:21px;font-weight:300;text-shadow:0 0 8px #43cfff}#productivity-app.player-redesign .daily-protocol-banner small{color:#5fd6ef;font-size:7px;letter-spacing:2px}#productivity-app.player-redesign .daily-protocol-banner h2{margin:5px 0;color:#e2f3ff;font-size:20px;font-weight:300;letter-spacing:2px}#productivity-app.player-redesign .daily-protocol-banner p{margin:0;color:#6f98af;font-size:9px}#productivity-app.player-redesign .daily-protocol-banner>button{min-height:42px!important;padding:8px 13px!important;border-color:#428eb5!important;background:#05223a!important;color:#9bd9ec!important;font-size:8px!important}#productivity-app.player-redesign .daily-protocol-banner.complete{border-color:#49eccb8c;background:linear-gradient(90deg,#05363ab8,#02121fd6)}#productivity-app.player-redesign .player-training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0!important;border:0!important;background:transparent!important}#productivity-app.player-redesign .training-card{position:relative;display:grid!important;grid-template-columns:36px 76px minmax(0,1fr) 70px!important;gap:12px!important;align-items:center!important;min-height:138px;padding:18px!important;border:1px solid rgba(57,145,187,.4)!important;background:linear-gradient(145deg,#061f33e6,#020e19f0)!important}#productivity-app.player-redesign .training-card.complete{opacity:1!important;border-color:#4debce80!important;background:linear-gradient(145deg,#06373bb8,#02121ef0)!important}#productivity-app.player-redesign .training-index{align-self:start;color:#3e6e86;font-size:11px;letter-spacing:1px}#productivity-app.player-redesign .training-sigil{position:relative!important;display:grid!important;width:68px!important;height:68px!important;min-height:68px!important;place-content:center!important;border:1px solid #4ccce9!important;border-radius:50%!important;background:radial-gradient(circle,#124b739e,#020f1ceb)!important;color:#baf3ff!important;box-shadow:inset 0 0 15px #39b9e62e,0 0 12px #3299eb2e!important}#productivity-app.player-redesign .training-sigil:before{content:"";position:absolute;inset:7px;border:1px solid rgba(89,218,244,.26);border-radius:50%;border-left-color:transparent;transform:rotate(35deg)}#productivity-app.player-redesign .training-sigil span{font-size:10px;letter-spacing:1px}#productivity-app.player-redesign .training-copy small{color:#5f91aa;font-size:6px;letter-spacing:1.2px}#productivity-app.player-redesign .training-copy b{display:block;margin:7px 0;color:#dceeff;font-size:14px;font-weight:400}#productivity-app.player-redesign .training-copy p{margin:0;color:#678ca2;font-size:8px}#productivity-app.player-redesign .training-copy em{color:#5cdbef;font-style:normal}#productivity-app.player-redesign .training-chain{text-align:center}#productivity-app.player-redesign .training-chain strong{display:block;color:#e8f9ff;font-size:28px;font-weight:300}#productivity-app.player-redesign .training-chain span{color:#5f879c;font-size:6px;letter-spacing:1px}#productivity-app.player-redesign .training-card footer{position:absolute;right:12px;bottom:9px;display:flex!important;gap:6px!important;margin:0!important}#productivity-app.player-redesign .training-card footer button{min-height:25px!important;padding:4px 7px!important;border:0!important;border-bottom:1px solid rgba(73,168,206,.45)!important;background:transparent!important;color:#679bb3!important;font-size:6px!important}#productivity-app .player-reward{position:fixed;left:50%;top:12%;z-index:120;display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;width:min(560px,calc(100vw - 30px));min-height:108px;padding:16px 23px;border:1px solid rgba(95,225,255,.8);background:linear-gradient(115deg,#041f33fa,#020c18fa 65%,#12133cf5);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);box-shadow:inset 0 0 30px #29a1d41f,0 0 15px #2ac7f461,0 0 50px #285fff33;animation:reward-arrive 3.4s both;pointer-events:none}#productivity-app .player-reward:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#6bf0ff,transparent);box-shadow:0 0 10px #5df;animation:reward-scan 1.2s ease-out}#productivity-app .player-reward-sigil{position:relative;display:grid;width:64px;height:64px;place-items:center;border:1px solid #58dcf7;transform:rotate(45deg);box-shadow:inset 0 0 15px #42ccef2e,0 0 13px #2c8fff47}#productivity-app .player-reward-sigil i{position:absolute;inset:8px;border:1px solid rgba(125,109,255,.48)}#productivity-app .player-reward-sigil b{color:#eaffff;font-size:24px;font-weight:300;text-shadow:0 0 10px #59e5ff;transform:rotate(-45deg)}#productivity-app .player-reward small{display:block;color:#65dff3;font-size:7px;letter-spacing:3px}#productivity-app .player-reward strong{display:block;margin:6px 0 3px;color:#f1f5ff;font-size:19px;font-weight:300;letter-spacing:2px}#productivity-app .player-reward span{color:#9f8dff;font-size:10px;letter-spacing:1.5px}#productivity-app .player-reward.level-up{border-color:#af85ff;box-shadow:inset 0 0 35px #5b3eff29,0 0 18px #9f75ff8f,0 0 65px #325cff4d}#productivity-app .player-reward.reversed{opacity:.82;filter:saturate(.55)}@keyframes system-orbit{to{transform:rotate(360deg)}}@keyframes reward-scan{0%{transform:translate(-60%);opacity:0}50%{opacity:1}to{transform:translate(60%);opacity:0}}@keyframes reward-arrive{0%{opacity:0;transform:translate(-50%,-24px) scale(.96);filter:blur(5px)}10%,78%{opacity:1;transform:translate(-50%) scale(1);filter:blur(0)}to{opacity:0;transform:translate(-50%,-12px) scale(.985);filter:blur(3px)}}@media(max-width:900px){#stage[data-scene=productivity] #productivity-app.player-redesign .ps-app{padding:env(safe-area-inset-top) 0 calc(86px + env(safe-area-inset-bottom))!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-app>main{padding:12px 10px 24px!important;border:0!important;clip-path:none!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-header{min-height:64px;margin-bottom:8px;padding:8px 4px 13px!important}#stage[data-scene=productivity] #productivity-app.player-redesign .ps-header h1{font-size:clamp(22px,6vw,32px)!important;letter-spacing:4px!important}#productivity-app.player-redesign .player-identity{grid-template-columns:78px minmax(0,1fr) 62px;gap:11px;min-height:116px;padding:14px!important}#productivity-app.player-redesign .player-rank-seal{width:68px;height:68px}#productivity-app.player-redesign .player-rank-seal strong{font-size:34px}#productivity-app.player-redesign .player-identity-copy h2{font-size:clamp(20px,5.5vw,30px)}#productivity-app.player-redesign .player-identity-copy p{font-size:8px;letter-spacing:1px}#productivity-app.player-redesign .player-level{min-height:62px}#productivity-app.player-redesign .player-level strong{font-size:35px}#productivity-app.player-redesign .player-status-open{grid-column:1/-1;width:100%;min-height:38px!important}#productivity-app.player-redesign .player-xp-core{grid-template-columns:1fr auto;gap:8px;padding:9px 12px}#productivity-app.player-redesign .player-xp-core>i{grid-column:1/-1;grid-row:2}#productivity-app.player-redesign .player-xp-core>small{grid-column:1/-1}#productivity-app.player-redesign .player-directive{grid-template-columns:38px minmax(0,1fr) 50px;padding:11px}#productivity-app.player-redesign .directive-mark{width:29px;height:29px;font-size:17px}#productivity-app.player-redesign .player-directive strong{font-size:11px}#productivity-app.player-redesign .player-grade b{font-size:27px}#productivity-app.player-redesign .player-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#productivity-app.player-redesign .player-stat-strip article:nth-child(2){border-right:0}#productivity-app.player-redesign .player-stat-strip article:nth-child(-n+2){border-bottom:1px solid rgba(57,132,176,.24)}#productivity-app.player-redesign .player-stat-strip strong{font-size:25px}#productivity-app.player-redesign .player-command-grid{grid-template-columns:1fr}#productivity-app.player-redesign .player-main-quest{order:0}#productivity-app.player-redesign .player-quest-feed{order:1}#productivity-app.player-redesign .player-daily-protocol{order:2}#productivity-app.player-redesign .player-threats{order:3}#productivity-app.player-redesign .player-quick-actions{grid-template-columns:1fr}#productivity-app.player-redesign .player-page-intro{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}#productivity-app.player-redesign .player-page-intro>button{grid-column:1/-1;width:100%}#productivity-app.player-redesign .player-page-intro aside{padding:4px 10px}#productivity-app.player-redesign .player-objective-summary{grid-template-columns:repeat(4,minmax(0,1fr))}#productivity-app.player-redesign .player-objective-summary article{padding:10px 8px}#productivity-app.player-redesign .player-objective-summary strong{font-size:22px}#productivity-app.player-redesign .player-goal-wall{grid-template-columns:1fr}#productivity-app.player-redesign .player-goal-card footer{grid-template-columns:1fr 1fr!important}#productivity-app.player-redesign .quest-log-summary{grid-template-columns:90px 1fr 1fr}#productivity-app.player-redesign .quest-log-summary article:last-child{display:none}#productivity-app.player-redesign .player-quest-board .quest-actions{display:grid!important;grid-template-columns:1fr 1fr}#productivity-app.player-redesign .quest-system-message{grid-template-columns:34px minmax(0,1fr)}#productivity-app.player-redesign .quest-system-message button{grid-column:1/-1}#productivity-app.player-redesign .daily-protocol-banner{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:14px}#productivity-app.player-redesign .protocol-core{width:70px;height:70px}#productivity-app.player-redesign .daily-protocol-banner>button{grid-column:1/-1;width:100%}#productivity-app.player-redesign .player-training-grid{grid-template-columns:1fr}}@media(max-width:520px){#productivity-app.player-redesign .player-identity{grid-template-columns:64px minmax(0,1fr) 48px}#productivity-app.player-redesign .player-rank-seal{width:56px;height:56px}#productivity-app.player-redesign .player-rank-seal strong{font-size:27px}#productivity-app.player-redesign .player-rank-seal small{font-size:5px}#productivity-app.player-redesign .player-level strong{font-size:28px}#productivity-app.player-redesign .player-level small{font-size:5px}#productivity-app.player-redesign .player-identity-copy>small{font-size:6px;letter-spacing:2px}#productivity-app.player-redesign .player-identity-copy h2{font-size:18px}#productivity-app.player-redesign .player-rune-grid{grid-template-columns:1fr}#productivity-app.player-redesign .player-page-intro h2{font-size:21px;letter-spacing:2px}#productivity-app.player-redesign .player-page-intro p{font-size:8px}#productivity-app.player-redesign .player-page-intro aside strong{font-size:19px}#productivity-app.player-redesign .player-objective-summary{grid-template-columns:repeat(2,1fr)}#productivity-app.player-redesign .goal-intel{grid-template-columns:1fr}#productivity-app.player-redesign .goal-intel>span{border-right:0;border-bottom:1px solid rgba(50,113,150,.22)}#productivity-app.player-redesign .goal-intel>span:last-child{border-bottom:0}#productivity-app.player-redesign .quest-log-summary{grid-template-columns:80px 1fr}#productivity-app.player-redesign .quest-log-summary article:nth-last-child(-n+2){display:none}#productivity-app.player-redesign .player-quest-board{padding:13px!important}#productivity-app.player-redesign .player-quest-board .quest-row{grid-template-columns:34px minmax(0,1fr) 64px!important}#productivity-app.player-redesign .training-card{grid-template-columns:28px 58px minmax(0,1fr) 48px!important;gap:8px!important;padding:13px 9px!important}#productivity-app.player-redesign .training-sigil{width:52px!important;height:52px!important;min-height:52px!important}#productivity-app.player-redesign .training-copy b{font-size:12px}#productivity-app.player-redesign .training-chain strong{font-size:22px}#productivity-app .player-reward{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:13px 16px}#productivity-app .player-reward-sigil{width:50px;height:50px}#productivity-app .player-reward strong{font-size:15px}}@media(prefers-reduced-motion:reduce){#productivity-app.player-redesign .player-rank-seal i,#productivity-app.player-redesign .quest-log-radar i,#productivity-app .player-reward{animation:none!important}}

/* Native-device chrome should visually continue the app, not look simulated. */
html[data-scene="productivity"],
html[data-scene="productivity"] body,
html[data-scene="productivity"] #viewport,
html[data-scene="productivity"] body::before {
  background: #010a18;
}

/* Stats keeps the original full-screen cinematic presentation. The app itself
   becomes transparent; only its real bottom navigation remains above it. */
#productivity-app.stats-scene-page {
  z-index: 70 !important;
  background: transparent !important;
  pointer-events: none;
}

#productivity-app.stats-scene-page .ps-noise,
#productivity-app.stats-scene-page .ps-app {
  visibility: hidden !important;
}

#productivity-app.stats-scene-page::before,
#productivity-app.stats-scene-page::after {
  display: none !important;
}

#productivity-app.stats-scene-page .ps-primary-nav {
  visibility: visible !important;
  pointer-events: auto;
}

#productivity-app .stats-cinematic-slot {
  position: relative;
  width: 100%;
  height: min(68vh, 760px);
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(61, 188, 231, 0.24);
  background:
    radial-gradient(ellipse at 50% 48%, rgba(23, 70, 111, 0.2), transparent 64%),
    rgba(0, 7, 16, 0.32);
  box-shadow: inset 0 0 42px rgba(15, 111, 159, 0.12);
}

#stage[data-preview-scene="status-preview"] #notification {
  inset: auto !important;
  left: var(--status-tab-left, 50%) !important;
  top: var(--status-tab-top, 50%) !important;
  z-index: 60;
  transform: translate(-50%, -50%) scale(var(--status-tab-scale, 0.5));
  transform-origin: center center;
  pointer-events: auto;
}

#stage[data-preview-scene="status-preview"] .status-finance-value,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-finance-value {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

#stage[data-preview-scene="status-preview"] .status-finance-value:hover,
#stage[data-preview-scene="status-preview"] .status-finance-value:focus-visible,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-finance-value:hover,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-finance-value:focus-visible {
  border-color: transparent !important;
  box-shadow: none !important;
}

#stage[data-preview-scene="status-preview"] .status-preview-meter em,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-preview-meter em {
  transition: width 0.35s ease;
}

#stage[data-preview-scene="status-preview"] .status-finance-editor,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-finance-editor {
  display: inline-flex;
  pointer-events: auto;
}

#stage[data-preview-scene="status-preview"] .status-goal-editor,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-goal-editor {
  gap: 7px;
  align-items: end;
}

#stage[data-preview-scene="status-preview"] .status-goal-editor label,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-goal-editor label {
  display: grid;
  gap: 3px;
  color: #8edff2;
  font-size: 7px;
  letter-spacing: 1px;
  text-align: left;
}

#stage[data-preview-scene="status-preview"] .status-goal-editor .status-finance-input,
#stage:is([data-scene="status-preview"],[data-preview-scene="status-preview"]) .status-goal-editor .status-finance-input {
  width: 92px;
  height: 29px;
  font-size: 14px;
}

/* The persistent app bar is part of the same System surface as the active
   page. Keep its existing controls, but remove the detached framed silhouette. */
#stage[data-scene="productivity"] #productivity-app .ps-primary-nav {
  display: grid !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border-top: 1px solid rgba(86, 190, 241, 0.46) !important;
  background:
    linear-gradient(180deg, rgba(2, 16, 33, 0.76), rgba(1, 10, 24, 0.96)),
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(15, 104, 200, 0.05) 47px 49px, transparent 50px 91px),
    repeating-linear-gradient(180deg, transparent 0 78px, rgba(20, 109, 196, 0.035) 79px 81px),
    #010a18 !important;
  box-shadow:
    inset 0 12px 24px rgba(15, 54, 105, 0.12),
    inset 0 1px rgba(110, 186, 255, 0.2),
    0 -8px 20px rgba(0, 5, 15, 0.34) !important;
  clip-path: none !important;
  transform: none !important;
}

#stage[data-scene="productivity"] #productivity-app .ps-primary-nav::before {
  height: 1px !important;
  background: linear-gradient(90deg, rgba(31, 111, 188, 0.18), rgba(90, 220, 255, 0.68), rgba(31, 111, 188, 0.18)) !important;
  box-shadow: 0 -2px 9px rgba(38, 126, 187, 0.12) !important;
}

#stage[data-scene="productivity"] #productivity-app .ps-primary-nav::after {
  display: none !important;
  content: none !important;
}

@media (min-width: 901px) {
  #stage[data-scene="productivity"] #productivity-app.calendar-redesign .ps-app {
    padding-bottom: 126px !important;
  }
}

@media (max-width: 900px) {
  #stage[data-scene="productivity"] #productivity-app.stats-scene-page {
    background: transparent !important;
  }

  #productivity-app .stats-cinematic-slot {
    height: calc(100svh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    min-height: 360px;
    border-inline: 0;
  }

  #stage[data-preview-scene="status-preview"] #notification {
    top: calc(50% - (36px + env(safe-area-inset-bottom) / 2)) !important;
  }
}

/* The real device safe areas are part of the app chrome, not extra bars. */
@media (max-width: 900px) {
  html[data-scene="productivity"],
  html[data-scene="productivity"] body,
  html[data-scene="productivity"] #viewport,
  #stage[data-scene="productivity"],
  #stage[data-scene="productivity"] #productivity-app {
    background-color: #010a18 !important;
  }

html[data-scene="productivity"] body::before {
    height: env(safe-area-inset-top);
    background:
      radial-gradient(circle at 50% 120%, rgba(8, 72, 126, 0.2), transparent 62%),
      repeating-linear-gradient(90deg, transparent 0 46px, rgba(15, 104, 200, 0.055) 47px 49px, transparent 50px 91px),
      repeating-linear-gradient(180deg, transparent 0 78px, rgba(20, 109, 196, 0.04) 79px 81px),
      #010a18 !important;
  }

  #stage[data-scene="productivity"] #productivity-app.calendar-redesign {
    background:
      radial-gradient(circle at 50% 44%, rgba(8, 72, 126, 0.28), transparent 45%),
      repeating-linear-gradient(90deg, transparent 0 46px, rgba(15, 104, 200, 0.055) 47px 49px, transparent 50px 91px),
      repeating-linear-gradient(180deg, transparent 0 78px, rgba(20, 109, 196, 0.04) 79px 81px),
      linear-gradient(115deg, #010815, #03132a 50%, #010817) !important;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-app {
    padding-top: max(8px, env(safe-area-inset-top)) !important;
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(72px + env(safe-area-inset-bottom)) !important;
    padding: 7px 4px max(8px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 1px solid rgba(86, 190, 241, 0.46) !important;
    background:
      linear-gradient(180deg, rgba(2, 16, 33, 0.76), rgba(1, 10, 24, 0.96)),
      repeating-linear-gradient(90deg, transparent 0 46px, rgba(15, 104, 200, 0.05) 47px 49px, transparent 50px 91px),
      repeating-linear-gradient(180deg, transparent 0 78px, rgba(20, 109, 196, 0.035) 79px 81px),
      #010a18 !important;
    box-shadow:
      inset 0 12px 24px rgba(15, 54, 105, 0.12),
      inset 0 1px rgba(110, 186, 255, 0.2),
      0 -8px 20px rgba(0, 5, 15, 0.34) !important;
    clip-path: none !important;
    transform: none !important;
    opacity: 1 !important;
    isolation: isolate;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto !important;
    display: block !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(31, 111, 188, 0.18), rgba(90, 220, 255, 0.68), rgba(31, 111, 188, 0.18)) !important;
    box-shadow: 0 -2px 9px rgba(38, 126, 187, 0.12) !important;
    pointer-events: none;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav::after {
    display: none !important;
    content: none !important;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav button {
    min-height: 57px !important;
    padding: 4px 1px 6px !important;
    gap: 3px !important;
    font-size: clamp(11px, 3.15vw, 14px) !important;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav button svg {
    width: clamp(27px, 7.2vw, 32px) !important;
    height: clamp(27px, 7.2vw, 32px) !important;
  }

  #stage[data-scene="productivity"] #productivity-app .ps-primary-nav button.active::after {
    bottom: max(5px, env(safe-area-inset-bottom)) !important;
    width: 58px !important;
    height: 2px !important;
  }

  /* More previously had a stronger translucent override; keep its content
     design intact while forcing the same solid device chrome as every tab. */
  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-primary-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(72px + env(safe-area-inset-bottom)) !important;
    padding: 7px 4px max(8px, env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    border-top: 1px solid rgba(86, 190, 241, 0.46) !important;
    background:
      linear-gradient(180deg, rgba(2, 16, 33, 0.76), rgba(1, 10, 24, 0.96)),
      repeating-linear-gradient(90deg, transparent 0 46px, rgba(15, 104, 200, 0.05) 47px 49px, transparent 50px 91px),
      repeating-linear-gradient(180deg, transparent 0 78px, rgba(20, 109, 196, 0.035) 79px 81px),
      #010a18 !important;
    box-shadow:
      inset 0 12px 24px rgba(15, 54, 105, 0.12),
      inset 0 1px rgba(110, 186, 255, 0.2),
      0 -8px 20px rgba(0, 5, 15, 0.34) !important;
    clip-path: none !important;
    transform: none !important;
  }

  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-primary-nav button {
    min-height: 57px !important;
    padding: 4px 1px 6px !important;
    gap: 3px !important;
    font-size: clamp(11px, 3.15vw, 14px) !important;
  }

  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-primary-nav button svg {
    width: clamp(27px, 7.2vw, 32px) !important;
    height: clamp(27px, 7.2vw, 32px) !important;
  }

  #stage[data-scene="productivity"] #productivity-app.more-redesign .ps-primary-nav button.active::after {
    bottom: max(5px, env(safe-area-inset-bottom)) !important;
  }
}

/* First-open interface selection. Kept separate from both application themes. */
#experience-choice{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(118px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse 50% 42% at 21% 56%,#34233c85,transparent 90%),radial-gradient(ellipse 49% 47% at 79% 61%,#152c6d8c,transparent 90%),linear-gradient(125deg,#111c3d 0%,#101936 49%,#0d1a3a 100%);color:#f7f8ff;font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
html:not([data-interface="choice"]) #experience-choice{display:none!important}
html[data-interface="choice"] #viewport,html[data-interface="choice"] #simple-root,html[data-interface="choice"] #open-simple-calendar{visibility:hidden!important;pointer-events:none!important}
.experience-choice-inner{width:min(900px,100%);margin:0 auto}
.experience-choice-heading{text-align:center}
.experience-choice-heading h1{margin:0;color:#fff;font-size:clamp(36px,4.3vw,66px);font-weight:800;line-height:1.1;letter-spacing:-.045em}
.experience-choice-heading p{margin:15px 0 0;color:#a6b8e6;font-size:clamp(20px,2.25vw,33px);font-weight:400;line-height:1.3;letter-spacing:.005em}
.experience-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:48px}
.experience-option{display:flex;min-width:0;min-height:410px;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 24px 28px;border-radius:24px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.experience-option svg{display:block;flex:1 1 auto;width:100%;max-height:260px;filter:drop-shadow(0 12px 15px #11162a23)}
.experience-option span{display:block;margin-top:16px;font-size:clamp(32px,3vw,44px);font-weight:750;line-height:1.1;letter-spacing:-.04em}
.experience-minimal{border:7px solid #ffa5a4;background:radial-gradient(circle at 50% 35%,#fff 0%,#fffaf7 80%);box-shadow:0 0 0 2px #fff inset,0 0 30px #ff758a7a,0 22px 48px #050d2799;color:#303954}
.experience-gamified{border:7px solid transparent;background:linear-gradient(#101e45,#101b3c) padding-box,linear-gradient(125deg,#8dcaff,#4d7bff 46%,#b965f8) border-box;box-shadow:0 0 28px #4e73ff8c,0 22px 48px #050d27a8;color:#f6f7ff}
.experience-gamified svg{max-width:360px;filter:drop-shadow(0 0 8px #3e7fee70)}
.experience-option:hover{transform:translateY(-6px)}
.experience-minimal:hover{box-shadow:0 0 0 2px #fff inset,0 0 46px #ff8299a8,0 28px 54px #050d27ac}
.experience-gamified:hover{box-shadow:0 0 40px #6284ffc2,0 28px 54px #050d27ac}
.experience-option:focus-visible{outline:3px solid #fff;outline-offset:7px}
@media(min-width:761px) and (max-height:850px){#experience-choice{padding-top:48px}.experience-choice-heading h1{font-size:clamp(40px,4vw,58px)}.experience-choice-heading p{margin-top:8px;font-size:24px}.experience-choice-options{margin-top:32px}.experience-option{min-height:340px;padding-top:21px;padding-bottom:22px}.experience-option svg{max-height:220px}.experience-option span{font-size:36px}}
@media(max-width:760px){#experience-choice{padding:calc(46px + env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom))}.experience-choice-heading h1{font-size:clamp(35px,8vw,50px)}.experience-choice-heading p{font-size:19px}.experience-choice-options{grid-template-columns:1fr;gap:20px;max-width:340px;margin:32px auto 0}.experience-option{min-height:260px;padding:16px 18px 20px;border-width:5px;border-radius:21px}.experience-option svg{max-height:165px}.experience-option span{margin-top:8px;font-size:30px}}
@media(max-width:380px){.experience-choice-options{gap:16px;margin-top:27px}.experience-option{min-height:230px}.experience-option svg{max-height:145px}.experience-option span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.experience-option{transition:none}}

/* The calendar-only React interface lives beside the original System stage. */
#open-simple-calendar{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:200;min-height:44px;padding:10px 16px;border:1px solid #8196b8;border-radius:10px;background:#152238;color:#eef4ff;font:600 14px/1.2 system-ui,sans-serif;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.28)}
html[data-scene="productivity"] #open-simple-calendar,html[data-interface="calendar"] #open-simple-calendar{display:none!important}
html[data-interface="calendar"],html[data-interface="calendar"] body,html[data-interface="calendar"] body::before{background:#0d1524!important}
#simple-root{position:fixed;inset:0;z-index:210;overflow:hidden;background:#0d1524;color:#e9eef7;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
/* Safe-area padding stays inside navigation, never below an oversized root. */
@media(display-mode:standalone){#simple-root{bottom:auto;height:100vh;height:100dvh}}
#simple-root[data-standalone-viewport]{top:var(--standalone-viewport-top,0px);bottom:auto;height:var(--standalone-viewport-height,100dvh)}
#simple-root *,#simple-root *::before,#simple-root *::after{box-sizing:border-box}
#simple-root button,#simple-root input,#simple-root select,#simple-root textarea{font:inherit}
#simple-root button{cursor:pointer}
#simple-root button:focus-visible,#simple-root input:focus-visible,#simple-root select:focus-visible,#simple-root textarea:focus-visible{outline:2px solid #a4bdff;outline-offset:2px}
.simple-app{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background:#0d1524}
.simple-topbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;padding:calc(18px + env(safe-area-inset-top)) max(20px,calc((100vw - 1240px)/2)) 17px;border-bottom:1px solid #27344a;background:#111b2c}
.simple-topbar>div{display:grid;gap:1px}.simple-brand{font-size:24px;font-weight:700;letter-spacing:-.03em}.simple-topbar small{color:#9cabc1;font-size:12px}
.simple-primary{min-height:42px;padding:10px 16px;border:1px solid #8eacf5;border-radius:9px;background:#7295e7;color:#0c1425;font-weight:700!important;white-space:nowrap}
.simple-primary:hover{background:#8eacf5}.simple-primary:disabled{opacity:.55;cursor:wait}
.simple-main{flex:1 1 auto;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:22px 20px 32px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#506b99 #111b2c}
.simple-view-tabs{display:inline-flex;gap:3px;padding:4px;border:1px solid #2d3a50;border-radius:11px;background:#172337}
.simple-view-tabs button{min-width:74px;min-height:37px;padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#a8b6cb;touch-action:manipulation}
.simple-view-tabs button.active{background:#364e76;color:#f6f9ff;font-weight:650}
.simple-date-nav{display:flex;align-items:center;gap:12px;margin:19px 0 20px}.simple-date-nav h2{flex:1;min-width:0;margin:0;font-size:clamp(20px,2.8vw,30px);font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere}
.simple-date-nav>button{flex:0 0 auto;min-width:40px;min-height:40px;border:1px solid #344157;border-radius:9px;background:#18253a;color:#dce6f8;font-size:25px;line-height:1}
.simple-date-nav .simple-today{min-width:66px;padding:7px 11px;font-size:13px;font-weight:600}
.simple-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:18px}.simple-week-strip button{display:grid;justify-items:center;gap:2px;min-height:63px;padding:9px 2px;border:1px solid #2d3a50;border-radius:9px;background:#142033;color:#e3eaf6}.simple-week-strip small{color:#a7b5cb;font-size:11px}.simple-week-strip strong{font-size:19px;font-weight:600}.simple-week-strip button.selected{border-color:#819fee;background:#293e65}
.simple-timeline{overflow:hidden;border:1px solid #2d3a50;border-radius:12px;background:#111b2c}.simple-hour{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:58px;border-top:1px solid #253249}.simple-hour:first-child{border-top:0}.simple-hour>time{padding:15px 10px 8px;color:#95a7c1;font-size:12px;text-align:right}.simple-hour>div{min-width:0;padding:7px 9px;border-left:1px solid #253249}
.simple-event{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;margin:2px 0;padding:9px 12px;border:0;border-left:3px solid #829de0;border-radius:7px;background:#243756;color:#edf3fc;text-align:left}.simple-event:hover{background:#304668}.simple-event.tone-work{border-left-color:#6eaece}.simple-event.tone-study{border-left-color:#a69bd6}.simple-event.tone-class{border-left-color:#819ee4}.simple-event.tone-personal{border-left-color:#d09dba}.simple-event.tone-health{border-left-color:#75b7a4}.simple-event.is-done{opacity:.66}.simple-event-time{flex:0 0 68px;color:#c3d4ef;font-size:12px}.simple-event-copy{display:grid;min-width:0;gap:2px}.simple-event-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.simple-event-copy small{overflow:hidden;color:#b6c4d8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.simple-event-check{margin-left:auto;color:#a1e0c2}
.simple-week-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.simple-week-view>section{min-width:0;min-height:260px;padding:9px;border:1px solid #2d3a50;border-radius:11px;background:#111b2c}.simple-week-view>section.is-today{border-color:#6d88bd}.simple-week-heading{display:grid;width:100%;padding:8px 4px 12px;border:0;border-bottom:1px solid #2d3a50;background:transparent;color:#aebdd2;text-align:left}.simple-week-heading strong{color:#f1f5fc;font-size:22px}.simple-week-view .simple-event{display:grid;gap:3px;padding:8px}.simple-week-view .simple-event-time{font-size:11px}.simple-week-empty{display:block;padding:15px 4px;color:#71849e;font-size:12px}
.simple-weekday-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 2px 8px;color:#aab9ce;text-align:center;font-size:12px}.simple-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.simple-month-grid>button{display:flex;min-width:0;min-height:108px;flex-direction:column;gap:7px;padding:8px;border:1px solid #2b3950;border-radius:8px;background:#131f31;color:#e5edf9;text-align:left}.simple-month-grid>button.outside{opacity:.43}.simple-month-grid>button.is-today{border-color:#88a5ed}.simple-month-grid>button:hover{background:#1c2e49}.simple-month-grid strong{font-size:15px}.simple-month-grid span{display:grid;min-width:0;gap:3px}.simple-month-grid i{overflow:hidden;padding:2px 4px;border-radius:3px;background:#293f63;color:#dce8fb;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.simple-month-grid small{color:#a9b8d0;font-size:10px}
.simple-year-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.simple-year-view button{display:grid;gap:12px;min-height:95px;padding:18px;border:1px solid #2d3a50;border-radius:10px;background:#142033;color:#eef4fd;text-align:left}.simple-year-view button:hover{background:#233552}.simple-year-view strong{font-size:18px}.simple-year-view span{color:#a9b8d0;font-size:13px}
.simple-bottom-nav{display:flex;flex:0 0 auto;justify-content:center;gap:8px;min-height:67px;padding:8px 16px max(8px,env(safe-area-inset-bottom));border-top:1px solid #2b3950;background:#111b2c}.simple-bottom-nav button{display:flex;min-width:115px;align-items:center;justify-content:center;gap:9px;padding:8px 18px;border:0;border-radius:8px;background:transparent;color:#aab9ce;font-size:14px}.simple-bottom-nav button span{font-size:21px;line-height:1}.simple-bottom-nav button.active{background:#293e65;color:#f4f8ff;font-weight:650}
.simple-more{max-width:760px;margin:0 auto}.simple-more>header{margin:3px 0 28px}.simple-more>header small,.simple-modal header small{color:#91a9d6;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.simple-more>header h2{margin:4px 0;font-size:34px;letter-spacing:-.04em}.simple-more>header p,.simple-more-note{color:#aab9ce;line-height:1.55}.simple-more-section{margin:0 0 24px;padding:19px;border:1px solid #2c3a50;border-radius:12px;background:#131f31}.simple-more-section h3{margin:0 0 14px;font-size:15px;font-weight:650}.simple-more-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:65px;padding:13px 0;border-top:1px solid #29374d}.simple-more-row>span:first-child{display:grid;min-width:0;gap:3px}.simple-more-row strong{overflow-wrap:anywhere;font-weight:600}.simple-more-row small{color:#9eafc7;font-size:12px}.simple-more-row button,.simple-more-text-button{flex:0 0 auto;min-height:36px;padding:7px 12px;border:1px solid #51678e;border-radius:8px;background:#243650;color:#e9f1ff;font-size:13px}.simple-more-text-button{width:100%;margin-top:9px;text-align:left}.simple-current{color:#a7b9d8;font-size:12px}.simple-more-note{margin:9px 0 0;font-size:13px}.simple-message{position:fixed;right:18px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:320;max-width:min(380px,calc(100vw - 36px));padding:10px 14px;border:1px solid #607bad;border-radius:8px;background:#243650;color:#fff}
.simple-modal-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(1,6,16,.72)}.simple-modal{width:min(620px,100%);max-height:min(90dvh,820px);overflow-y:auto;padding:24px;border:1px solid #465b7e;border-radius:14px;background:#172439;box-shadow:0 16px 55px rgba(0,0,0,.35)}.simple-modal>header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.simple-modal h2{margin:3px 0 0;font-size:25px;letter-spacing:-.025em}.simple-icon-button{width:35px;height:35px;border:0;border-radius:7px;background:#273952;color:#ecf2fc;font-size:24px!important;line-height:1!important}.simple-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.simple-field{display:grid;gap:6px;min-width:0;color:#bdcadc;font-size:12px;font-weight:600}.simple-field input,.simple-field select,.simple-field textarea{width:100%;min-width:0;min-height:41px;padding:9px 10px;border:1px solid #445976;border-radius:8px;background:#0f1a2c;color:#f2f6fd;font-size:16px!important}.simple-field textarea{min-height:86px;resize:vertical}.simple-wide{grid-column:1/-1}.simple-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.simple-form-error{color:#ffbcc5;font-size:13px}.simple-modal>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.simple-secondary,.simple-danger{min-height:41px;padding:9px 14px;border:1px solid #50617d;border-radius:8px;background:#243650;color:#ecf3fc}.simple-danger{border-color:#9e6b78;color:#ffd8de}.simple-details dl{display:grid;gap:0;margin:0}.simple-details dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-top:1px solid #34445d}.simple-details dt{color:#a9b8ce}.simple-details dd{margin:0;overflow-wrap:anywhere}.simple-account-form{display:grid;gap:13px}.simple-account-form>.simple-primary{margin-top:5px}.simple-account-links{display:flex;gap:16px;margin-top:16px}.simple-account-links button{padding:0;border:0;background:transparent;color:#a9c4ff;font-size:13px}
@media(max-width:720px){.simple-topbar{padding:calc(11px + env(safe-area-inset-top)) 16px 11px}.simple-brand{font-size:20px}.simple-topbar small{font-size:11px}.simple-topbar .simple-primary{min-height:38px;padding:8px 11px;font-size:12px}.simple-main{padding:16px 12px 25px}.simple-view-tabs{display:flex}.simple-view-tabs button{flex:1;min-width:0;padding:6px 4px;font-size:13px}.simple-date-nav{gap:6px;margin:16px 0}.simple-date-nav>button{min-width:32px;min-height:36px}.simple-date-nav h2{font-size:17px}.simple-date-nav .simple-today{min-width:53px;padding:6px;font-size:12px}.simple-week-strip{gap:3px}.simple-week-strip button{min-height:54px;padding:5px 1px}.simple-week-strip strong{font-size:16px}.simple-week-strip small{font-size:10px}.simple-hour{grid-template-columns:64px minmax(0,1fr)}.simple-hour>time{padding:15px 6px 8px;font-size:10px}.simple-hour>div{padding:5px}.simple-event{gap:7px;padding:7px}.simple-event-time{flex-basis:53px;font-size:10px}.simple-event-copy strong{font-size:12px}.simple-week-view{grid-template-columns:1fr 1fr;gap:7px}.simple-week-view>section{min-height:150px}.simple-month-grid>button{min-height:68px;padding:4px}.simple-month-grid i{height:5px;padding:0;font-size:0}.simple-month-grid small{font-size:9px}.simple-year-view{grid-template-columns:1fr 1fr}.simple-more-section{padding:15px}.simple-more-row{align-items:flex-start}.simple-more-row button{margin-top:2px}.simple-modal{max-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px}.simple-form-grid{grid-template-columns:1fr}.simple-wide{grid-column:auto}.simple-details dl>div{grid-template-columns:78px 1fr}.simple-details-actions{display:grid!important;grid-template-columns:1fr 1fr}.simple-details-actions .simple-danger{grid-column:1/-1}}

/* Swipe changes periods; the week grid itself scrolls horizontally. */
.simple-main.simple-main-grid{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.simple-main-grid .simple-view-tabs{align-self:flex-start;flex:0 0 auto}
.simple-main-grid .simple-date-nav{flex:0 0 auto}
.simple-main-grid .simple-calendar-surface{display:flex;flex:1 1 auto;min-height:0}
.simple-main-grid .simple-calendar-frame{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.simple-main-grid .simple-day-view{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.simple-calendar-frame.is-day-frame{overflow:hidden}
.simple-day-track{display:flex;flex:1 1 auto;min-height:0;width:300%;transform:translate3d(-33.333333%,0,0);will-change:transform}
.simple-day-track>.simple-day-view{flex:0 0 33.333333%;width:33.333333%;min-width:0}
.simple-day-track>.is-swipe-preview{pointer-events:none}
.simple-main-grid .simple-week-strip{flex:0 0 auto}
.simple-main-grid .simple-timeline{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.simple-grid-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#506b99 #111b2c}
.simple-calendar-surface{min-width:0;overscroll-behavior-x:contain}
.simple-day-view,.simple-month-view,.simple-year-view{touch-action:pan-y}
.simple-calendar-frame{min-width:0;will-change:transform,opacity}
.simple-calendar-frame.slide-forward{animation:simple-slide-forward .19s ease-out both}
.simple-calendar-frame.slide-backward{animation:simple-slide-backward .19s ease-out both}
@keyframes simple-slide-forward{from{opacity:.6;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@keyframes simple-slide-backward{from{opacity:.6;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
.simple-all-day{display:grid;grid-template-columns:56px repeat(var(--simple-days),minmax(0,1fr));min-height:39px;border-bottom:1px solid #344157}
.simple-all-day>span{padding:10px 5px;color:#95a7c1;font-size:11px;text-align:right}
.simple-all-day>div{min-width:0;padding:2px 4px;border-left:1px solid #344157}
.simple-all-day .simple-event{min-height:31px;margin:1px 0;padding:4px 7px}
.simple-all-day .simple-event-time{display:none}
.simple-all-day .simple-event-copy small{display:none}
.simple-week-scroll{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x pan-y;border:1px solid #2d3a50;border-radius:12px;background:#111b2c;scrollbar-width:none}
.simple-week-agenda{display:none}
.simple-week-scroll::-webkit-scrollbar{display:none}
.simple-week-calendar{display:flex;flex-direction:column;height:100%;width:100%;min-width:1050px}
.simple-week-dates{display:grid;grid-template-columns:56px repeat(7,minmax(142px,1fr));border-bottom:1px solid #344157}
.simple-week-date{display:grid;justify-items:center;gap:2px;min-height:62px;padding:7px 3px;border:0;border-left:1px solid #344157;background:transparent;color:#aab9ce;scroll-snap-align:start;scroll-margin-inline-start:56px}
.simple-week-date strong{font-size:20px;font-weight:650;color:#e9eef7}
.simple-week-date.selected,.simple-week-date.is-today{background:#243756}
.simple-week-scroll .simple-all-day,.simple-week-scroll .simple-time-grid{grid-template-columns:56px repeat(7,minmax(142px,1fr))}
.simple-week-scroll .simple-week-dates>span:first-child,.simple-week-scroll .simple-all-day>span,.simple-week-scroll .simple-time-ruler{z-index:4;background:#111b2c;transform:translateX(var(--simple-scroll-x,0px))}
.simple-week-scroll .simple-week-dates>span:first-child,.simple-week-scroll .simple-all-day>span{position:relative}
.simple-time-grid{display:grid;grid-template-columns:56px repeat(var(--simple-days),minmax(0,1fr));width:100%;min-width:0}
.simple-time-ruler,.simple-day-column{position:relative;height:2112px}
.simple-time-ruler>span{position:absolute;right:5px;color:#95a7c1;font-size:11px;white-space:nowrap;transform:translateY(3px)}
.simple-day-column{min-width:0;border-left:1px solid #344157;background:repeating-linear-gradient(to bottom,transparent 0 43px,#233047 43px 44px,transparent 44px 87px,#344157 87px 88px)}
.simple-day-column.is-today{background-color:#1a2940}
.simple-time-slot{position:absolute;z-index:1;left:0;right:0;width:100%;height:44px;border:0;background:transparent;-webkit-touch-callout:none}
.simple-time-slot:hover,.simple-time-slot:focus-visible{background:#8eacf52e}
.simple-time-slot.is-pressing{background:#8eacf51c}
.simple-time-slot.is-pressing::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:#8eacf5;content:"";transform-origin:left;animation:simple-slot-hold .45s linear both}
@keyframes simple-slot-hold{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.simple-grid-event{position:absolute;z-index:2;min-height:24px;overflow:hidden;border:0;border-left:3px solid #829de0;border-radius:5px;background:#304b72;color:#edf3fc;box-shadow:0 1px 4px #050b1833}
.simple-grid-event-open{display:grid;align-content:start;gap:1px;width:100%;height:100%;min-height:24px;padding:3px 6px;border:0;background:transparent;color:inherit;text-align:left;touch-action:pan-y}
.simple-resize-handle{position:absolute;z-index:5;left:50%;width:min(50%,50px);height:11px;padding:0;transform:translateX(-50%);border:0;background:transparent;touch-action:none;cursor:ns-resize}
.simple-resize-handle.is-start{top:0}.simple-resize-handle.is-end{bottom:0}
.simple-resize-handle span{display:block;width:70%;height:3px;margin:auto;border-radius:3px;background:#d7e9ff;box-shadow:0 0 3px #0d1524a0}
.simple-resize-handle:hover span,.simple-resize-handle:focus-visible span{width:100%;height:4px;background:#fff}
.simple-drop-ghost{position:absolute;z-index:6;left:3px;right:3px;overflow:hidden;min-height:24px;padding:4px 7px;border:2px dashed #a4bdff;border-radius:6px;background:#8eacf559;color:#fff;pointer-events:none;box-shadow:0 0 12px #8eacf566}
.simple-drop-ghost strong,.simple-drop-ghost small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-drop-ghost strong{font-size:12px}.simple-drop-ghost small{font-size:10px}
.simple-grid-event strong{overflow:hidden;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.simple-grid-event small{overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.simple-grid-event:hover{filter:brightness(1.1)}
.simple-grid-event.is-done{opacity:.65}
.simple-grid-event.tone-work{border-left-color:#6eaece}.simple-grid-event.tone-study{border-left-color:#a69bd6}.simple-grid-event.tone-class{border-left-color:#819ee4}.simple-grid-event.tone-personal{border-left-color:#d09dba}.simple-grid-event.tone-health{border-left-color:#75b7a4}
.simple-now-line{position:absolute;z-index:3;left:0;right:0;height:2px;background:#83c9f7;pointer-events:none}
.simple-now-line i{position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#83c9f7}
.simple-month-grid>button.is-selected{outline:2px solid #a9bdf4;outline-offset:-3px}
.simple-month-agenda{margin-top:16px;padding:16px;border:1px solid #2d3a50;border-radius:11px;background:#111b2c}
.simple-month-agenda>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:10px}
.simple-month-agenda h3{flex:1 1 180px;margin:0;font-size:18px}
.simple-month-agenda>div>button:not(.simple-primary){min-height:42px;padding:8px 11px;border:1px solid #344157;border-radius:8px;background:#18253a;color:#dce6f8}
.simple-month-agenda p{margin:12px 0 3px;color:#8fa4be;font-size:13px}
@media(prefers-reduced-motion:reduce){.simple-calendar-frame.slide-forward,.simple-calendar-frame.slide-backward{animation:none}}
@media(prefers-reduced-motion:reduce){.simple-time-slot.is-pressing::after{animation:none}}
@media(max-width:720px){.simple-main-grid .simple-view-tabs{align-self:stretch}}

/* Completed events stay readable and visibly distinct in lists and the time grid. */
.simple-event.is-done{opacity:1;border-left-color:#69c99f;background:#1b403c}
.simple-event.is-done .simple-event-copy strong,.simple-grid-event.is-done strong{text-decoration:line-through;text-decoration-thickness:1px}
.simple-event-check{flex:0 0 auto;min-width:58px;margin-left:auto;padding:3px 6px;border:1px solid #69c99f;border-radius:999px;background:#1a5141;color:#d3ffe8;font-size:11px;font-weight:700;text-align:center;white-space:nowrap}
.simple-event.is-incomplete .simple-event-check{border-color:#d9858c;background:#5c303c;color:#ffe4e6}
.simple-grid-event.is-done{opacity:1;border-left-color:#69c99f;background:#23554c;padding-right:20px}
.simple-grid-event-check{position:absolute;top:3px;right:4px;color:#d3ffe8;font-size:12px;font-weight:800;line-height:1}
.simple-grid-event.is-incomplete .simple-grid-event-check{color:#c26368}
.simple-calendar-surface [data-calendar-event-id]{touch-action:pan-y;user-select:none;cursor:grab}
.simple-calendar-surface .simple-grid-event.is-resize-selected{z-index:4;outline:1px solid #a4bdff;outline-offset:1px}
.simple-calendar-surface [data-calendar-event-id].is-being-dragged{opacity:.4;cursor:grabbing}
.simple-calendar-surface [data-calendar-resize]{touch-action:none;cursor:ns-resize}
.simple-calendar-surface .is-drop-target{outline:2px solid #8eacf5;outline-offset:-2px;background-color:#8eacf52b}
.simple-drag-preview{position:fixed;z-index:340;display:grid;gap:2px;max-width:min(260px,70vw);padding:8px 11px;border:1px solid #7f9fe4;border-radius:8px;background:#243650;color:#f2f6ff;box-shadow:0 7px 22px #050b1870;pointer-events:none}
.simple-drag-preview small{color:#c9d8ef;font-size:11px}
.simple-drag-preview.has-target{border-color:#9bd6b5}
.simple-undo-toast{position:fixed;z-index:330;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(420px,calc(100vw - 32px));padding:11px 13px;border:1px solid #7f9fe4;border-radius:10px;background:#243650;color:#f2f6ff;box-shadow:0 8px 24px #050b1870}
.simple-undo-toast span{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.simple-undo-toast button{flex:0 0 auto;min-height:36px;padding:6px 12px;border:1px solid #a4bdff;border-radius:7px;background:#304668;color:#fff;font-weight:700}
.simple-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.simple-category-manager{padding:10px 12px;border:1px solid #34445d;border-radius:8px;background:#111b2c;color:#bdcadc}
.simple-category-manager summary{cursor:pointer;font-weight:650}
.simple-category-manager p,.simple-category-manager small,.simple-habit-frequency-note{margin:7px 0;color:#a9b8ce;font-size:12px}
.simple-category-add{display:flex;gap:8px;margin:9px 0}
.simple-category-add input{flex:1;min-width:0;min-height:38px;padding:8px;border:1px solid #445976;border-radius:7px;background:#0f1a2c;color:#f2f6fd}
.simple-category-add button,.simple-category-list button{min-height:34px;padding:5px 10px;border:1px solid #50617d;border-radius:7px;background:#243650;color:#ecf3fc}
.simple-category-list{display:flex;flex-wrap:wrap;gap:6px}
.simple-category-list>div{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border:1px solid #34445d;border-radius:7px;font-size:12px}
.simple-habit-custom-days{min-width:0;margin:0;padding:10px 12px;border:1px solid #445976;border-radius:8px}
.simple-habit-custom-days legend{padding:0 4px;color:#bdcadc;font-size:12px;font-weight:650}
.simple-habit-custom-days>div{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0}
.simple-habit-custom-days label{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #445976;border-radius:7px;font-size:12px}
.simple-habit-custom-days input{accent-color:#8eacf5}
.simple-habit-custom-days small{color:#a9b8ce}
.simple-habit-check:disabled,.simple-habit-selected-day button:disabled{opacity:.4;cursor:not-allowed}

/* The date rail scrolls independently of the time grid, with days available beyond the current week. */
.simple-week-strip{display:flex;min-width:0;gap:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.simple-week-strip::-webkit-scrollbar{display:none}
.simple-week-strip button{flex:0 0 68px;scroll-snap-align:center}
.simple-compact-date{display:none}
@media(max-width:720px){
  .simple-main.simple-main-grid{padding-top:9px}
  .simple-main-grid .simple-view-tabs button{min-height:34px;padding:5px 4px}
  .simple-main-grid .simple-date-nav{margin:8px 0 9px}
  .simple-main-grid .simple-date-nav h2{font-size:15px;line-height:1.2}
  .simple-full-date{display:none}
  .simple-compact-date{display:inline}
  .simple-main-grid .simple-date-nav>button{min-height:32px}
  .simple-main-grid .simple-week-strip{gap:5px;margin-bottom:8px}
  .simple-main-grid .simple-week-strip button{flex-basis:52px;min-height:47px;padding:4px 2px}
}
@media(max-width:1090px){
  .simple-week-scroll{display:none}
  .simple-week-agenda{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;border:1px solid #2d3a50;border-radius:12px;background:#111b2c;overflow:hidden}
  .simple-week-overview{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;flex:0 0 auto;padding:8px;border-bottom:1px solid #344157}
  .simple-week-overview button{display:grid;justify-items:center;gap:1px;min-width:0;min-height:49px;padding:4px 0;border:1px solid transparent;border-radius:8px;background:transparent;color:#aab9ce}
  .simple-week-overview button.selected{border-color:#819fee;background:#293e65;color:#fff}
  .simple-week-overview small{font-size:11px}
  .simple-week-overview strong{font-size:17px;font-weight:650}
  .simple-week-agenda-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 10px 12px}
  .simple-week-agenda-scroll>section{padding:7px 0 11px;border-bottom:1px solid #344157;scroll-margin-top:6px}
  .simple-week-agenda-scroll>section:last-child{border-bottom:0}
  .simple-week-agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}
  .simple-week-agenda-heading button{min-width:0;padding:0;border:0;background:transparent;color:#e9eef7;font-size:14px;font-weight:700;text-align:left}
  .simple-week-agenda-heading button span{padding-left:3px;color:#aab9ce}
  .simple-week-agenda-heading>span{flex:0 0 auto;color:#aab9ce;font-size:11px}
  .simple-week-agenda .simple-event{min-height:42px;margin:4px 0;padding:6px 8px}
  .simple-week-agenda-add{min-height:31px;padding:3px 0;border:0;background:transparent;color:#aab9ce;font-size:12px}
}
.simple-details-completed{display:inline-block;margin-top:8px;padding:4px 9px;border:1px solid #69c99f;border-radius:999px;background:#1a5141;color:#d3ffe8;font-size:12px;font-weight:700}
.simple-complete-action{min-height:41px;padding:9px 14px;border:1px solid #69c99f;border-radius:8px;background:#1a5141;color:#e4fff0;font-weight:700!important}
.simple-home{max-width:760px;margin:0 auto}
.simple-home-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 0 24px}
.simple-home-heading small{color:#91a9d6;font-size:11px;font-weight:700;letter-spacing:.08em}
.simple-home-heading h2{margin:4px 0;font-size:clamp(22px,3vw,32px);letter-spacing:-.03em}
.simple-home-heading p{margin:0;color:#aab9ce}
.simple-home-section{margin:0 0 20px;padding:18px;border:1px solid #2c3a50;border-radius:12px;background:#131f31}
.simple-home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.simple-home-section h3{margin:0;font-size:16px}
.simple-home-section-heading button{border:0;background:transparent;color:#a9c4ff;font-size:13px}
.simple-home-empty{margin:0;color:#aab9ce;font-size:13px}
.simple-home-upcoming{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;margin-top:7px}
.simple-home-upcoming time{color:#aab9ce;font-size:12px}
.simple-goal{margin-top:10px;padding:14px;border:1px solid #344157;border-radius:9px;background:#17263b}
.simple-goal-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}
.simple-goal-heading strong{min-width:0;overflow-wrap:anywhere;font-size:15px}
.simple-goal-heading span{color:#b9e7d1;font-size:13px;font-weight:700}
.simple-goal p{margin:6px 0;color:#b9c7d9;font-size:13px;overflow-wrap:anywhere}
.simple-goal-progress{display:block;width:100%;height:44px;margin:2px 0 -3px;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:ew-resize}
.simple-goal-progress::-webkit-slider-runnable-track{height:10px;border-radius:99px;background:linear-gradient(90deg,#77cfa9 var(--simple-progress),#2b3e56 var(--simple-progress))}
.simple-goal-progress::-moz-range-track{height:10px;border-radius:99px;background:#2b3e56}
.simple-goal-progress::-moz-range-progress{height:10px;border-radius:99px;background:#77cfa9}
.simple-goal-progress::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-7px;border:2px solid #fff;border-radius:50%;background:#4eaa82;box-shadow:0 1px 5px #0005}
.simple-goal-progress::-moz-range-thumb{width:21px;height:21px;border:2px solid #fff;border-radius:50%;background:#4eaa82;box-shadow:0 1px 5px #0005}
.simple-goal-meter{height:10px;margin:17px 0 13px;overflow:hidden;border-radius:99px;background:#2b3e56}
.simple-goal-meter i{display:block;height:100%;border-radius:inherit;background:#77cfa9}
.simple-goal-value{margin:0 0 9px;color:#b9e7d1;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.simple-goal-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px}
.simple-goal-meta small{color:#aab9ce;font-size:12px}
.simple-goal-meta .is-overdue{color:#ffbac3;font-weight:700}
.simple-goal-editor-note{margin:14px 0 0;color:#aab9ce;font-size:12px}
.simple-goal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:11px}
.simple-goal-actions button,.simple-completed-goals button{min-height:34px;padding:6px 10px;border:1px solid #51678e;border-radius:7px;background:#243650;color:#e9f1ff;font-size:12px}
.simple-goal-actions button:last-child{border-color:#69c99f;background:#1a5141;color:#e4fff0}
.simple-completed-goals{margin-top:12px;padding-top:11px;border-top:1px solid #344157}
.simple-completed-goals summary{color:#b9e7d1;font-size:13px;font-weight:650;cursor:pointer}
.simple-completed-goals>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#b9e7d1;font-size:13px}
.simple-completed-goals>div span{min-width:0;overflow-wrap:anywhere}
.simple-goal-set-progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.simple-goal-set-progress label{font-size:13px;font-weight:650}
.simple-goal-set-progress input{width:78px;min-height:39px;padding:7px 10px;border:1px solid #51678e;border-radius:7px;background:#111e30;color:#fff;font-size:16px}
.simple-goal-set-progress button{min-height:39px;padding:7px 12px;border:1px solid #51678e;border-radius:7px;background:#243650;color:#e9f1ff;font-weight:650}
.simple-goal-set-progress button[type=submit]{border-color:#69c99f;background:#1a5141;color:#e4fff0}
.simple-goal-set-progress small{flex-basis:100%;color:#aab9ce;font-size:12px}
.simple-habit{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #344157}
.simple-habit:last-child{border-bottom:0}
.simple-habit-check{flex:0 0 48px;width:48px;height:48px;border:2px solid #728ba8;border-radius:13px;background:#17263b;color:#aab9ce;font-size:29px;line-height:1}
.simple-habit.is-done .simple-habit-check{border-color:#69c99f;background:#1a5141;color:#e4fff0}
.simple-habit-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.simple-habit-info strong{overflow-wrap:anywhere;font-size:15px}
.simple-habit-info small{color:#aab9ce;font-size:12px}
.simple-habit-info span{color:#aab9ce;font-size:12px}
.simple-habit.is-done .simple-habit-info span{color:#b9e7d1;font-weight:700}
.simple-habit-actions{display:flex;gap:5px}
.simple-habit-actions button{min-height:34px;padding:6px 9px;border:1px solid #51678e;border-radius:7px;background:#243650;color:#e9f1ff;font-size:12px}
.simple-habits .simple-home-section{padding:0;border:0;background:transparent;box-shadow:none}
.simple-habit{display:block;margin-bottom:14px;padding:16px;border:1px solid #344157;border-radius:12px;background:#17263b;--habit-fill:#68cde3}
.simple-habit:last-child{border-bottom:1px solid #344157}
.simple-habit.tone-1{--habit-fill:#b49afa}.simple-habit.tone-2{--habit-fill:#f3a775}.simple-habit.tone-3{--habit-fill:#78d4a4}.simple-habit.tone-4{--habit-fill:#f5ca71}
.simple-habit-main{display:flex;align-items:center;gap:14px}
.simple-habit-history{margin-top:15px;padding-top:13px;border-top:1px solid #344157}
.simple-habit-history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#aab9ce;font-size:12px;font-weight:650}
.simple-habit-history-heading button{border:0;background:transparent;color:#a9c4ff;font-size:12px;font-weight:700;cursor:pointer}
.simple-habit-calendar{display:flex;gap:7px;max-width:100%;overflow:hidden}
.simple-habit-day-labels{display:grid;grid-template-rows:repeat(7,18px);gap:4px;flex:0 0 12px;padding-top:20px;color:#aab9ce;font-size:10px;text-align:center}
.simple-habit-day-labels span{line-height:18px}
.simple-habit-calendar-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.simple-habit-calendar-track{width:max-content;--habit-step:22px}
.simple-habit-months{position:relative;width:calc(var(--habit-weeks) * 22px);height:20px;color:#aab9ce;font-size:10px}
.simple-habit-months span{position:absolute;top:1px;left:calc(var(--week-index) * var(--habit-step))}
.simple-habit-week-row{display:flex;gap:4px}
.simple-habit-week{display:grid;grid-template-rows:repeat(7,18px);gap:4px}
.simple-habit-day{display:block;width:18px;height:18px;padding:0;border:1px solid #42546b;border-radius:4px;background:#26384b;cursor:pointer}
.simple-habit-day.is-complete{border-color:var(--habit-fill);background:var(--habit-fill);box-shadow:0 0 5px var(--habit-fill)}
.simple-habit-day.is-future{opacity:.25;cursor:default}
.simple-habit-day.is-today{outline:2px solid #e4f0ff;outline-offset:1px}
.simple-habit-day.is-selected{outline:2px solid #fff;outline-offset:1px;box-shadow:0 0 0 4px #6698bd66}
.simple-habit-day:focus-visible{outline:2px solid #fff;outline-offset:2px}
.simple-habit-selected-day{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:13px;padding:10px 12px;border:1px solid #42546b;border-radius:8px;background:#202f43}
.simple-habit-selected-day div{display:flex;min-width:0;flex-direction:column;gap:3px}
.simple-habit-selected-day strong{font-size:13px;overflow-wrap:anywhere}
.simple-habit-selected-day small{color:#aab9ce;font-size:12px}
.simple-habit-selected-day button{min-height:38px;padding:7px 11px;border:1px solid #69c99f;border-radius:7px;background:#1a5141;color:#e4fff0;font-size:12px;font-weight:700}
.simple-habit-history-note{display:block;margin-top:9px;color:#aab9ce;font-size:11px}
@media(min-width:800px){.simple-habit-history.is-expanded .simple-habit-calendar-track{--habit-step:13px}.simple-habit-history.is-expanded .simple-habit-months{width:calc(var(--habit-weeks) * 13px)}.simple-habit-history.is-expanded .simple-habit-day-labels,.simple-habit-history.is-expanded .simple-habit-week{grid-template-rows:repeat(7,11px);gap:2px}.simple-habit-history.is-expanded .simple-habit-day-labels span{line-height:11px}.simple-habit-history.is-expanded .simple-habit-week-row{gap:2px}.simple-habit-history.is-expanded .simple-habit-day{width:11px;height:11px;border-radius:2px}}
@media(max-width:520px){.simple-habit-main{flex-wrap:wrap}.simple-habit-main .simple-habit-actions{margin-left:62px}}
@media(max-width:520px){.simple-bottom-nav{gap:0;padding-left:3px;padding-right:3px}.simple-bottom-nav button{flex-direction:column;gap:3px;font-size:11px}.simple-bottom-nav button span{font-size:20px}.simple-habit{flex-wrap:wrap}.simple-habit-actions{margin-left:62px}}
@media(max-width:720px){.simple-bottom-nav button{min-width:0;flex:1;padding:8px 5px}.simple-home-heading{align-items:flex-start}.simple-home-heading .simple-primary{padding:8px 10px;font-size:12px}.simple-home-section{padding:14px}.simple-home-upcoming{grid-template-columns:1fr;gap:1px;margin-top:12px}.simple-event-check{min-width:0;padding:3px 5px;font-size:10px}}

/* Keep editors and their controls clear of the real iPhone cutouts. */
.simple-modal-backdrop{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}

/* Use one thin-stroke icon language for functional controls. */
.simple-primary,.simple-complete-action,.simple-goal-actions button,.simple-week-agenda-add{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.simple-icon-button,.simple-date-nav>button,.simple-habit-check{display:grid;place-items:center}
.simple-bottom-nav button svg{display:block;flex:0 0 auto;width:22px;height:22px}
.simple-bottom-nav button .simple-habits-nav-icon{width:26px;height:26px;margin-block:-2px}
.simple-event-check,.simple-details-completed{display:inline-flex;align-items:center;justify-content:center;gap:3px}
.simple-grid-event-check svg{display:block}
.simple-week-agenda-heading button{display:inline-flex;align-items:center;gap:3px}

/* The Minimal experience uses the warm calendar colors shown on its choice card.
   This stylesheet only touches the React calendar; the System stays unchanged. */
html[data-interface="calendar"],
html[data-interface="calendar"] body {
  background: linear-gradient(to bottom, #ff8e91 0 50%, #fffdfb 50% 100%) !important;
}
html[data-interface="calendar"] body::before { background: #ff8e91 !important; }

/* Match the navigation surface if iOS exposes any pixels below the app root. */
@media(display-mode:standalone){
  html[data-interface="calendar"],
  html[data-interface="calendar"] body {
    background: linear-gradient(to bottom, #ff8e91 0 50%, #fffaf5 50% 100%) !important;
  }
}

#simple-root {
  /* Paint the iPhone's exposed top and bottom insets with their adjacent surfaces. */
  background: linear-gradient(to bottom, #ff8e91 0 50%, #fffdfb 50% 100%);
  color: #303954;
}

#simple-root .simple-app {
  background: transparent;
  color: #303954;
}

#simple-root button:focus-visible,
#simple-root input:focus-visible,
#simple-root select:focus-visible,
#simple-root textarea:focus-visible {
  outline-color: #f5677c;
}

#simple-root .simple-topbar {
  border-bottom: 1px solid #f3c9c7;
  background: linear-gradient(110deg, #ff9a94, #ff7086);
  color: #fff;
  box-shadow: 0 5px 18px #e8858d2b;
}

#simple-root .simple-topbar small { color: #fff5f5; }
#simple-root .simple-topbar .simple-primary {
  border-color: #fff;
  background: #fffaf8;
  color: #a84055;
}
#simple-root .simple-topbar .simple-primary:hover { background: #fff0ed; }

#simple-root .simple-main {
  scrollbar-color: #e6aeb3 #fff0ee;
  background: radial-gradient(circle at 12% 0%, #fff1eb 0, #fff9f7 36%, #fff9f7 100%);
}

#simple-root .simple-view-tabs {
  border-color: #f1dadd;
  background: #fff;
  box-shadow: 0 3px 12px #df9e9e14;
}
#simple-root .simple-view-tabs button { color: #68738a; }
#simple-root .simple-view-tabs button.active {
  background: #ff7889;
  color: #fff;
  box-shadow: 0 2px 8px #f46b7d44;
}
#simple-root .simple-date-nav h2 { color: #303954; }
#simple-root .simple-date-nav > button {
  border-color: #f1d6d7;
  background: #fff;
  color: #b15366;
}
#simple-root .simple-date-nav > button:hover { background: #fff0ed; }

#simple-root .simple-week-strip button {
  border-color: #f2dddc;
  background: #fff;
  color: #303954;
}
#simple-root .simple-week-strip small { color: #7d8495; }
#simple-root .simple-week-strip button.selected {
  border-color: #ff8490;
  background: #ffe3e0;
  color: #9f3c55;
  box-shadow: 0 2px 9px #f38b9140;
}

#simple-root .simple-time-slot.is-pressing::after { background: #f17887; }

#simple-root .simple-category-manager,
#simple-root .simple-habit-custom-days { border-color:#f1d6d7;background:#fff9f7;color:#303954 }
#simple-root .simple-category-manager p,
#simple-root .simple-category-manager small,
#simple-root .simple-habit-frequency-note,
#simple-root .simple-habit-custom-days legend,
#simple-root .simple-habit-custom-days small { color:#68738a }
#simple-root .simple-category-add input { border-color:#f1d6d7;background:#fff;color:#303954 }
#simple-root .simple-category-add button,
#simple-root .simple-category-list button { border-color:#f1d6d7;background:#fff;color:#a84055 }
#simple-root .simple-category-list>div,
#simple-root .simple-habit-custom-days label { border-color:#f1d6d7 }
#simple-root .simple-habit-custom-days input { accent-color:#ff7889 }

#simple-root .simple-timeline {
  border-color: #efd9d9;
  background: #fff;
  box-shadow: 0 8px 25px #d29a9b16;
}
#simple-root .simple-hour { border-top-color: #f5e8e5; }
#simple-root .simple-hour > time { color: #797f91; }
#simple-root .simple-hour > div { border-left-color: #f1dedc; }

#simple-root .simple-event {
  border-left-color: #ef9fa5;
  background: #ffebe9;
  color: #303954;
}
#simple-root .simple-event:hover { background: #ffddd9; }
#simple-root .simple-event.tone-work { border-left-color: #ed8d8d; background: #ffe4df; }
#simple-root .simple-event.tone-study { border-left-color: #ac90df; background: #eee6ff; }
#simple-root .simple-event.tone-class { border-left-color: #94a0e9; background: #e9ebff; }
#simple-root .simple-event.tone-personal { border-left-color: #e7ae78; background: #fff0dc; }
#simple-root .simple-event.tone-health { border-left-color: #7dbba9; background: #e2f2ec; }
#simple-root .simple-event.tone-other { border-left-color: #77c4cd; background: #e2f5f4; }
#simple-root .simple-event-time { color: #6c6076; }
#simple-root .simple-event-copy small { color: #697488; }
#simple-root .simple-event-check { color: #3d9877; }

#simple-root .simple-week-view > section {
  border-color: #f0dcdb;
  background: #fff;
}
#simple-root .simple-week-view > section.is-today { border-color: #f48d92; }
#simple-root .simple-week-heading {
  border-bottom-color: #f4e5e2;
  color: #7c8090;
}
#simple-root .simple-week-heading strong { color: #303954; }
#simple-root .simple-week-empty { color: #9093a0; }
#simple-root .simple-weekday-row { color: #747c90; }
#simple-root .simple-month-grid > button {
  border-color: #f0dfdc;
  background: #fff;
  color: #303954;
}
#simple-root .simple-month-grid > button:hover { background: #fff1ee; }
#simple-root .simple-month-grid > button.is-today {
  border-color: #f17887;
  background: #fff3f0;
}
#simple-root .simple-month-grid i { background: #ffe1df; color: #7b4557; }
#simple-root .simple-month-grid i.tone-work { background: #ffe2d8; }
#simple-root .simple-month-grid i.tone-study { background: #e9dfff; }
#simple-root .simple-month-grid i.tone-class { background: #e6e8ff; }
#simple-root .simple-month-grid i.tone-personal { background: #fff0d9; }
#simple-root .simple-month-grid i.tone-health { background: #def1e9; }
#simple-root .simple-month-grid i.tone-other { background: #ddf3f1; }
#simple-root .simple-month-grid small { color: #737b8f; }
#simple-root .simple-year-view button {
  border-color: #efdcda;
  background: #fff;
  color: #303954;
}
#simple-root .simple-year-view button:hover { background: #fff1ee; }
#simple-root .simple-year-view span { color: #778096; }

#simple-root .simple-bottom-nav {
  border-top-color: #f2d3d2;
  background: #fffdfb;
  box-shadow: 0 -6px 20px #d78b8d1f;
}
#simple-root .simple-bottom-nav button { color: #68738a; }
#simple-root .simple-bottom-nav button.active {
  background: #ffe2df;
  color: #a63b54;
}

#simple-root .simple-more > header small,
#simple-root .simple-modal header small { color: #c05c6e; }
#simple-root .simple-more > header p,
#simple-root .simple-more-note { color: #6d768b; }
#simple-root .simple-more-section {
  border-color: #efd8d8;
  background: #fff;
  box-shadow: 0 6px 22px #d39b9b17;
}
#simple-root .simple-more-row { border-top-color: #f4e6e4; }
#simple-root .simple-more-row small { color: #727b90; }
#simple-root .simple-more-row button,
#simple-root .simple-more-text-button {
  border-color: #f2babc;
  background: #fff0ed;
  color: #9f3f55;
}
#simple-root .simple-current { color: #a34861; }
#simple-root .simple-message {
  border-color: #f3bdc0;
  background: #fff;
  color: #303954;
}

#simple-root .simple-modal-backdrop { background: #3e334b8c; }
#simple-root .simple-modal {
  border-color: #edc8c8;
  background: #fffaf8;
  color: #303954;
}
#simple-root .simple-icon-button {
  background: #ffe8e4;
  color: #9d4158;
}
#simple-root .simple-field { color: #606b80; }
#simple-root .simple-field input,
#simple-root .simple-field select,
#simple-root .simple-field textarea {
  border-color: #eacfd0;
  background: #fff;
  color: #303954;
}
#simple-root .simple-primary {
  border-color: #e96c7d;
  background: #f77687;
  color: #fff;
}
#simple-root .simple-primary:hover { background: #e65f75; }
#simple-root .simple-secondary,
#simple-root .simple-danger {
  border-color: #e8cbd0;
  background: #fff;
  color: #525e76;
}
#simple-root .simple-danger { border-color: #de9ea7; color: #b6445b; }
#simple-root .simple-details dl > div { border-top-color: #f1dddd; }
#simple-root .simple-details dt { color: #737b8f; }
#simple-root .simple-form-error { color: #aa314c; }
#simple-root .simple-account-links button { color: #ad4961; }

/* Traditional time grid: events occupy their real duration; empty cells are tappable. */
#simple-root .simple-all-day,
#simple-root .simple-all-day > div,
#simple-root .simple-week-dates,
#simple-root .simple-week-date,
#simple-root .simple-day-column { border-color: #efd9d9; }
#simple-root .simple-all-day > span,
#simple-root .simple-time-ruler > span { color: #797f91; }
#simple-root .simple-week-scroll {
  border-color: #efd9d9;
  background: #fff;
  box-shadow: 0 8px 25px #d29a9b16;
  scrollbar-color: #e6aeb3 #fff0ee;
}
#simple-root .simple-week-agenda{border-color:#efd9d9;background:#fff;box-shadow:0 8px 25px #d29a9b16}
#simple-root .simple-week-overview,#simple-root .simple-week-agenda-scroll>section{border-color:#efd9d9}
#simple-root .simple-week-overview button{color:#777f92}
#simple-root .simple-week-overview button.selected{border-color:#ff8490;background:#ffe3e0;color:#9f3c55}
#simple-root .simple-week-agenda-heading button{color:#303954}
#simple-root .simple-week-agenda-heading button span,#simple-root .simple-week-agenda-heading>span,#simple-root .simple-week-agenda-add{color:#7a8497}
#simple-root .simple-week-date { color: #777f92; }
#simple-root .simple-week-date strong { color: #303954; }
#simple-root .simple-week-date.selected,
#simple-root .simple-week-date.is-today { background: #ffe8e5; }
#simple-root .simple-week-scroll .simple-week-dates > span:first-child,
#simple-root .simple-week-scroll .simple-all-day > span,
#simple-root .simple-week-scroll .simple-time-ruler { background: #fff; }
#simple-root .simple-day-column {
  background: repeating-linear-gradient(to bottom, transparent 0 43px, #f8eeeb 43px 44px, transparent 44px 87px, #eddcda 87px 88px);
}
#simple-root .simple-day-column.is-today { background-color: #fff8f5; }
#simple-root .simple-time-slot:hover,
#simple-root .simple-time-slot:focus-visible { background: #f77f891f; }
#simple-root .simple-grid-event { color: #303954; background: #ffddd9; border-left-color: #ed8d8d; }
#simple-root .simple-grid-event.tone-work { background: #ffe4df; border-left-color: #ed8d8d; }
#simple-root .simple-grid-event.tone-study { background: #eee6ff; border-left-color: #ac90df; }
#simple-root .simple-grid-event.tone-class { background: #e9ebff; border-left-color: #94a0e9; }
#simple-root .simple-grid-event.tone-personal { background: #fff0dc; border-left-color: #e7ae78; }
#simple-root .simple-grid-event.tone-health { background: #e2f2ec; border-left-color: #7dbba9; }
#simple-root .simple-grid-event.tone-other { background: #e2f5f4; border-left-color: #77c4cd; }
#simple-root .simple-resize-handle span{background:#b86a79;box-shadow:0 0 3px #ffffffaa}
#simple-root .simple-resize-handle:hover span,#simple-root .simple-resize-handle:focus-visible span{background:#9f3c55}
#simple-root .simple-drop-ghost{border-color:#f07789;background:#ffb5bd99;color:#303954;box-shadow:0 0 12px #f0778966}
#simple-root .simple-now-line,
#simple-root .simple-now-line i { background: #f16a7c; }
#simple-root .simple-month-grid > button.is-selected { outline-color: #f07789; }
#simple-root .simple-month-agenda {
  border-color: #efd8d8;
  background: #fff;
  box-shadow: 0 6px 22px #d39b9b17;
}
#simple-root .simple-month-agenda > div > button:not(.simple-primary) {
  border-color: #f1d6d7;
  background: #fff;
  color: #b15366;
}
#simple-root .simple-month-agenda p { color: #7a8497; }

#simple-root .simple-event.is-done,
#simple-root .simple-grid-event.is-done {
  border-left-color: #56aa86;
  background: #dcf2e7;
  color: #2b5547;
}
#simple-root .simple-event.is-incomplete,
#simple-root .simple-grid-event.is-incomplete {
  border-left-color: #c72836;
  background: #fce9eb;
  color: #653039;
}
#simple-root .simple-event.is-incomplete .simple-event-copy strong,
#simple-root .simple-grid-event.is-incomplete strong {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
#simple-root .simple-event-check,
#simple-root .simple-details-completed {
  border-color: #91d2b1;
  background: #e3f5e9;
  color: #287a59;
}
#simple-root .simple-grid-event-check { color: #287a59; }
#simple-root .simple-event.is-incomplete .simple-event-check{border-color:#e8b9bf;background:#fff5f5;color:#b71f2d}
#simple-root .simple-grid-event.is-incomplete .simple-grid-event-check{color:#b71f2d}
#simple-root .simple-complete-action {
  border-color: #91d2b1;
  background: #e3f5e9;
  color: #287a59;
}
#simple-root .simple-home-heading small { color: #b35a6c; }
#simple-root .simple-home-heading p,
#simple-root .simple-home-empty,
#simple-root .simple-home-upcoming time { color: #7a8497; }
#simple-root .simple-home-section {
  border-color: #f0dcdb;
  background: #fff;
  box-shadow: 0 6px 22px #d39b9b17;
}
#simple-root .simple-home-section-heading button { color: #b15366; }
#simple-root .simple-goal {
  border-color: #f0dcdb;
  background: #fff9f7;
}
#simple-root .simple-goal-heading span,
#simple-root .simple-completed-goals summary,
#simple-root .simple-completed-goals > div { color: #287a59; }
#simple-root .simple-goal p,
#simple-root .simple-goal-meta small,
#simple-root .simple-goal-editor-note { color: #7a8497; }
#simple-root .simple-goal-meta .is-overdue { color: #bb4a62; }
#simple-root .simple-goal-progress::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #6ec4a0 var(--simple-progress), #f1e3df var(--simple-progress));
}
#simple-root .simple-goal-progress::-moz-range-track { background: #f1e3df; }
#simple-root .simple-goal-progress::-moz-range-progress { background: #6ec4a0; }
#simple-root .simple-goal-meter { background: #f1e3df; }
#simple-root .simple-goal-meter i { background: #6ec4a0; }
#simple-root .simple-goal-value { color: #287a59; }
#simple-root .simple-goal-actions button,
#simple-root .simple-completed-goals button {
  border-color: #f1d6d7;
  background: #fff;
  color: #b15366;
}
#simple-root .simple-goal-actions button:last-child {
  border-color: #91d2b1;
  background: #e3f5e9;
  color: #287a59;
}
#simple-root .simple-completed-goals { border-top-color: #f0dcdb; }
#simple-root .simple-goal-set-progress label { color: #39445c; }
#simple-root .simple-goal-set-progress input { border-color: #e2cdd0; background: #fff; color: #39445c; }
#simple-root .simple-goal-set-progress button { border-color: #f1d6d7; background: #fff; color: #b15366; }
#simple-root .simple-goal-set-progress button[type=submit] { border-color: #91d2b1; background: #e3f5e9; color: #287a59; }
#simple-root .simple-goal-set-progress small { color: #7a8497; }
#simple-root .simple-habit { border-bottom-color: #f0dcdb; }
#simple-root .simple-habit-check { border-color: #e5c8cf; background: #fff9f7; color: #b15366; }
#simple-root .simple-habit.is-done .simple-habit-check { border-color: #91d2b1; background: #e3f5e9; color: #287a59; }
#simple-root .simple-habit-info small, #simple-root .simple-habit-info span { color: #7a8497; }
#simple-root .simple-habit.is-done .simple-habit-info span { color: #287a59; }
#simple-root .simple-habit-actions button { border-color: #f1d6d7; background: #fff; color: #b15366; }
#simple-root .simple-habits .simple-home-section { border: 0; background: transparent; box-shadow: none; }
#simple-root .simple-habit { border-color: #f0dcdb; background: #fff; box-shadow: 0 6px 22px #d39b9b17; }
#simple-root .simple-habit:last-child { border-bottom-color: #f0dcdb; }
#simple-root .simple-habit-history { border-top-color: #f0dcdb; }
#simple-root .simple-habit-history-heading, #simple-root .simple-habit-day-labels, #simple-root .simple-habit-months, #simple-root .simple-habit-history-note { color: #7a8497; }
#simple-root .simple-habit-history-heading button { color: #b15366; }
#simple-root .simple-habit-day { border-color: #eadde0; background: #f6edef; }
#simple-root .simple-habit-day.is-complete { border-color: var(--habit-fill); background: var(--habit-fill); }
#simple-root .simple-habit-day.is-today { outline-color: #d97386; }
#simple-root .simple-habit-day.is-selected { outline-color: #4d6e8a; box-shadow: 0 0 0 4px #8cb8cf66; }
#simple-root .simple-habit-selected-day { border-color: #f0dcdb; background: #fff9f7; }
#simple-root .simple-habit-selected-day small { color: #7a8497; }
#simple-root .simple-habit-selected-day button { border-color: #91d2b1; background: #e3f5e9; color: #287a59; }
#simple-root .simple-calendar-surface .is-drop-target { outline-color: #f07789; background-color: #ffe8e5; }
#simple-root .simple-drag-preview { border-color: #f0a9b1; background: #fff9f7; color: #303954; box-shadow: 0 7px 22px #6e455733; }
#simple-root .simple-drag-preview small { color: #7a8497; }
#simple-root .simple-drag-preview.has-target { border-color: #91d2b1; }
#simple-root .simple-undo-toast{border-color:#f0a9b1;background:#fff9f7;color:#303954;box-shadow:0 8px 24px #6e455733}
#simple-root .simple-undo-toast button{border-color:#f1d6d7;background:#fff;color:#a84055}

/* Home-only editorial treatment. Calendar, Habits, More, and System retain their own styling. */
@font-face{font-family:"Oooh Baby";src:url("./oooh-baby-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
#simple-root:has(.simple-app.is-home){background:#f1ece8}
#simple-root .simple-app.is-home{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#282b32;box-shadow:0 0 30px #241c1c12}
#simple-root .simple-main-home{max-width:none;padding:0;scrollbar-color:#dfc6bf #fffaf5;background:#fffaf5;overscroll-behavior-y:contain}
.daybook-home{min-height:100%;background:#fffaf5;color:#282b32}
.daybook-hero{position:relative;height:calc(270px + env(safe-area-inset-top));min-height:270px;overflow:hidden;background:#f7ceca}
.daybook-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.daybook-hero::after{position:absolute;inset:0;background:linear-gradient(180deg,#fff8f01a 0%,transparent 42%);content:"";pointer-events:none}
.daybook-hero-copy{position:absolute;z-index:1;top:calc(56px + env(safe-area-inset-top));left:clamp(20px,6vw,45px);max-width:53%;color:#29282c}
.daybook-hero-copy h1{margin:0 0 4px;font:400 clamp(46px,10.3vw,68px)/1 "Baskerville",Georgia,serif;letter-spacing:-.035em}
.daybook-hero-copy p{margin:0;font:400 clamp(21px,5.1vw,28px)/1.13 "Baskerville",Georgia,serif}
.daybook-hero-note{position:absolute;z-index:1;top:calc(67px + env(safe-area-inset-top));right:clamp(20px,5.5vw,42px);margin:0;color:#39343a;font:400 clamp(20px,5.3vw,25px)/.95 "Oooh Baby","Apple Chancery",cursive;text-align:center;white-space:nowrap;transform:rotate(-4deg)}
.daybook-home-content{position:relative;z-index:1;min-height:500px;margin-top:-28px;padding:24px clamp(16px,4.4vw,36px) 30px;border-radius:27px 27px 0 0;background:#fffaf5;box-shadow:0 -5px 20px #271e1c13}
.daybook-today-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 5px}
.daybook-today-heading>div{min-width:0}
.daybook-today-heading small{color:#9c474e;font-size:12px;font-weight:750;letter-spacing:.23em}
.daybook-today-heading h2{max-width:370px;margin:9px 0 7px;font:400 clamp(27px,6.8vw,38px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.daybook-today-heading p{margin:0;color:#866f68;font:italic clamp(17px,4.2vw,24px)/1.35 Georgia,"Times New Roman",serif}
#simple-root .daybook-add-event{display:grid;flex:0 0 46px;place-items:center;width:46px;height:46px;margin-top:44px;border:0;border-radius:50%;background:#fbe3df;color:#9d424a}
.daybook-today-events{display:grid;gap:9px;margin-top:21px}
#simple-root .daybook-today-events .simple-event{min-height:64px;margin:0;padding:12px 14px;border:1px solid #e8d9d1;border-left:4px solid #b9b1de;border-radius:15px;background:#fffdfb;color:#30323a;box-shadow:0 3px 10px #714f4312}
#simple-root .daybook-today-events .simple-event-time{color:#915b62}
#simple-root .daybook-today-events .simple-event-copy small{color:#777983}
#simple-root .daybook-empty-event{display:flex;align-items:center;gap:17px;width:100%;min-height:92px;margin-top:22px;padding:14px 17px;border:1px solid #eaded7;border-radius:17px;background:#fffdfb;color:#282b32;text-align:left;box-shadow:0 3px 12px #7157470d}
.daybook-empty-icon{display:grid;flex:0 0 56px;place-items:center;width:56px;height:56px;border-radius:16px;background:#f6f0ec;color:#756258}
.daybook-empty-icon svg{display:block;width:48px;height:48px}
.daybook-empty-event>span:nth-child(2){display:grid;min-width:0;gap:3px}
.daybook-empty-event strong{font:400 20px/1.2 Georgia,"Times New Roman",serif}
.daybook-empty-event small{color:#6e727a;font-size:13px}
.daybook-chevron{flex:0 0 auto;margin-left:auto;color:#866e67}
.daybook-home-section{margin-top:30px}
.daybook-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 5px 12px}
.daybook-section-heading h2{position:relative;margin:0;font:400 clamp(27px,6.7vw,37px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.daybook-section-heading h2::after{position:absolute;bottom:-6px;left:0;width:min(110px,100%);height:3px;border-radius:50%;background:#e9aba8;clip-path:polygon(0 35%,38% 0,72% 46%,100% 15%,100% 90%,58% 72%,20% 100%,0 80%);content:"";transform:rotate(-3deg)}
#simple-root .daybook-section-heading button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-height:38px;border:0;background:transparent;color:#9c444c;font-size:14px}
#simple-root .daybook-section-heading .daybook-soft-button{padding:7px 15px;border-radius:99px;background:#fbe5e0;font-size:16px}
.daybook-empty-copy{margin:10px 5px;color:#767780;font-size:14px}
.daybook-goal-card{--goal-color:#9c78c5;position:relative;min-width:0;min-height:86px;margin-top:9px;padding:12px 14px;border:1px solid var(--appearance-border,#e9dcd5);border-radius:17px;background:var(--appearance-surface,#fffdfb);box-shadow:0 2px 8px #7157470a}
.daybook-goal-card:hover{border-color:color-mix(in srgb,var(--goal-color) 30%,var(--appearance-border,#e9dcd5))}
#simple-root .daybook-goal-open{position:absolute;z-index:1;inset:0;width:100%;min-height:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}
#simple-root .daybook-goal-open:focus-visible{outline:2px solid var(--appearance-accent,#d6666b);outline-offset:2px}
.daybook-goal-top{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-width:0;pointer-events:none}
.daybook-goal-icon{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--goal-color) 14%,var(--appearance-surface,#fffdfb));color:var(--goal-color)}
.daybook-goal-money{--goal-color:#4d916a}
.daybook-goal-one-time{--goal-color:#b96a56}
.daybook-goal-events{--goal-color:#5a98a5}
.daybook-goal-quantity{--goal-color:#b98948}
.daybook-goal-manual{--goal-color:#9676b8}
.daybook-goal-icon svg{width:28px;height:28px}
.daybook-goal-money .daybook-goal-icon svg{width:34px;height:34px}
#simple-root .daybook-goal-summary{display:grid;flex:1;min-width:0;gap:3px;color:var(--appearance-text,#282b32);text-align:left}
.daybook-goal-summary strong{overflow:hidden;font:400 20px/1.2 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
.daybook-goal-summary small{overflow:hidden;color:var(--appearance-muted,#6f737e);font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
#simple-root .daybook-goal-more{display:grid;align-self:flex-start;flex:0 0 36px;place-items:center;width:36px;height:36px;margin:-5px -4px 0 0;padding:0;border:0;border-radius:9px;background:transparent;color:var(--appearance-muted,#4f5057);pointer-events:auto}
#simple-root .daybook-goal-more:hover,#simple-root .daybook-goal-more[aria-expanded="true"]{background:#f8ebe7}
.daybook-goal-progress{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:4px 0 0 64px;pointer-events:none}
.daybook-goal-progress .simple-goal-meter{flex:1;min-width:0;height:8px;margin:0;border-radius:99px;background:var(--appearance-surface-soft,#eee9e5)}
.daybook-goal-progress .simple-goal-meter i{background:var(--goal-color)}
.daybook-goal-progress>strong{min-width:34px;color:var(--appearance-text,#2f5946);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
#simple-root .daybook-goal-progress>button,.daybook-goal-quick-action>button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:3px;min-height:31px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--goal-color) 30%,var(--appearance-border,#cce0cb));border-radius:9px;background:color-mix(in srgb,var(--goal-color) 10%,var(--appearance-surface,#f1f8ee));color:var(--goal-color);font-size:12px;pointer-events:auto}
.daybook-goal-quick-action{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:4px 0 0 64px;pointer-events:none}
.daybook-goal-quick-action>span{flex:1;height:8px;border-radius:99px;background:var(--appearance-surface-soft,#eee9e5)}
#simple-root .daybook-completed-goal{display:flex;align-items:center;gap:12px;width:100%;min-height:67px;margin-top:9px;padding:11px 14px;border:1px solid #dbe9d9;border-radius:17px;background:#f3f8f1;color:#274a37;text-align:left}
.daybook-completed-check{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:50%;background:#3d875e;color:#fff;font-size:22px}
.daybook-completed-goal>span:nth-child(2){display:grid;flex:1;min-width:0;gap:1px}
.daybook-completed-goal strong{overflow:hidden;font:400 18px/1.2 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
.daybook-completed-goal small{color:#65776a;font-size:12px}
.daybook-completed-goal>b{font:700 13px/1 system-ui,sans-serif}
.daybook-completed-goal>svg{flex:0 0 auto;color:#436e50}
#simple-root:has(.simple-app.is-goal-detail){background:#fffaf5}
#simple-root .simple-app.is-goal-detail{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#29282c}
.daybook-goal-screen{--goal-color:#9c78c5;position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#fffaf5}
.daybook-goal-screen.daybook-goal-money{--goal-color:#4d916a}
.daybook-goal-screen.daybook-goal-one-time{--goal-color:#b96a56}
.daybook-goal-screen.daybook-goal-events{--goal-color:#5a98a5}
.daybook-goal-screen.daybook-goal-quantity{--goal-color:#b98948}
.daybook-goal-screen.daybook-goal-manual{--goal-color:#9676b8}
.daybook-goal-screen-art{position:absolute;top:0;right:0;width:70%;height:195px;overflow:hidden;border-bottom-left-radius:130px;pointer-events:none;opacity:.46}
.daybook-goal-screen-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% 48%}
.daybook-goal-screen-top{position:relative;z-index:2;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;height:57px;padding:0 23px}
#simple-root .daybook-goal-screen-top>button{display:grid;place-items:center;width:41px;height:41px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#29282c}
#simple-root .daybook-goal-screen-top>button:hover{background:#f4e9e3}
.daybook-goal-screen-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5}
.daybook-goal-screen-page{position:relative;box-sizing:border-box;min-height:100%;padding-top:env(safe-area-inset-top)}
.daybook-goal-screen-intro{padding:16px 0 23px;border-bottom:1px solid #eadfd7}
.daybook-goal-screen-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:color-mix(in srgb,var(--goal-color) 15%,#fffaf5);color:var(--goal-color)}
.daybook-goal-screen-icon svg{display:block;width:44px;height:44px}
.daybook-goal-screen-intro h1{position:relative;margin:17px 0 3px;color:#282b30;font:400 clamp(30px,9vw,39px)/1.12 "Baskerville",Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.daybook-goal-screen-intro p{position:relative;margin:3px 0 0;color:#67656a;font:400 17px/1.35 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.daybook-goal-screen-progress{padding:23px 0 21px;border-bottom:1px solid #eadfd7}
.daybook-goal-screen-progress h2,.daybook-goal-screen-list h2{margin:0;color:#29282c;font:400 21px/1.2 Georgia,"Times New Roman",serif}
.daybook-goal-screen-summary{margin:17px 0 0;color:#4d4d52;font:400 17px/1.3 Georgia,"Times New Roman",serif}
.daybook-goal-screen-meter{display:flex;align-items:center;gap:13px;margin-top:15px}
.daybook-goal-screen-meter .simple-goal-meter{flex:1;height:9px;margin:0;border-radius:99px;background:#eee9e5}
#simple-root .daybook-goal-screen-meter .simple-goal-meter i{background:var(--goal-color)}
.daybook-goal-screen-meter strong{color:var(--goal-color);font-size:14px;font-variant-numeric:tabular-nums}
.daybook-goal-screen-deadline{margin:16px 0 0;color:#77747a;font-size:13px}
.daybook-goal-screen-deadline.is-overdue{color:#b7474b}
.daybook-goal-screen-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#simple-root .daybook-goal-screen-action{min-height:40px;margin-top:17px;padding:8px 14px;border:1px solid #e8cbc5;border-radius:11px;background:#fceae5;color:#9d424a;font:400 14px/1.2 Georgia,"Times New Roman",serif}
#simple-root .daybook-goal-screen-link{min-height:40px;margin-top:17px;padding:7px 3px;border:0;background:transparent;color:#9d424a;font-size:12px}
.daybook-goal-screen-list{padding:22px 0 12px}
.daybook-goal-screen-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#simple-root .daybook-goal-screen-section-heading button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:65px;min-height:35px;padding:6px 10px;border:0;border-radius:10px;background:#fceae5;color:#9d424a;font-size:13px}
.daybook-goal-screen-task{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid #eee4de;color:#44474d;font-size:14px}
.daybook-goal-screen-task input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:#c66c71;cursor:pointer}
.daybook-goal-screen-task span{min-width:0;overflow-wrap:anywhere}
.daybook-goal-screen-task:has(input:checked) span{color:#77747a;text-decoration:line-through;text-decoration-color:#c6aaa6}
.daybook-goal-screen-empty{margin:16px 0 0;color:#77747a;font-size:14px}
#simple-root .daybook-goal-screen-show{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:4px;padding:0;border:0;background:transparent;color:#6c6c72;text-align:left;font-size:13px}
.daybook-goal-screen-show svg{transition:transform 180ms ease}
.daybook-goal-screen-event{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:55px;padding:8px 0;border:0;border-bottom:1px solid #eee4de;background:transparent;color:#292b30;text-align:left}
.daybook-goal-screen-event span{display:grid;min-width:0;gap:3px}
.daybook-goal-screen-event strong{font:400 16px/1.2 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.daybook-goal-screen-event small{color:#77747a;font-size:12px}
.daybook-goal-screen-event svg{flex:0 0 auto}
.daybook-goal-screen-art{width:min(76%,330px);height:320px;border-radius:0;opacity:1;-webkit-mask-image:none;mask-image:none}
.daybook-goal-screen-art img{height:260px;object-position:right 51%;opacity:.64}
.daybook-goal-screen-art::after{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5e8 24%,#fffaf500 72%),linear-gradient(180deg,#fffaf500 175px,#fffaf5 255px);content:""}
.daybook-goal-screen-top{height:62px;padding-inline:clamp(19px,5.5vw,30px)}
.daybook-goal-screen-content{position:relative;z-index:1;box-sizing:border-box;width:min(100%,500px);margin-inline:auto;padding:0 clamp(28px,7.5vw,32px) calc(35px + env(safe-area-inset-bottom))}
.daybook-goal-screen-intro{padding:46px 0 0;border:0}
.daybook-goal-screen-icon{width:100px;height:100px;border-radius:28px;background:color-mix(in srgb,var(--goal-color) 13%,#fffaf5)}
.daybook-goal-screen-icon svg{width:54px;height:54px}
.daybook-goal-screen-intro h1{margin:18px 0 5px;font-size:clamp(39px,10.5vw,46px);line-height:1.08;font-weight:400}
.daybook-goal-screen-intro p{margin:0;color:#5f6269;font-size:18px;line-height:1.36}
.daybook-goal-stages{overflow-x:auto;margin:28px -3px 0;padding:0 3px 5px;scrollbar-width:thin}
.daybook-goal-stages-track{position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;min-width:calc(var(--stage-count) * 76px);height:73px;isolation:isolate}
.daybook-goal-stages-track::before{position:absolute;z-index:-2;top:15px;right:16px;left:16px;height:3px;background:#d1ccc7;content:""}
.daybook-goal-stages-fill{position:absolute;z-index:-1;top:15px;left:16px;width:calc((100% - 32px) * var(--stage-fill));height:3px;background:var(--goal-color);transition:width 500ms cubic-bezier(.22,1,.36,1)}
.daybook-goal-stage{position:relative;display:flex;align-items:center;flex:0 0 32px;flex-direction:column;width:32px;min-width:0;text-align:center}
#simple-root .daybook-goal-stage button{display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:0;border:2px solid #c9c5c0;border-radius:50%;background:#fffaf5;color:#fff;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}
#simple-root .daybook-goal-stage.is-done button{border-color:var(--goal-color);background:var(--goal-color);animation:daybook-stage-completed 220ms ease-out both}
#simple-root .daybook-goal-stage.is-current button{border-color:var(--goal-color);background:#fffaf5}
@keyframes daybook-stage-completed{0%{transform:scale(.9);border-color:var(--goal-color);background:#fffaf5}60%{transform:scale(1.05)}100%{transform:scale(1);border-color:var(--goal-color);background:var(--goal-color)}}
@media (prefers-reduced-motion:reduce){.daybook-goal-stages-fill{transition:none}#simple-root .daybook-goal-stage button{transition:none}#simple-root .daybook-goal-stage.is-done button{animation:none}}
.daybook-goal-stage span{position:absolute;top:42px;left:50%;width:90px;overflow:hidden;color:#55565d;font:400 15px/1.25 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}
.daybook-goal-stage:first-child span{left:0;text-align:left;transform:none}
.daybook-goal-stage:last-child span{right:0;left:auto;text-align:right;transform:none}
.daybook-goal-stage.is-done span{color:var(--goal-color)}
.daybook-goal-stage.is-current span{color:var(--goal-color)}
.daybook-goal-screen-progress{margin-top:35px;padding:0;border:0}
.daybook-goal-screen-progress h2,.daybook-goal-screen-list h2,.daybook-goal-simple-status h2{font:400 28px/1.2 Georgia,"Times New Roman",serif}
.daybook-goal-metrics{display:grid;gap:14px;margin-top:19px}
.daybook-goal-metric{display:flex;align-items:center;gap:16px;min-height:30px;color:#a95c3b}
.daybook-goal-metric>svg{flex:0 0 27px;width:27px;height:27px}
.daybook-goal-metric span{min-width:0;color:#41444a;font:400 18px/1.35 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.daybook-goal-metric strong{color:#292b30;font-weight:400}
.daybook-goal-screen-summary{margin:17px 0 0;color:#575960;font-size:18px}
.daybook-goal-screen-meter{margin-top:15px}
.daybook-goal-screen-meter .simple-goal-meter{height:11px}
.daybook-goal-screen-deadline{margin:24px 0 0;color:#746f71;font:400 15px/1.35 Georgia,"Times New Roman",serif}
.daybook-goal-simple-status{margin-top:42px}
.daybook-goal-simple-status h2{margin:0}
.daybook-goal-simple-status p{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--goal-color);font:400 18px/1.35 Georgia,"Times New Roman",serif}
.daybook-goal-screen-list{padding:49px 0 16px}
.daybook-goal-screen-section-heading{margin-bottom:11px}
#simple-root .daybook-goal-screen-section-heading button{min-width:0;min-height:39px;padding:7px 13px;border-radius:11px;background:#fce7e2;color:#a94744;font:400 16px/1 Georgia,"Times New Roman",serif}
.daybook-goal-screen-task{position:relative;min-height:53px;gap:16px;color:#4c5056;font:400 18px/1.35 Georgia,"Times New Roman",serif;cursor:pointer}
.daybook-goal-screen-task input{position:absolute;width:23px;height:23px;margin:0;opacity:0;cursor:pointer}
.daybook-goal-task-check{display:grid;flex:0 0 26px;place-items:center;width:26px;height:26px;border:2px solid #c8c4c0;border-radius:50%;background:#fffaf5;color:#fff}
.daybook-goal-screen-task:has(input:checked) .daybook-goal-task-check{border-color:var(--goal-color);background:var(--goal-color)}
.daybook-goal-screen-task input:focus-visible+.daybook-goal-task-check{outline:2px solid var(--goal-color);outline-offset:3px}
.daybook-goal-screen-task:has(input:checked) .daybook-goal-task-title{color:#6a6b70;text-decoration:none}
.daybook-goal-screen-empty{margin:15px 0 0;color:#77747a;font:400 15px/1.4 Georgia,"Times New Roman",serif}
.daybook-goal-screen-empty p{margin:0 0 9px}
#simple-root .daybook-goal-screen-empty button{min-height:34px;padding:0;border:0;background:transparent;color:#a94744;font:400 15px/1 Georgia,"Times New Roman",serif}
#simple-root .daybook-goal-screen-show{margin-top:12px;color:#4d5057;font:400 15px/1.25 Georgia,"Times New Roman",serif}
#simple-root .daybook-goal-reopen{margin-top:19px}
.daybook-goal-screen-missing{padding:calc(24px + env(safe-area-inset-top)) 24px;color:#29282c}
.daybook-goal-screen-missing button{display:flex;align-items:center;gap:5px;padding:5px 0;border:0;background:transparent;color:#9d424a}
.daybook-goal-screen-missing h1{margin:42px 0 5px;font:400 32px/1.15 "Baskerville",Georgia,serif}
.daybook-goal-screen-missing p{margin:0;color:#65666b}
#simple-root .daybook-goal-update{border-color:var(--appearance-border,#e9dcd5);background:var(--appearance-surface,#fffaf5);color:var(--appearance-text,#29282c)}
.daybook-goal-update>p{margin:0 0 15px;color:var(--appearance-muted,#6f737e);font-size:13px}
#simple-root .daybook-upcoming-card{--upcoming-accent:#df777c;--upcoming-tint:#fff0ee;display:flex;align-items:center;gap:12px;width:100%;min-height:82px;margin-top:10px;padding:12px;border:1px solid #eadbd3;border-radius:16px;background:#fffdfb;color:#282b32;text-align:left;box-shadow:0 3px 10px #7157470d}
#simple-root .daybook-upcoming-card.tone-study{--upcoming-accent:#aa86cb;--upcoming-tint:#f6effa}
#simple-root .daybook-upcoming-card.tone-class{--upcoming-accent:#709be2;--upcoming-tint:#eef5fd}
#simple-root .daybook-upcoming-card.tone-personal{--upcoming-accent:#e49a66;--upcoming-tint:#fff2e9}
#simple-root .daybook-upcoming-card.tone-health{--upcoming-accent:#4da98b;--upcoming-tint:#eaf7f1}
#simple-root .daybook-upcoming-card.tone-other{--upcoming-accent:#64aebb;--upcoming-tint:#edf9f9}
.daybook-upcoming-date{position:relative;display:flex;flex:0 0 57px;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:56px;overflow:hidden;padding:6px 3px 6px 6px;border-radius:10px;background:var(--upcoming-tint);color:#49434e;text-align:center;white-space:nowrap}
.daybook-upcoming-date::before{position:absolute;inset:0 auto 0 0;width:3px;border-radius:10px 0 0 10px;background:var(--upcoming-accent);content:""}
.daybook-upcoming-date small{font:400 11px/1.15 Georgia,"Times New Roman",serif;text-transform:uppercase}
.daybook-upcoming-date strong{font:400 13px/1.1 Georgia,"Times New Roman",serif;text-transform:uppercase;white-space:nowrap}
.daybook-upcoming-copy{display:grid;flex:1;min-width:0;gap:5px}
.daybook-upcoming-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font:400 17px/1.25 Georgia,"Times New Roman",serif}
.daybook-upcoming-copy small{color:#6f737e;font:400 11px/1.4 system-ui,sans-serif;white-space:normal}
.daybook-upcoming-copy .daybook-upcoming-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#827269}
#simple-root .daybook-upcoming-card .daybook-chevron{color:#6a6d70}
#simple-root .simple-app.is-home .simple-bottom-nav{justify-content:space-around;gap:0;min-height:70px;padding:7px 9px max(9px,env(safe-area-inset-bottom));border-top:1px solid #eadfd7;background:#fffaf5;box-shadow:0 -3px 12px #71574712}
#simple-root .simple-app.is-home .simple-bottom-nav button{flex:1;min-width:0;min-height:55px;flex-direction:column;gap:1px;padding:5px 1px;border-radius:12px;color:#676a70;font-size:12px}
#simple-root .simple-app.is-home .simple-bottom-nav button svg{display:block;width:23px;height:23px}
#simple-root .simple-app.is-home .simple-bottom-nav button .simple-habits-nav-icon{width:26px;height:26px;margin-block:-1.5px}
#simple-root .simple-app.is-home .simple-bottom-nav button.active{background:#fceae5;color:#a3474e}
@media(max-width:380px){.daybook-hero{height:calc(255px + env(safe-area-inset-top));min-height:255px}.daybook-hero-copy{top:calc(49px + env(safe-area-inset-top))}.daybook-hero-note{top:calc(59px + env(safe-area-inset-top));right:16px;font-size:18px}.daybook-home-content{padding-inline:14px}.daybook-goal-card{padding-inline:12px}.daybook-goal-top{gap:9px}.daybook-goal-icon{flex-basis:45px;width:45px;height:45px}.daybook-goal-progress,.daybook-goal-pending{margin-left:54px}.daybook-today-heading h2{font-size:26px}}
@media(min-width:641px){#simple-root .simple-app.is-home{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}.daybook-hero{height:330px}}
@media(min-width:641px){#simple-root .simple-app.is-goal-detail{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}}
@media(max-width:380px){.daybook-goal-screen-top,.daybook-goal-screen-content{padding-inline:18px}}
#simple-root[data-simple-theme=dark] .simple-app.is-goal-detail,#simple-root[data-simple-theme=dark] .daybook-goal-screen{background:var(--appearance-background);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark]:has(.simple-app.is-goal-detail){background:var(--appearance-background)}
#simple-root[data-simple-theme=dark] .daybook-goal-screen :is(h1,h2),#simple-root[data-simple-theme=dark] .daybook-goal-screen-top>button{color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] .daybook-goal-screen :is(.daybook-goal-screen-intro p,.daybook-goal-screen-summary,.daybook-goal-screen-deadline,.daybook-goal-screen-empty,.daybook-goal-screen-task,.daybook-goal-screen-event small){color:var(--appearance-muted)}
#simple-root[data-simple-theme=dark] .daybook-goal-screen :is(.daybook-goal-screen-intro,.daybook-goal-screen-progress,.daybook-goal-screen-task,.daybook-goal-screen-event){border-color:var(--appearance-border)}
#simple-root[data-simple-theme=dark] .daybook-goal-screen-art::after{background:linear-gradient(90deg,var(--appearance-background) 2%,transparent 69%),linear-gradient(180deg,transparent 175px,var(--appearance-background) 255px)}

/* Goal options use the same warm Home palette without changing the goal cards. */
#simple-root .simple-goal-sheet-backdrop{position:fixed;z-index:400;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px 16px max(8px,env(safe-area-inset-bottom));background:#171519a8;animation:goal-sheet-backdrop-in 220ms ease-out both}
#simple-root .simple-goal-sheet{box-sizing:border-box;width:min(100%,420px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;padding:11px 22px 21px;border-radius:28px;background:#fffaf5;color:#292b30;box-shadow:0 18px 50px #1b161633;animation:goal-sheet-in 220ms ease-out both;-webkit-overflow-scrolling:touch}
.simple-goal-sheet-handle{display:block;width:38px;height:4px;margin:0 auto 19px;border-radius:99px;background:#aaa5a0}
#simple-root .simple-goal-sheet h2{margin:0 2px 11px;font:400 23px/1.22 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.simple-goal-sheet-actions{display:grid;margin:0 -22px;padding:0 22px 2px;border-radius:19px 19px 0 0;background:#fffdfb;box-shadow:inset 0 1px 0 #e9dcd5,0 3px 11px #7157470f}
#simple-root .simple-goal-sheet-actions button{display:flex;align-items:center;gap:20px;width:100%;min-height:56px;padding:0 7px;border:0;border-bottom:1px solid #ede5df;background:transparent;color:#4f5258;text-align:left;font:400 16px/1.3 Arial,sans-serif}
#simple-root .simple-goal-sheet-actions button:hover,#simple-root .simple-goal-sheet-actions button:focus-visible{background:#f7f0eb}
.simple-goal-sheet-actions button svg{display:block;flex:0 0 23px;width:23px;height:23px;stroke-width:1.7}
#simple-root .simple-goal-sheet-actions .simple-goal-sheet-delete{margin-top:15px;border-top:1px solid #ede5df;color:#b7474b}
#simple-root .simple-goal-sheet-cancel{display:block;width:100%;min-height:56px;margin-top:16px;border:0;border-radius:20px;background:#f1eae4;color:#303039;font:400 19px/1.2 Georgia,"Times New Roman",serif}
#simple-root .simple-goal-sheet-cancel:hover,#simple-root .simple-goal-sheet-cancel:focus-visible{background:#eae1d9}
.simple-goal-sheet-error{margin:12px 5px 0;color:#b7474b;font-size:13px}
@keyframes goal-sheet-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes goal-sheet-in{from{opacity:.92;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#simple-root .simple-goal-sheet-backdrop,#simple-root .simple-goal-sheet{animation:none}}

/* Dedicated Add Goal flow; no other screen inherits these rules. */
#simple-root:has(.simple-app.is-adding-goal){background:#fffaf5}
#simple-root .simple-app.is-adding-goal{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#292a2e}
.add-goal-screen{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);background:#fffaf5;color:#292a2e}
.add-goal-art{position:absolute;top:0;right:0;width:min(75%,390px);height:178px;overflow:hidden;border-bottom-left-radius:100px;pointer-events:none;opacity:.34}
.add-goal-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% 42%}
.add-goal-screen.is-config .add-goal-art{display:none}
.add-goal-top{position:relative;z-index:1;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:60px;padding:5px 22px}
#simple-root .add-goal-top button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#292a2e}
.add-goal-step-label{color:#8d7c76;font-size:12px}
.add-goal-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:8px 25px 28px;scrollbar-color:#dfc6bf #fffaf5}
.add-goal-scroll h1{margin:0;color:#262b2d;font:400 clamp(36px,9vw,42px)/1.06 Baskerville,Georgia,serif;letter-spacing:-.025em}
.add-goal-intro{margin:11px 0 28px;color:#4a4d51;font:400 20px/1.3 Georgia,serif}
.add-goal-types{display:grid;gap:11px;padding-bottom:12px}
#simple-root .add-goal-type{display:flex;align-items:center;gap:17px;width:100%;min-height:94px;padding:14px 16px;border:1px solid #eaded7;border-radius:17px;background:#fffdfb;color:#292a2e;text-align:left;box-shadow:0 3px 10px #70523f0a}
#simple-root .add-goal-type:first-child{background:#fff0ec}
.add-goal-type-icon{display:grid;flex:0 0 61px;place-items:center;width:61px;height:61px;border-radius:17px;background:color-mix(in srgb,var(--type-color) 13%,#fffaf5);color:var(--type-color)}
.add-goal-type-copy{display:grid;flex:1;min-width:0;gap:5px}.add-goal-type-copy strong{font:400 19px/1.1 Georgia,serif}.add-goal-type-copy small{color:#64676d;font:400 14px/1.33 Georgia,serif}.add-goal-type>svg{flex:0 0 auto;color:#5b6267}
.add-goal-info{padding-top:22px}.add-goal-change-icon{display:grid;justify-items:center;gap:6px;margin:0 auto 25px;padding:0;border:0;background:transparent;color:#a84b49}.add-goal-change-icon>span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--add-goal-accent) 15%,#fffaf5);color:var(--add-goal-accent)}.add-goal-change-icon small{font:400 15px Georgia,serif}
.add-goal-field{display:grid;gap:8px;margin:0 0 22px;color:#292a2e;font:400 17px/1.2 Georgia,serif}.add-goal-field>span{font-size:17px}.add-goal-field em,.add-goal-section-heading em{font-weight:400;font-style:normal}
#simple-root .add-goal-field input,#simple-root .add-goal-field textarea{width:100%;min-width:0;min-height:49px;padding:12px 15px;border:1px solid #e9dbd2;border-radius:13px;background:#fffdfb;color:#292a2e;font:400 16px/1.3 Georgia,serif;outline-color:#d57978}
#simple-root .add-goal-field textarea{min-height:96px;resize:vertical}.add-goal-field input::placeholder,.add-goal-field textarea::placeholder{color:#a8a0a0}
.add-goal-colors{margin:4px 0 0;padding:0;border:0}.add-goal-colors legend{margin-bottom:14px;font:400 17px Georgia,serif}.add-goal-colors>div{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:360px}
#simple-root .add-goal-colors button{position:relative;width:31px;height:31px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--swatch)}
#simple-root .add-goal-colors button.is-selected::after{position:absolute;inset:-4px;border:1.5px solid var(--swatch);border-radius:50%;content:""}
.add-goal-footer{position:relative;z-index:2;flex:0 0 auto;padding:13px 25px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fffaf5ed,#fffaf5 22%)}
.add-goal-screen.is-editing .add-goal-footer{display:none}
#simple-root .add-goal-footer button{display:block;width:100%;min-height:52px;padding:12px 18px;border:0;border-radius:12px;background:#d66b6b;color:white;font:400 20px/1.2 Georgia,serif;box-shadow:0 3px 10px #a64b4b15}
#simple-root .add-goal-footer button:active{background:#c75759}
.add-goal-config,.add-goal-finish{padding-top:34px}.add-goal-config-copy{margin:0 0 26px;color:#64676d;font:400 17px/1.45 Georgia,serif}.add-goal-section-heading h2{margin:0;font:400 20px/1.25 Georgia,serif}.add-goal-section-heading p{margin:5px 0 18px;color:#64676d;font:400 15px/1.4 Georgia,serif}.add-goal-section-heading p button{padding:0;border:0;background:none;color:#a54747;text-decoration:underline}.add-goal-entries{margin:0 0 24px}.add-goal-entries>.add-goal-section-heading{margin-bottom:12px}.add-goal-entry{display:flex;align-items:center;gap:7px;min-height:53px;margin-bottom:7px;padding:4px 7px;border:1px solid #e9ddd5;border-radius:12px;background:#fffdfb}
.add-goal-config-lead{margin-bottom:27px}.add-goal-config-lead h2{font-size:23px}.add-goal-config-lead p{font-size:16px}.add-goal-metrics{margin:35px 0 20px}.add-goal-metric{display:flex;align-items:center;gap:9px;min-height:48px;margin-bottom:7px;padding:5px 9px;border:1px solid #e9ddd5;border-radius:12px;background:#fffdfb}.add-goal-metric input{flex:1;min-width:0;padding:7px 4px;border:0;background:transparent;color:#292a2e;font:400 16px Georgia,serif}.add-goal-metric span{color:#846f6b;font-size:13px}.add-goal-metric button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:#c64f48}.add-goal-binary{display:grid;justify-items:center;gap:14px;margin-top:35px}.add-goal-binary>span{display:flex;align-items:center;gap:13px;width:100%;min-height:56px;padding:11px 15px;border:1px solid #e9ddd5;border-radius:13px;background:#fffdfb;font:400 18px Georgia,serif}.add-goal-binary>span:last-child{border-color:#d1e7d9;background:#f1f8f1;color:#357455}.add-goal-binary>svg{color:#a88b81}
.add-goal-entry-grip{flex:0 0 auto;color:#8b8b8d}.add-goal-entry-number{display:grid;flex:0 0 31px;place-items:center;width:31px;height:31px;border-radius:50%;background:#f3eafa;color:#6653a4;font:400 16px Georgia,serif}
#simple-root .add-goal-entry input{flex:1;min-width:0;width:100%;padding:8px 3px;border:0;background:transparent;color:#292a2e;font:400 16px Georgia,serif;outline-offset:-2px}.add-goal-entry-reorder{display:grid;flex:0 0 20px;gap:0}
#simple-root .add-goal-entry-reorder button,#simple-root .add-goal-entry-delete{display:grid;place-items:center;min-width:0;min-height:0;padding:1px;border:0;background:transparent;color:#9b6f6f}.add-goal-entry-reorder button:disabled{opacity:.25}.add-goal-entry-delete{flex:0 0 25px!important;color:#c64f48!important}
#simple-root .add-goal-add-row{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:45px;margin-top:10px;padding:8px;border:0;border-radius:12px;background:#ffebe6;color:#a94643;font:400 17px Georgia,serif}
.add-goal-config-hint{color:#847e7d;font-size:12px}.add-goal-prefix-input,.add-goal-date-input{display:flex;align-items:center;gap:10px;min-height:49px;padding-left:15px;border:1px solid #e9dbd2;border-radius:13px;background:#fffdfb}.add-goal-prefix-input b{color:#555;font:400 19px Georgia,serif}
#simple-root .add-goal-prefix-input input,#simple-root .add-goal-date-input input{flex:1;min-width:0;min-height:45px;padding-left:0;border:0;background:transparent}
.add-goal-date-input{color:#4e5154}.add-goal-date-input>button{display:grid;place-items:center;flex:0 0 35px;min-height:35px;border:0;background:transparent;color:#71747b}.add-goal-due{margin-top:28px}
.add-goal-error{margin:16px 0;color:#b83d43;font-size:13px}
.add-goal-picker-backdrop{position:absolute;z-index:20;inset:0;display:flex;align-items:flex-end;background:#17120f80}.add-goal-picker{display:flex;flex-direction:column;width:100%;max-height:min(78%,620px);padding:9px 22px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fffaf5;box-shadow:0 -15px 45px #100e0d26}.add-goal-picker-handle{flex:0 0 auto;width:38px;height:4px;margin:0 auto 13px;border-radius:10px;background:#aca4a0}
.add-goal-picker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.add-goal-picker h2{margin:0;font:400 25px Georgia,serif}.add-goal-picker header button{min-height:36px;padding:5px 10px;border:0;background:transparent;color:#a74747;font:400 16px Georgia,serif}.add-goal-picker-categories{display:flex;gap:7px;overflow-x:auto;margin:0 -4px 13px;padding:0 4px 4px;scrollbar-width:none}.add-goal-picker-categories button{flex:0 0 auto;min-height:34px;padding:5px 12px;border:1px solid #e9ddd5;border-radius:99px;background:#fffdfb;color:#676166;font-size:12px}.add-goal-picker-categories button.is-active{border-color:#d66b6b;background:#ffebe7;color:#9e4249}.add-goal-picker-scroll{overflow-y:auto}.add-goal-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.add-goal-picker-grid button{position:relative;display:grid;place-items:center;min-height:64px;border:1px solid #eaded7;border-radius:14px;background:#fffdfb;color:#8d645d}.add-goal-picker-grid button.is-selected{border-color:#d66b6b;background:#ffebe7;color:#b94f45}.add-goal-icon-check{position:absolute;top:3px;right:3px}
@media(max-width:390px){.add-goal-scroll{padding-right:20px;padding-left:20px}.add-goal-footer{padding-right:20px;padding-left:20px}.add-goal-type{gap:12px!important}.add-goal-type-icon{flex-basis:57px;width:57px;height:57px}.add-goal-type-copy strong{font-size:18px}.add-goal-type-copy small{font-size:13px}}

/* Edit Goal is a dedicated page. Its artwork is anchored to scrollable content. */
#simple-root:has(.simple-app.is-editing-goal){background:#fffaf5}
#simple-root .simple-app.is-editing-goal{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#292a2e}
.edit-goal-screen{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#fffaf5;color:#292a2e}
.edit-goal-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5}
.edit-goal-page{position:relative;min-height:100%;padding-top:env(safe-area-inset-top);isolation:isolate}
.edit-goal-art{position:absolute;z-index:-1;top:0;right:0;width:min(76%,330px);height:320px;pointer-events:none;overflow:hidden}
.edit-goal-art img{display:block;width:100%;height:260px;object-fit:cover;object-position:right 51%;opacity:.68}
.edit-goal-art::after{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5e8 18%,transparent 70%),linear-gradient(180deg,transparent 168px,#fffaf5 257px);content:""}
.edit-goal-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:62px;padding-inline:clamp(22px,7vw,32px)}
#simple-root .edit-goal-top button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:0;border:0;background:transparent;color:#292a2e}
#simple-root .edit-goal-top .edit-goal-delete{color:#ac2c27;font:400 18px/1 Georgia,serif}
.edit-goal-form{position:relative;z-index:1;box-sizing:border-box;width:min(100%,500px);margin:auto;padding:18px clamp(26px,7.5vw,32px) 30px}
.edit-goal-form h1{margin:0;color:#20262a;font:400 clamp(39px,10.5vw,45px)/1.08 Baskerville,Georgia,serif;letter-spacing:-.025em}
#simple-root .edit-goal-icon-button{display:grid;justify-items:center;gap:7px;width:max-content;min-height:0;margin:14px auto 27px;padding:0;border:0;background:transparent;color:#ad3530}
.edit-goal-icon-button>span{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--edit-goal-accent) 15%,#fffaf5);color:var(--edit-goal-accent)}
.edit-goal-icon-button small{font:400 17px/1.15 Georgia,serif}
.edit-goal-field{display:grid;gap:8px;margin:0 0 25px;color:#20262a;font:400 18px/1.2 Georgia,serif}
.edit-goal-field em,.edit-goal-due em{font-weight:400;font-style:normal}
#simple-root .edit-goal-field input,#simple-root .edit-goal-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:12px 15px;border:1px solid #e6d9d1;border-radius:13px;background:#fffdfb;color:#292a2e;font:400 17px/1.35 Georgia,serif;outline-color:#d66b6b}
#simple-root .edit-goal-field textarea{min-height:90px;resize:vertical}
.edit-goal-tracking{margin:0 0 23px}
.edit-goal-tracking h2,.edit-goal-due h2,.edit-goal-colors legend{margin:0 0 7px;color:#20262a;font:400 18px/1.2 Georgia,serif}
.edit-goal-segments{display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e6d9d1;border-radius:13px;scrollbar-width:none}
.edit-goal-segments::-webkit-scrollbar{display:none}
#simple-root .edit-goal-segments button{flex:1 0 33.333%;min-width:105px;min-height:50px;padding:10px 12px;border:0;border-right:1px solid #e6d9d1;border-radius:12px;background:transparent;color:#424851;font:400 17px/1.2 Georgia,serif;white-space:nowrap}
#simple-root .edit-goal-segments button:last-child{border-right:0}
#simple-root .edit-goal-segments button.is-selected{border:1px solid #efc5be;background:#ffe8e3;color:#a73632}
.edit-goal-tracking p{margin:9px 2px 0;color:#62666c;font:400 14px/1.35 Georgia,serif}
.edit-goal-numeric{padding-top:4px}
.edit-goal-due{margin:0 0 21px}
.edit-goal-date-input{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 13px;border:1px solid #e6d9d1;border-radius:13px;background:#fffdfb;color:#20262a}
#simple-root .edit-goal-date-input input{flex:1;min-width:0;min-height:50px;padding:0;border:0;background:transparent;color:#292a2e;font:400 17px Georgia,serif;outline-color:#d66b6b}
#simple-root .edit-goal-date-input input::-webkit-calendar-picker-indicator{opacity:0;width:0;margin:0;padding:0}
#simple-root .edit-goal-date-input button{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;border:0;background:transparent;color:#6e747a}
.edit-goal-colors{margin:0;padding:0;border:0}
.edit-goal-colors legend{margin-bottom:14px}
.edit-goal-colors>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
#simple-root .edit-goal-colors button{position:relative;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--swatch)}
#simple-root .edit-goal-colors button.is-selected::after{position:absolute;inset:-5px;border:1.5px solid var(--swatch);border-radius:50%;content:""}
.edit-goal-error{margin:16px 0;color:#b83d43;font:400 14px/1.3 Georgia,serif}
.edit-goal-footer{position:relative;z-index:2;flex:0 0 auto;padding:12px clamp(26px,7.5vw,32px) calc(18px + env(safe-area-inset-bottom));background:#fffaf5}
.edit-goal-screen.is-editing .edit-goal-footer{display:none}
#simple-root .edit-goal-footer button{display:block;width:min(100%,436px);min-height:54px;margin:auto;padding:12px 18px;border:0;border-radius:12px;background:#d66b6b;color:#fff;font:400 21px/1.2 Georgia,serif;box-shadow:0 3px 10px #a64b4b15}
/* Shared Add/Edit Goal icon chooser. */
.add-goal-picker-backdrop{position:absolute;z-index:30;inset:0;display:flex;align-items:flex-end;background:#17120f80}
.add-goal-picker{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:min(91%,780px);padding:12px 22px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:#fffaf5;box-shadow:0 -15px 45px #100e0d26}
.add-goal-picker-handle{width:38px;height:4px;margin:0 auto 20px;border-radius:10px;background:#b7b1ac}
.add-goal-picker header{margin-bottom:17px}
.add-goal-picker h2{font:400 31px/1.15 Baskerville,Georgia,serif}
#simple-root .add-goal-picker-close{display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;color:#5a5d60}
.add-goal-picker-categories{flex-shrink:0;gap:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;margin-bottom:19px}
#simple-root .add-goal-picker-categories button{min-height:39px;padding:6px 12px;border-radius:12px;background:#fffaf5;color:#292a2e;font:400 15px Georgia,serif}
#simple-root .add-goal-picker-categories button.is-active{border-color:#efb6ad;background:#ffe8e3;color:#a73632}
.add-goal-picker-scroll{flex:1;min-height:0}
.add-goal-picker-grid{gap:12px}
#simple-root .add-goal-picker-grid button{aspect-ratio:1;min-height:0;border:1px solid transparent;border-radius:17px;background:color-mix(in srgb,currentColor 9%,#fffaf5);color:#b75451}
#simple-root .add-goal-picker-grid button:nth-child(6n + 2){color:#7655a6}
#simple-root .add-goal-picker-grid button:nth-child(6n + 3){color:#258968}
#simple-root .add-goal-picker-grid button:nth-child(6n + 4){color:#4778b5}
#simple-root .add-goal-picker-grid button:nth-child(6n + 5){color:#b9683a}
#simple-root .add-goal-picker-grid button:nth-child(6n){color:#d09133}
#simple-root .add-goal-picker-grid button.is-selected{border:2px solid #d66b6b}
.add-goal-picker footer{padding-top:17px}
#simple-root .add-goal-picker footer button{width:100%;min-height:54px;border:0;border-radius:12px;background:#d66b6b;color:#fff;font:400 20px Georgia,serif}
@media(max-width:390px){.edit-goal-form{padding-inline:26px}.edit-goal-footer{padding-inline:26px}}
#simple-root[data-simple-theme=dark] .simple-app.is-editing-goal,#simple-root[data-simple-theme=dark] .edit-goal-screen,#simple-root[data-simple-theme=dark] .edit-goal-footer{background:var(--appearance-background);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] .edit-goal-art::after{background:linear-gradient(90deg,var(--appearance-background) 0%,transparent 70%),linear-gradient(180deg,transparent 168px,var(--appearance-background) 257px)}

/* Shared habit form styles; edit-only differences are explicitly scoped. */
#simple-root .simple-app.is-adding-habit{width:min(100%,640px);margin-inline:auto;background:var(--appearance-background,#fffaf5)}
#simple-root .simple-app.is-editing-habit{width:min(100%,640px);margin-inline:auto;background:var(--appearance-background,#fffaf5)}
#simple-root .add-habit-top .edit-habit-delete{color:#b1322b;font:400 18px/1.2 Georgia,serif}
.is-editing-habit .add-habit-icon>span{width:84px;height:84px}
.is-editing-habit .add-habit-colors>div{flex-wrap:wrap;row-gap:16px}
.add-habit-screen{position:relative;display:flex;flex:1;min-height:0;overflow:hidden;background:var(--appearance-background,#fffaf5);color:var(--appearance-text,#292a2e)}
.add-habit-scroll{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
.add-habit-page{position:relative;min-height:100%;isolation:isolate;padding-top:env(safe-area-inset-top)}
.add-habit-art{position:absolute;z-index:-1;top:0;right:0;width:70%;height:190px;pointer-events:none;overflow:hidden}
.add-habit-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right 42%;opacity:.18}
.add-habit-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--appearance-background,#fffaf5),transparent 85%),linear-gradient(180deg,transparent 35%,var(--appearance-background,#fffaf5))}
.add-habit-top{display:flex;align-items:center;justify-content:space-between;height:62px;padding:6px 22px 0}
#simple-root .add-habit-top button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:0;border:0;background:transparent;color:inherit}
#simple-root .add-habit-top .add-habit-done{min-width:65px;min-height:34px;padding:7px 14px;border-radius:11px;background:#d46b6b;color:#fff;font:400 16px/1.2 Georgia,serif}
.add-habit-form{box-sizing:border-box;width:min(100%,500px);margin:0 auto;padding:14px 26px calc(30px + env(safe-area-inset-bottom))}
.add-habit-form h1{margin:0;font:400 36px/1.12 Baskerville,Georgia,serif;letter-spacing:-.025em}
#simple-root .add-habit-icon{display:grid;justify-items:center;gap:9px;margin:15px auto 27px;padding:0;border:0;background:transparent;color:#ac423f}
.add-habit-icon>span{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:color-mix(in srgb,var(--habit-color) 15%,var(--appearance-background,#fffaf5));color:var(--habit-color)}
.add-habit-icon small{font:400 16px/1.2 Georgia,serif}
.add-habit-field{display:grid;gap:8px;margin-bottom:21px;font:400 17px/1.2 Georgia,serif}
.add-habit-field em{font-style:normal}
#simple-root .add-habit-field input,#simple-root .add-habit-field textarea,#simple-root .add-habit-field select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 13px;border:1px solid var(--appearance-border,#e6d9d1);border-radius:12px;background:transparent;color:inherit;font:400 16px/1.35 Georgia,serif;outline-color:#d46b6b}
#simple-root .add-habit-field textarea{min-height:76px;resize:vertical}
.add-habit-field input::placeholder,.add-habit-field textarea::placeholder{color:#958d87}
.add-habit-form fieldset{min-width:0;margin:0 0 24px;padding:0;border:0}
.add-habit-form legend,.add-habit-form h2{margin:0 0 9px;padding:0;font:400 17px/1.2 Georgia,serif}
.add-habit-segments{display:flex;border:1px solid var(--appearance-border,#e6d9d1);border-radius:11px;overflow:hidden}
#simple-root .add-habit-segments button{flex:1;min-width:0;min-height:44px;padding:8px 6px;border:0;border-right:1px solid var(--appearance-border,#e6d9d1);border-radius:0;background:transparent;color:inherit;font:400 16px Georgia,serif}
#simple-root .add-habit-segments button:last-child{border-right:0}
#simple-root .add-habit-segments button[aria-pressed=true]{border-radius:10px;background:#f9dfd8;color:#a93c38;box-shadow:inset 0 0 0 1px #edbfb4}
.add-habit-note{margin:10px 0 0;color:var(--appearance-muted,#77706c);font:400 14px/1.45 Georgia,serif}
.add-habit-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px}
#simple-root .add-habit-days button{min-height:42px;min-width:0;padding:4px 0;border:1px solid var(--appearance-border,#e6d9d1);border-radius:9px;background:transparent;color:inherit;font:400 13px Georgia,serif}
#simple-root .add-habit-days button[aria-pressed=true]{background:#f9dfd8;border-color:#d46b6b;color:#a93c38}
.habit-reminder-field{margin-bottom:28px}
.habit-reminder-field h2{margin:0 0 9px;font:400 17px/1.2 Georgia,serif}
#simple-root .habit-reminder-add{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:8px;border:0;background:transparent;color:#ac423f;font:400 16px Georgia,serif}
.habit-reminder-row{display:flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid var(--appearance-border,#e6d9d1);border-radius:12px}
#simple-root .habit-reminder-row input{min-width:0;flex:1;min-height:40px;padding:4px 0;border:0;background:transparent;color:inherit;font:400 16px Georgia,serif}
#simple-root .habit-reminder-switch{flex:none;width:46px;height:28px;min-height:0;padding:3px;border:0;border-radius:20px;background:#c7c0ba}
#simple-root .habit-reminder-switch[aria-checked=true]{background:#d46b6b}
.habit-reminder-switch span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform 150ms ease}
.habit-reminder-switch[aria-checked=true] span{transform:translateX(18px)}
#simple-root .habit-reminder-remove{display:grid;place-items:center;min-width:28px;min-height:40px;padding:0;border:0;background:transparent;color:#77706c}
.habit-reminder-note{margin:9px 0 0;color:var(--appearance-muted,#77706c);font:400 13px/1.45 Georgia,serif}
@media(prefers-reduced-motion:reduce){.habit-reminder-switch span{transition:none}}
.add-habit-colors>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 5px}
#simple-root .add-habit-colors button{position:relative;width:32px;height:32px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--swatch)}
#simple-root .add-habit-colors button[aria-pressed=true]::after{content:"";position:absolute;inset:-5px;border:1.5px solid var(--swatch);border-radius:50%}
.add-habit-extra{margin:7px 0 20px;color:var(--appearance-muted,#77706c);font:400 14px/1.4 Georgia,serif}
.add-habit-extra summary{cursor:pointer;padding-block:7px}
.add-habit-extra .add-habit-field{margin-top:10px}
.add-habit-error{color:#a73535;font-size:15px}
#simple-root .add-habit-create{width:100%;min-height:54px;margin-top:7px;padding:13px 18px;border:0;border-radius:12px;background:#d46b6b;color:#fff;font:400 20px/1.2 Georgia,serif}

/* Add Event only; existing calendar and event-edit surfaces stay unchanged. */
#simple-root:has(.simple-app.is-adding-event){background:#fffaf5}
#simple-root .simple-app.is-adding-event{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#292a2e}
.add-event-screen{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#fffaf5;color:#292a2e}
.add-event-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5}
.add-event-page{position:relative;isolation:isolate;min-height:100%;padding-top:env(safe-area-inset-top)}
.add-event-art{position:absolute;z-index:-1;top:0;right:0;width:min(80%,365px);height:325px;overflow:hidden;pointer-events:none}
.add-event-art img{display:block;width:100%;height:275px;object-fit:cover;object-position:right 49%;opacity:.68}
.add-event-art::after{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5dd 14%,transparent 72%),linear-gradient(180deg,transparent 162px,#fffaf5 270px);content:""}
.add-event-top{position:relative;z-index:1;display:flex;align-items:center;height:63px;padding:0 clamp(25px,7vw,32px)}
#simple-root .add-event-top button{display:grid;place-items:center;width:42px;height:42px;min-height:0;padding:0;border:0;background:transparent;color:#20262a}
.add-event-form{position:relative;z-index:1;width:min(100%,500px);margin:0 auto;padding:18px clamp(25px,7vw,32px) 32px}
.add-event-form h1{margin:0 0 65px;font:400 clamp(41px,11vw,48px)/1.08 Baskerville,Georgia,serif;letter-spacing:-.025em}
.add-event-group{display:grid;gap:9px;margin:0 0 27px}
.add-event-group h2{margin:0 0 1px;font:400 25px/1.2 Baskerville,Georgia,serif}
#simple-root .add-event-name,.add-event-switch-row,.add-event-setting,.add-event-text-row,.add-event-time-group{min-height:52px;border:1px solid #e6d9d1;border-radius:14px;background:#fffdfbbd}
#simple-root .add-event-name{width:100%;padding:11px 14px;color:#292a2e;font:400 17px/1.3 Georgia,serif;outline-color:#d66b6b}
.add-event-name::placeholder,.add-event-text-row :is(input,textarea)::placeholder{color:#aaa5a2}
.add-event-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 13px 8px 14px;font:400 17px Georgia,serif;cursor:pointer}
.add-event-switch-row input{position:absolute;width:1px;height:1px;opacity:0}
.add-event-switch-row i{position:relative;flex:0 0 46px;width:46px;height:28px;border-radius:99px;background:#d4d1cf;transition:background 160ms ease}
.add-event-switch-row i::after{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;content:"";transition:transform 160ms ease}
.add-event-switch-row input:checked+i{background:#d66b6b}
.add-event-switch-row input:checked+i::after{transform:translateX(18px)}
.add-event-switch-row input:focus-visible+i{outline:2px solid #d66b6b;outline-offset:3px}
.add-event-setting{display:flex;align-items:center;gap:11px;padding:0 13px;color:#292a2e;font:400 16px/1.25 Georgia,serif}
.add-event-setting>svg{flex:0 0 23px;color:#353638}
.add-event-setting>span:nth-child(2){flex:1;min-width:0}
#simple-root .add-event-setting :is(input,select){flex:0 1 auto;width:51%;min-width:0;min-height:48px;padding:4px 0;border:0;background:transparent;color:#50565d;text-align:right;text-align-last:right;font:400 15px/1.2 Georgia,serif;outline-color:#d66b6b}
#simple-root .add-event-setting input[type=date]::-webkit-calendar-picker-indicator{width:0;opacity:0}
.add-event-time-group{display:grid;gap:0;overflow:hidden}
.add-event-time-group .add-event-setting{min-height:51px!important;border:0!important;border-radius:0!important;background:transparent!important}
.add-event-time-group .add-event-setting+.add-event-setting{border-top:1px solid #eee5df!important}
.add-event-text-row{display:flex;align-items:center;gap:12px;padding:0 13px;color:#353638}
.add-event-text-row>svg{flex:0 0 23px}
#simple-root .add-event-text-row input,#simple-root .add-event-text-row textarea{flex:1;min-width:0;min-height:50px;padding:10px 0;border:0;background:transparent;color:#292a2e;font:400 16px/1.35 Georgia,serif;outline-color:#d66b6b}
.add-event-notes{align-items:flex-start;min-height:78px}
.add-event-notes>svg{margin-top:14px}
#simple-root .add-event-text-row textarea{min-height:76px;resize:vertical}
.add-event-setting-spacer{flex:0 0 23px}
.add-event-category-dot{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#d66b6b}
.add-event-category-dot.tone-study{background:#9c78c5}.add-event-category-dot.tone-class{background:#5d9cd6}.add-event-category-dot.tone-health{background:#4d9b74}.add-event-category-dot.tone-personal{background:#e4a250}.add-event-category-dot.tone-other{background:#b5a397}
.add-event-error{margin:4px 0 0;color:#ad393b;font:400 14px/1.3 Georgia,serif}
.add-event-footer{flex:0 0 auto;padding:12px clamp(25px,7vw,32px) calc(18px + env(safe-area-inset-bottom));background:#fffaf5}
.add-event-screen.is-editing .add-event-footer{display:none}
#simple-root .add-event-footer button{display:block;width:min(100%,436px);min-height:54px;margin:0 auto;padding:12px 18px;border:0;border-radius:12px;background:#d66b6b;color:#fff;font:400 21px/1.2 Georgia,serif;box-shadow:0 3px 10px #a64b4b15}
@media(min-width:641px){#simple-root .simple-app.is-adding-event{border-inline:1px solid #e5d7cf}}

/* Edit Event reuses the Add Event form treatment; its save action scrolls with the page. */
#simple-root:has(.simple-app.is-editing-event){background:#fffaf5}
#simple-root .simple-app.is-editing-event{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#292a2e}
/* Full-screen routes must win over scenic/grid display rules loaded later. */
#simple-root .simple-app.is-editing-event > :not(.edit-event-screen){display:none!important}
.edit-event-screen{min-width:0}
.edit-event-page{min-height:100%}
.edit-event-form h1{margin-bottom:50px}
.edit-event-form .add-event-group{margin-bottom:23px}
.edit-event-color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:8px 13px;border:1px solid #e6d9d1;border-radius:14px;background:#fffdfbbd;color:#292a2e;font:400 16px/1.2 Georgia,serif}
.edit-event-color-row>span{flex:0 0 auto}
.edit-event-palette{display:flex;align-items:center;justify-content:space-between;flex:0 1 235px;gap:7px;min-width:0}
#simple-root .edit-event-swatch{position:relative;display:block;flex:0 0 26px;width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:50%;background:#d66b6b}
#simple-root .edit-event-swatch.tone-study{background:#9c78c5}
#simple-root .edit-event-swatch.tone-class{background:#5d9cd6}
#simple-root .edit-event-swatch.tone-health{background:#4d9b74}
#simple-root .edit-event-swatch.tone-personal{background:#e4a250}
#simple-root .edit-event-swatch.tone-other{background:#b5a397}
#simple-root .edit-event-swatch.is-selected::after{position:absolute;inset:-4px;border:2px solid currentColor;border-radius:50%;color:inherit;content:""}
#simple-root .edit-event-swatch.tone-work{color:#d66b6b}
#simple-root .edit-event-swatch.tone-study{color:#9c78c5}
#simple-root .edit-event-swatch.tone-class{color:#5d9cd6}
#simple-root .edit-event-swatch.tone-health{color:#4d9b74}
#simple-root .edit-event-swatch.tone-personal{color:#e4a250}
#simple-root .edit-event-swatch.tone-other{color:#b5a397}
#simple-root .edit-event-swatch:focus-visible{outline:2px solid #2b2b2b;outline-offset:5px}
.edit-event-custom-category{margin:-4px 3px 0;color:#777079;font:400 12px/1.3 Arial,sans-serif}
.edit-event-readonly{flex:0 0 auto;margin-left:auto;color:#6a6869;font:400 15px/1.2 Georgia,serif}
#simple-root .edit-event-repeat-row{width:100%;min-height:52px;border:1px solid #e6d9d1;border-radius:14px;background:#fffdfbbd;text-align:left;font:400 16px/1.25 Georgia,serif}
.edit-event-repeat-row>strong{margin-left:auto;color:#50565d;font:400 15px/1.2 Georgia,serif}
.edit-event-repeat-row>svg:last-child{flex:0 0 18px;color:#50565d}
.edit-event-repeat-readonly .edit-event-readonly{flex:0 0 auto!important}
.edit-event-footer{padding:4px 0 calc(22px + env(safe-area-inset-bottom))}
#simple-root .edit-event-footer button{display:block;width:100%;min-height:54px;padding:12px 18px;border:0;border-radius:12px;background:#d66b6b;color:#fff;font:400 21px/1.2 Georgia,serif;box-shadow:0 3px 10px #a64b4b15}
@media(max-width:360px){.edit-event-palette{gap:4px}#simple-root .edit-event-swatch{flex-basis:23px;width:23px;height:23px}}
@media(min-width:641px){#simple-root .simple-app.is-editing-event{border-inline:1px solid #e5d7cf}}

/* The Edit Event repeat chooser is modal to its full-height page. */
.add-event-screen{position:relative}
.add-event-screen.is-repeat-open .add-event-scroll{overflow:hidden}
.repeat-picker-backdrop{position:absolute;z-index:40;inset:0;display:flex;align-items:flex-end;background:#1c1a1a82;touch-action:none;animation:repeat-overlay-in 220ms ease-out both}
.repeat-picker-backdrop.is-closing{animation:repeat-overlay-out 220ms ease-in both}
.repeat-picker-sheet{display:flex;flex-direction:column;width:100%;height:min(82%,680px);max-height:calc(100% - 18px - env(safe-area-inset-top));min-height:0;padding:12px clamp(17px,5vw,22px) calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fffaf5;box-shadow:0 -5px 24px #1c1a1a16;touch-action:pan-y;animation:repeat-sheet-in 240ms cubic-bezier(.22,1,.36,1) both}
.repeat-picker-backdrop.is-closing .repeat-picker-sheet{animation:repeat-sheet-out 220ms ease-in both}
.repeat-picker-sheet.is-custom{height:auto;max-height:calc(100% - 18px - env(safe-area-inset-top))}
.repeat-picker-handle{flex:0 0 auto;width:38px;height:4px;margin:0 auto 18px;border-radius:99px;background:#c7c2bd}
.repeat-picker-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;min-height:49px;margin-bottom:15px}
.repeat-picker-header h2{margin:0;color:#22272b;font:400 clamp(27px,7.5vw,32px)/1.1 Baskerville,Georgia,serif}
#simple-root .repeat-picker-header button{display:grid;place-items:center;width:37px;height:37px;min-height:0;padding:0;border:0;background:transparent;color:#33383a}
.repeat-picker-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:1px 0 4px}
.repeat-picker-options{overflow:hidden;border:1px solid #e9ded8;border-radius:14px;background:#fffdfb}
#simple-root .repeat-picker-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:53px;padding:12px 15px;border:0;border-bottom:1px solid #eee6e0;border-radius:0;background:transparent;color:#292a2e;text-align:left;font:400 17px/1.25 Georgia,serif}
#simple-root .repeat-picker-options button:last-child{border-bottom:0}
#simple-root .repeat-picker-options button.is-selected{background:#fce7e3;color:#bc3532}
#simple-root .repeat-picker-options button:focus-visible,#simple-root .repeat-picker-custom:focus-visible,#simple-root .repeat-picker-custom-back:focus-visible{position:relative;z-index:1;outline:2px solid #d66b6b;outline-offset:-2px}
#simple-root .repeat-picker-custom{display:block;width:100%;min-height:52px;margin-top:9px;padding:12px 15px;border:1px solid #e9ded8;border-radius:13px;background:#fffdfb;color:#292a2e;text-align:left;font:400 17px/1.25 Georgia,serif}
.repeat-picker-custom-view{display:grid;align-content:start;gap:20px;min-height:0;padding:8px 2px;overflow-y:auto;overscroll-behavior:contain}
.repeat-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#simple-root .repeat-picker-days button{min-width:0;min-height:44px;padding:4px 0;border:1px solid var(--appearance-border,#e6d9d1);border-radius:9px;background:transparent;color:#292a2e;font:400 13px Georgia,serif}
#simple-root .repeat-picker-days button[aria-pressed=true]{background:#f9dfd8;border-color:#d46b6b;color:#a93c38}
#simple-root .repeat-picker-days button:focus-visible,#simple-root .repeat-picker-save:focus-visible{outline:2px solid #a93c38;outline-offset:2px}
#simple-root .repeat-picker-save{min-height:48px;border:0;border-radius:12px;background:#d66b6b;color:#fff;font:400 18px/1.2 Georgia,serif}
#simple-root .repeat-picker-save:disabled{opacity:.45;cursor:not-allowed}
#simple-root .repeat-picker-custom.is-selected{background:#fce7e3;color:#bc3532}
.repeat-picker-custom-view .repeat-picker-hint{font-size:14px}
.repeat-picker-custom-view p{max-width:30ch;margin:0;color:#63666a;font:400 17px/1.5 Georgia,serif}
#simple-root .repeat-picker-custom-back{display:flex;align-items:center;gap:4px;width:max-content;min-height:43px;padding:9px 12px;border:1px solid #ecc9c1;border-radius:12px;background:#fce7e3;color:#a63835;font:400 16px/1.2 Georgia,serif}
@keyframes repeat-overlay-in{from{background:#1c1a1a00}to{background:#1c1a1a82}}
@keyframes repeat-overlay-out{from{background:#1c1a1a82}to{background:#1c1a1a00}}
@keyframes repeat-sheet-in{from{transform:translateY(28px);opacity:.85}to{transform:translateY(0);opacity:1}}
@keyframes repeat-sheet-out{from{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:.85}}
@media(prefers-reduced-motion:reduce){.repeat-picker-backdrop,.repeat-picker-backdrop.is-closing,.repeat-picker-sheet,.repeat-picker-backdrop.is-closing .repeat-picker-sheet{animation:none}}

/* A compact, accessible confirmation layered over Event Details. */
.event-detail-screen{position:relative}
.event-detail-screen.is-delete-open .event-detail-scroll{overflow:hidden}
.event-delete-backdrop{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 23px calc(18px + env(safe-area-inset-bottom));background:#1c1a1a8a;touch-action:none;animation:event-delete-overlay-in 200ms ease-out both}
.event-delete-backdrop.is-closing{animation:event-delete-overlay-out 190ms ease-in both}
.event-delete-backdrop.is-app-delete{position:fixed;z-index:500}
.event-delete-dialog{width:min(100%,340px);max-height:100%;overflow-y:auto;padding:23px 18px 18px;border-radius:18px;background:#fffaf5;box-shadow:0 12px 40px #1d151620;text-align:center;touch-action:pan-y;animation:event-delete-card-in 200ms cubic-bezier(.22,1,.36,1) both}
.event-delete-backdrop.is-closing .event-delete-dialog{animation:event-delete-card-out 190ms ease-in both}
.event-delete-icon{display:grid;place-items:center;width:59px;height:59px;margin:0 auto 16px;border-radius:50%;background:#fce7e3;color:#d64040}
.event-delete-dialog h2{margin:0;color:#1e2529;font:400 27px/1.12 Baskerville,Georgia,serif}
.event-delete-dialog p{max-width:28ch;margin:14px auto 22px;color:#51565b;font:400 16px/1.35 Georgia,serif}
.event-delete-actions{display:grid;gap:8px}
#simple-root .event-delete-actions button{display:block;width:100%;min-height:49px;padding:10px 14px;border:0;border-radius:10px;font:400 17px/1.2 Georgia,serif}
#simple-root .event-delete-confirm{background:#d65f61;color:#fff}
#simple-root .event-delete-cancel{background:#fce9e5;color:#ac302e}
#simple-root .event-delete-actions button:focus-visible{outline:2px solid #232629;outline-offset:2px}
@keyframes event-delete-overlay-in{from{background:#1c1a1a00}to{background:#1c1a1a8a}}
@keyframes event-delete-overlay-out{from{background:#1c1a1a8a}to{background:#1c1a1a00}}
@keyframes event-delete-card-in{from{transform:scale(.97);opacity:.3}to{transform:scale(1);opacity:1}}
@keyframes event-delete-card-out{from{transform:scale(1);opacity:1}to{transform:scale(.97);opacity:.3}}
@media(prefers-reduced-motion:reduce){.event-delete-backdrop,.event-delete-backdrop.is-closing,.event-delete-dialog,.event-delete-backdrop.is-closing .event-delete-dialog{animation:none}}

/* Event Details is a page; the artwork is positioned inside its scroll content. */
#simple-root:has(.simple-app.is-event-detail){background:#fffaf5}
#simple-root .simple-app.is-event-detail{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#292a2e}
/* Keep every underlying page out of layout, hit-testing and accessibility. */
#simple-root .simple-app.is-event-detail > :not(.event-detail-screen){display:none!important}
.event-detail-screen{--event-accent:#d66b6b;--event-wash:#fbe8e4;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:#fffaf5;color:#292a2e}
.event-detail-screen.tone-study{--event-accent:#9c78c5;--event-wash:#f3ebf8}
.event-detail-screen.tone-class{--event-accent:#5d9cd6;--event-wash:#eaf3fb}
.event-detail-screen.tone-health{--event-accent:#4d9b74;--event-wash:#eaf4eb}
.event-detail-screen.tone-personal{--event-accent:#e4a250;--event-wash:#fdf0df}
.event-detail-screen.tone-other{--event-accent:#b5a397;--event-wash:#f2ece7}
.event-detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.event-detail-page{position:relative;isolation:isolate;min-height:100%;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:calc(35px + env(safe-area-inset-bottom))}
.event-detail-art{position:absolute;z-index:-1;top:0;right:0;width:100%;height:305px;overflow:hidden;pointer-events:none}
.event-detail-art img{position:absolute;top:50%;left:-20%;display:block;width:145%;height:auto;max-width:none;transform:translateY(-68%);opacity:.78}
.event-detail-art::after{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5ef 23%,transparent 77%),linear-gradient(180deg,transparent 148px,#fffaf5 278px);content:""}
.event-detail-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:min(100%,500px);height:64px;margin-inline:auto;padding:0 clamp(25px,7vw,32px)}
#simple-root .event-detail-top button{display:grid;place-items:center;width:42px;height:42px;min-height:0;padding:0;border:0;background:transparent;color:#20262a}
.event-detail-content{position:relative;z-index:1;width:min(100%,500px);margin:clamp(48px,calc(72px - env(safe-area-inset-top)),72px) auto 0;padding:0 clamp(25px,7vw,32px)}
.event-detail-identity{display:flex;align-items:flex-start;gap:14px;min-height:88px;margin-bottom:18px;padding:19px 17px;border:1px solid color-mix(in srgb,var(--event-accent) 22%,#eaded7);border-radius:14px;background:linear-gradient(110deg,var(--event-wash),#fffaf5d9);box-shadow:0 3px 14px #7657470a}
.event-detail-identity-dot{flex:0 0 13px;width:13px;height:13px;margin-top:7px;border-radius:50%;background:var(--event-accent)}
.event-detail-identity>div{min-width:0}
#simple-root .event-detail-identity h1{margin:0;color:#202227;font:400 clamp(30px,8vw,38px)/1.1 Baskerville,Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.event-detail-identity p{margin:6px 0 0;color:#4a4b51;font:400 17px/1.3 Georgia,serif;overflow-wrap:anywhere}
.event-detail-identity small{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--event-accent);font:400 13px/1.2 Arial,sans-serif}
.event-detail-facts{margin:0 7px 18px;border-bottom:1px solid #e9e0d9}
.event-detail-fact{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:16px;min-height:55px;padding:14px 4px;border-bottom:1px solid #e9e0d9;color:#252930;font:400 17px/1.4 Georgia,serif}
.event-detail-fact:last-child{border-bottom:0}
.event-detail-fact>svg{width:22px;height:22px;margin-top:1px;stroke-width:1.7;color:#292e32}
.event-detail-fact span{min-width:0;overflow-wrap:anywhere}
.event-detail-fact small{display:block;margin-top:3px;color:#687078;font:400 14px/1.3 Georgia,serif}
.event-detail-notes{white-space:pre-wrap}
.event-detail-settings{display:grid;overflow:hidden;margin-top:18px;border:1px solid #e9ddd5;border-radius:14px;background:#fffdfbbc}
.event-detail-setting{display:grid;grid-template-columns:23px minmax(70px,1fr) minmax(0,1.35fr);align-items:center;gap:13px;min-height:53px;padding:9px 14px;border-bottom:1px solid #eee6e0;font:400 16px/1.3 Georgia,serif}
.event-detail-setting:last-child{border-bottom:0}
.event-detail-setting>svg{width:21px;height:21px;stroke-width:1.7}
.event-detail-setting strong{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;color:#535c62;text-align:right;font-weight:400;overflow-wrap:anywhere}
.event-detail-color{display:inline-block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:var(--event-accent)}
.event-detail-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}
#simple-root .event-detail-outcomes button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:50px;padding:9px 8px;border:1px solid #efccc6;border-radius:14px;background:#fce8e4;color:#ad4448;font:400 clamp(13px,3.8vw,16px)/1.2 Georgia,serif;text-align:center}
#simple-root .event-detail-outcomes .event-detail-incomplete{border-color:#e6dad3;background:#f6f0eb;color:#68605c}
#simple-root .event-detail-outcomes .event-detail-complete.is-selected{border-color:#ce7878;background:#d66b6b;color:#fff}
#simple-root .event-detail-outcomes .event-detail-incomplete.is-selected{border-color:#a99a90;background:#aa9a90;color:#fff}
#simple-root .event-detail-outcomes button svg{flex:0 0 19px}
#simple-root .event-detail-clear{display:block;min-height:38px;margin:8px auto 0;padding:6px 12px;border:0;background:transparent;color:#80736e;font:400 14px/1.2 Georgia,serif;text-decoration:underline;text-underline-offset:3px}
.event-detail-options-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.event-detail-options-heading h2{flex:1}
#simple-root .event-detail-options-heading button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#51555a}
@media(min-width:641px){#simple-root .simple-app.is-event-detail{border-inline:1px solid #e5d7cf}}
@media(max-width:380px){.event-detail-fact{font-size:16px}.event-detail-setting{gap:9px;padding-inline:11px;font-size:15px}}

/* Month-only presentation; Day, Week, Year, and the shared navigation retain their behavior. */
#simple-root:has(.simple-app.is-month){background:#f1ece8}
#simple-root .simple-app.is-month{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#29282c}
.simple-month-hero{position:relative;z-index:1;flex:0 0 auto;height:222px;overflow:hidden;background:#f7ceca}
.simple-month-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 59%}
.simple-month-hero-copy{position:absolute;top:calc(27px + env(safe-area-inset-top));left:clamp(22px,6vw,43px);z-index:1;color:#29282c}
.simple-month-hero-copy h1{margin:0;font:400 clamp(44px,11vw,60px)/1 "Baskerville",Georgia,serif;letter-spacing:-.035em}
.simple-month-hero-copy p{margin:2px 0 0;font:400 clamp(19px,5.2vw,25px)/1.12 "Baskerville",Georgia,serif}
#simple-root .simple-month-hero>button{position:absolute;top:calc(30px + env(safe-area-inset-top));right:clamp(19px,5vw,35px);z-index:1;display:grid;place-items:center;width:45px;height:45px;padding:0;border:0;border-radius:50%;background:#fff9f5ed;color:#9d424a;box-shadow:0 2px 10px #754b4b1a}
#simple-root .simple-month-hero>button:hover{background:#fff}
#simple-root .simple-main.simple-main-month{position:relative;z-index:2;max-width:none;margin-top:-18px;padding:6px 18px 34px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5;border-radius:26px 26px 0 0;background:#fffaf5}
#simple-root .simple-main-month .simple-month-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:5px;border:1px solid #f1e7e1;border-radius:19px;background:#fffaf7;box-shadow:0 4px 16px #764e3f13}
#simple-root .simple-main-month .simple-month-tabs button{min-width:0;min-height:39px;padding:7px 4px;border-radius:13px;color:#434449;font:400 16px/1.1 Georgia,"Times New Roman",serif}
#simple-root .simple-main-month .simple-month-tabs button.active{background:#fce2dd;color:#923c43;box-shadow:none}
#simple-root .simple-main-month .simple-month-date-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:4px;margin:12px 0 5px}
#simple-root .simple-main-month .simple-month-date-nav h2{grid-column:2;grid-row:1;margin:0;text-align:center;color:#282b32;font:400 clamp(20px,5.8vw,25px)/1.25 Georgia,"Times New Roman",serif;white-space:nowrap}
#simple-root .simple-main-month .simple-month-date-nav>button{display:grid;place-items:center;width:42px;min-width:42px;height:39px;min-height:39px;padding:0;border:0;background:transparent;color:#2f3339}
#simple-root .simple-main-month .simple-month-date-nav>button:first-child{grid-column:1;grid-row:1}
#simple-root .simple-main-month .simple-month-date-nav>button:nth-of-type(2){grid-column:3;grid-row:1}
#simple-root .simple-main-month .simple-month-date-nav>button:hover{background:#f8ebe7}
#simple-root .simple-month-view{width:100%;min-width:0}
#simple-root .simple-month-view .simple-weekday-row{grid-template-columns:repeat(7,minmax(0,1fr));padding:7px 0 0;color:#5f6067;font:400 14px/1 Georgia,"Times New Roman",serif}
#simple-root .simple-month-view .simple-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;width:100%}
#simple-root .simple-month-view .simple-month-grid>button{position:relative;display:flex;align-items:center;justify-content:center;gap:0;min-width:0;min-height:49px;height:49px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#2f3034;text-align:center;opacity:1}
#simple-root .simple-month-view .simple-month-grid>button.outside{color:#aaa7a8}
#simple-root .simple-month-view .simple-month-grid>button:hover{background:#faefec;border-radius:50%}
#simple-root .simple-month-view .simple-month-grid>button strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:400 18px/1 Georgia,"Times New Roman",serif;transform:translateY(-2px)}
#simple-root .simple-month-view .simple-month-grid>button.is-today:not(.is-selected) strong{box-shadow:inset 0 0 0 1px #dfa9a2;color:#a44d52}
#simple-root .simple-month-view .simple-month-grid>button.is-selected{outline:0;background:transparent}
#simple-root .simple-month-view .simple-month-grid>button.is-selected strong{background:#d6666b;color:#fff;box-shadow:0 3px 9px #b96a6550}
#simple-root .simple-month-view .simple-month-grid>button.is-drop-target strong{outline:2px solid #d6666b;outline-offset:2px}
#simple-root .simple-month-event-indicator{position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:#e16a72;transform:translateX(-50%)}
#simple-root .simple-month-agenda{margin:15px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#simple-root .simple-month-agenda-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 17px}
#simple-root .simple-month-agenda-heading h3{position:relative;flex:1;min-width:0;margin:0;color:#292a2e;font:400 clamp(23px,6.1vw,32px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
#simple-root .simple-month-agenda-heading h3::after{position:absolute;bottom:-8px;left:0;width:min(190px,85%);height:3px;border-radius:50%;background:#eaa8a8;clip-path:polygon(0 35%,38% 0,72% 46%,100% 15%,100% 90%,58% 72%,20% 100%,0 80%);content:"";transform:rotate(-2deg)}
#simple-root .simple-month-agenda-heading svg{flex:0 0 37px;width:37px;height:37px;color:#ef9444}
.simple-month-event-list{display:grid;gap:7px}
#simple-root .simple-month-event{--month-accent:#e27b82;display:grid;grid-template-columns:76px 7px minmax(0,1fr) 19px;align-items:center;gap:11px;width:100%;min-height:62px;margin:0;padding:8px 13px;border:1px solid #eaded7;border-radius:13px;background:#fffdfb;color:#292b30;text-align:left;box-shadow:0 2px 9px #7157470b}
#simple-root .simple-month-event:hover{background:#fff7f3}
.simple-month-event-time{display:grid;gap:2px;color:#34363c;font:400 13px/1.1 Georgia,"Times New Roman",serif;white-space:nowrap}
.simple-month-event-time span+span{color:#6f7077}
.simple-month-event-dot{width:7px;height:7px;border-radius:50%;background:var(--month-accent)}
.simple-month-event-copy{display:grid;min-width:0;gap:2px;padding-left:11px;border-left:2px solid var(--month-accent)}
.simple-month-event-copy strong{overflow:hidden;font:400 18px/1.16 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
.simple-month-event-copy small{overflow:hidden;color:#6f7077;font:400 12px/1.2 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
.simple-month-event>svg{color:#474a51}
.simple-month-event.tone-study{--month-accent:#a683d4}.simple-month-event.tone-class{--month-accent:#7995e2}.simple-month-event.tone-health{--month-accent:#55ab89}.simple-month-event.tone-personal{--month-accent:#e0a06b}.simple-month-event.tone-other{--month-accent:#74adb7}
#simple-root .simple-month-event.is-done{--month-accent:#56aa86;opacity:1;border-color:#c4e2cf;background:#e8f5ec;color:#2b5547}
#simple-root .simple-month-event.is-incomplete{--month-accent:#c72836;border-color:#e8b9bf;background:#fce9eb;color:#653039}
#simple-root .simple-month-event.is-incomplete:hover{background:#f8dfe3}
#simple-root .simple-month-event.is-done .simple-month-event-copy strong,
#simple-root .simple-month-event.is-incomplete .simple-month-event-copy strong{text-decoration:line-through;text-decoration-thickness:1px}
#simple-root .simple-month-event>.simple-month-event-status{color:#3f9b76}
#simple-root .simple-month-event>.simple-month-event-status.is-incomplete{color:#b71f2d}
#simple-root .simple-month-agenda.is-empty{margin-top:22px;padding-top:20px;border-top:1px solid var(--appearance-border,#eaded7)}
#simple-root .simple-month-agenda.is-empty h3::after{width:128px;background:#eaa295}
#simple-root .simple-app .simple-month-empty{display:flex;flex-direction:column;align-items:center;gap:0;min-height:310px;padding:36px 12px 24px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
.simple-month-empty-illustration{display:block;width:132px;height:119px;margin-bottom:12px;color:#55483c}
.simple-month-empty-illustration svg{display:block;width:100%;height:100%}
.simple-month-empty strong{font:400 clamp(23px,6vw,28px)/1.2 Georgia,"Times New Roman",serif;color:var(--appearance-text,#29282c)}
#simple-root .simple-month-empty p{margin:7px 0 0;color:#8c7263;font:400 19px/1.35 Georgia,"Times New Roman",serif}
#simple-root .simple-month-empty button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;margin-top:27px;padding:10px 23px;border:0;border-radius:99px;background:#fbe5e0;color:#ad5144;font:400 19px/1.2 Georgia,"Times New Roman",serif}
#simple-root .simple-month-empty button svg{width:22px;height:22px}
#simple-root[data-simple-theme=dark] .simple-month-empty-illustration{color:var(--appearance-muted)}
#simple-root .simple-app.is-month .simple-bottom-nav{justify-content:space-around;gap:0;min-height:70px;padding:7px 9px max(9px,env(safe-area-inset-bottom));border-top:1px solid #eadfd7;background:#fffaf5;box-shadow:0 -3px 12px #71574712}
#simple-root .simple-app.is-month .simple-bottom-nav button{flex:1;min-width:0;min-height:55px;flex-direction:column;gap:1px;padding:5px 1px;border-radius:12px;color:#676a70;font-size:12px}
#simple-root .simple-app.is-month .simple-bottom-nav button svg{display:block;width:23px;height:23px}
#simple-root .simple-app.is-month .simple-bottom-nav button .simple-habits-nav-icon{width:26px;height:26px;margin-block:-1.5px}
#simple-root .simple-app.is-month .simple-bottom-nav button.active{background:#fceae5;color:#a3474e}
@media(max-width:380px){#simple-root .simple-main.simple-main-month{padding-inline:14px}.simple-month-hero{height:210px}.simple-month-hero-copy{left:20px}.simple-month-event-time{font-size:12px}#simple-root .simple-month-event{grid-template-columns:69px 6px minmax(0,1fr) 17px;gap:8px;padding-inline:10px}}
@media(min-width:641px){#simple-root .simple-app.is-month{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}}

/* Week uses the existing Month shell and event grid; these rules are Week-only. */
#simple-root .simple-main.simple-main-week{display:flex;flex-direction:column;min-width:0;min-height:0;padding-bottom:0;overflow:hidden}
#simple-root .simple-main-week .simple-month-tabs{flex:0 0 auto;align-self:stretch}
#simple-root .simple-main-week .simple-month-date-nav{flex:0 0 auto;width:100%;margin-bottom:7px}
#simple-root .simple-main-week .simple-month-date-nav h2{font-size:clamp(17px,5.5vw,24px);overflow:hidden;text-overflow:ellipsis}
#simple-root .simple-main-week .simple-calendar-surface{min-height:0;overflow:hidden}
#simple-root .simple-main-week .simple-calendar-frame{min-height:0;overflow:hidden}
#simple-root .simple-week-timeline{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;width:100%;background:#fffaf5}
#simple-root .simple-week-timeline .simple-week-dates,
#simple-root .simple-week-timeline .simple-all-day,
#simple-root .simple-week-timeline .simple-time-grid{grid-template-columns:42px repeat(7,minmax(0,1fr));width:100%;min-width:0}
#simple-root .simple-week-timeline .simple-week-dates{flex:0 0 auto;border-bottom:1px solid #eaded7;background:#fffaf5}
#simple-root .simple-week-timeline .simple-week-date{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-width:0;min-height:63px;padding:5px 0 8px;border:0;background:transparent;color:#56575d;font:400 12px/1.1 Georgia,"Times New Roman",serif}
#simple-root .simple-week-timeline .simple-week-date small{color:inherit;font:inherit;white-space:nowrap}
#simple-root .simple-week-timeline .simple-week-date strong{display:grid;place-items:center;width:32px;height:32px;margin:0;border-radius:50%;color:#292b30;font:400 16px/1 Georgia,"Times New Roman",serif}
#simple-root .simple-week-timeline .simple-week-date.selected{background:transparent;color:#af4e56}
#simple-root .simple-week-timeline .simple-week-date.selected strong{background:#d6666b;color:#fff;box-shadow:0 2px 7px #b96a6540}
#simple-root .simple-week-timeline .simple-week-date.is-today:not(.selected){background:transparent;color:#a44d52}
#simple-root .simple-week-timeline .simple-week-date.is-today:not(.selected) strong{box-shadow:inset 0 0 0 1px #dfa9a2}
#simple-root .simple-week-timeline .simple-week-date.is-drop-target strong{outline:2px solid #d6666b;outline-offset:2px}
#simple-root .simple-week-event-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#e16a72}
#simple-root .simple-week-timeline .simple-all-day{flex:0 0 auto;min-height:34px;border-bottom:1px solid #eaded7;background:#fffdfb}
#simple-root .simple-week-timeline .simple-all-day>span{padding:10px 2px;color:#74727a;font:400 10px/1 Georgia,"Times New Roman",serif;text-align:left}
#simple-root .simple-week-timeline .simple-all-day>div{padding:2px;border-left:1px solid #eee4de}
#simple-root .simple-week-timeline .simple-all-day .simple-event{min-width:0;min-height:24px;padding:2px 3px;border-radius:4px}
#simple-root .simple-week-timeline .simple-all-day .simple-event-copy{min-width:0}
#simple-root .simple-week-timeline .simple-all-day .simple-event-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
#simple-root .simple-week-timeline .simple-grid-scroll{flex:1 1 auto;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfc6bf transparent;background:#fffaf5}
#simple-root .simple-week-timeline .simple-time-ruler>span{right:3px;color:#696a70;font:400 10px/1 Georgia,"Times New Roman",serif;transform:translateY(-5px)}
#simple-root .simple-week-timeline .simple-day-column,
#simple-root .simple-week-timeline .simple-day-column.is-today{border-left:1px solid #eee4de;background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0 43px,#f5eee9 43px 44px,transparent 44px 87px,#e9dfd9 87px 88px)}
#simple-root .simple-week-timeline .simple-day-column.is-selected{background-color:#fff0ea99}
#simple-root .simple-week-timeline .simple-day-column.is-drop-target{background-color:#ffe8e5}
#simple-root .simple-week-timeline .simple-time-slot:focus-visible{outline:2px solid #d6666b;outline-offset:-2px}
#simple-root .simple-week-timeline .simple-grid-event{border-left-width:2px;border-radius:5px;box-shadow:0 1px 3px #6550441c}
#simple-root .simple-week-timeline .simple-grid-event-open{min-width:0;padding:3px 2px 2px 3px;gap:1px}
#simple-root .simple-week-timeline .simple-grid-event strong{font:600 10px/1.15 Georgia,"Times New Roman",serif}
#simple-root .simple-week-timeline .simple-grid-event small{font:400 9px/1.15 Georgia,"Times New Roman",serif}
#simple-root .simple-week-timeline .simple-grid-event.is-short small{display:none}
#simple-root .simple-week-timeline .simple-grid-event.is-medium .simple-grid-event-location{display:none}
#simple-root .simple-week-timeline .simple-grid-event-check{top:auto;right:2px;bottom:2px}
#simple-root .simple-week-timeline .simple-now-line{z-index:3}
@media(max-width:380px){#simple-root .simple-week-timeline .simple-week-dates,#simple-root .simple-week-timeline .simple-all-day,#simple-root .simple-week-timeline .simple-time-grid{grid-template-columns:38px repeat(7,minmax(0,1fr))}#simple-root .simple-week-timeline .simple-week-date strong{width:29px;height:29px;font-size:15px}}

/* Day-only layout: keep the Month/Week hero, selector, palette, and shared event engine. */
#simple-root .simple-main.simple-main-day{display:flex;flex-direction:column;min-width:0;min-height:0;padding-bottom:0;overflow:hidden}
#simple-root .simple-main-day .simple-month-tabs{flex:0 0 auto;align-self:stretch}
#simple-root .simple-main-day .simple-calendar-surface{min-height:0;overflow:hidden}
#simple-root .simple-main-day .simple-calendar-frame{position:relative;min-height:0;overflow:hidden}
#simple-root .simple-day-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;min-height:69px;margin:0;padding:9px 2px 12px;color:#292a2e}
#simple-root .simple-day-heading h2{position:relative;min-width:0;margin:0;font:400 clamp(22px,6.4vw,31px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
#simple-root .simple-day-heading h2::after{position:absolute;bottom:-8px;left:0;width:min(210px,92%);height:3px;border-radius:50%;background:#eaa8a8;clip-path:polygon(0 35%,38% 0,72% 46%,100% 15%,100% 90%,58% 72%,20% 100%,0 80%);content:"";transform:rotate(-2deg)}
#simple-root .simple-day-heading svg{flex:0 0 35px;width:35px;height:35px;color:#ef9444}
#simple-root .simple-main-day .simple-day-view{min-width:0;overflow:hidden}
#simple-root .simple-main-day .simple-timeline{min-width:0;min-height:0;border:0;border-radius:0;background:#fffaf5;box-shadow:none}
#simple-root .simple-main-day .simple-all-day,
#simple-root .simple-main-day .simple-time-grid{grid-template-columns:58px minmax(0,1fr);width:100%;min-width:0}
#simple-root .simple-main-day .simple-all-day{flex:0 0 auto;min-height:38px;border-bottom:1px solid #eaded7;background:#fffdfb}
#simple-root .simple-main-day .simple-all-day>span{padding:11px 6px 6px 0;color:#72747a;font:400 12px/1 Georgia,"Times New Roman",serif;text-align:left}
#simple-root .simple-main-day .simple-all-day>div{padding:3px 6px;border-left:1px solid #eee4de}
#simple-root .simple-main-day .simple-grid-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfc6bf transparent;background:#fffaf5}
#simple-root .simple-main-day .simple-grid-scroll::after{display:block;height:76px;content:""}
#simple-root .simple-main-day .simple-time-ruler>span{right:7px;color:#62666d;font:400 12px/1 Georgia,"Times New Roman",serif;transform:translateY(-5px)}
#simple-root .simple-main-day .simple-day-column,
#simple-root .simple-main-day .simple-day-column.is-today{border-left:0;background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0 43px,#f8f1ed 43px 44px,transparent 44px 87px,#e8ded8 87px 88px)}
#simple-root .simple-main-day .simple-day-column.is-drop-target{background-color:#ffe8e5}
#simple-root .simple-main-day .simple-grid-event{--day-accent:#df777c;--day-border:#f0c8c5;min-height:24px;border:1px solid var(--day-border);border-left:2px solid var(--day-accent);border-radius:8px;background:#fff0ee;color:#292b30;box-shadow:none}
#simple-root .simple-main-day .simple-grid-event.tone-study{--day-accent:#aa86cb;--day-border:#e5d5ef;background:#f6effa}
#simple-root .simple-main-day .simple-grid-event.tone-class{--day-accent:#709be2;--day-border:#d2e1f5;background:#eef5fd}
#simple-root .simple-main-day .simple-grid-event.tone-personal{--day-accent:#e49a66;--day-border:#f1d9c8;background:#fff2e9}
#simple-root .simple-main-day .simple-grid-event.tone-health{--day-accent:#4da98b;--day-border:#cee8dc;background:#eaf7f1}
#simple-root .simple-main-day .simple-grid-event.tone-other{--day-accent:#64aebb;--day-border:#d1eaec;background:#edf9f9}
#simple-root .simple-main-day .simple-grid-event.is-done{--day-accent:#56aa86;--day-border:#bbddc7;background:#e8f5ec;color:#2b5547}
#simple-root .simple-main-day .simple-grid-event.is-incomplete{--day-accent:#c72836;--day-border:#e8b9bf;background:#fce9eb;color:#653039}
#simple-root .simple-main-day .simple-grid-event-open{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:7px 27px 5px 9px;color:inherit}
#simple-root .simple-day-event-heading{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0}
#simple-root .simple-day-event-dot{width:8px;height:8px;border-radius:50%;background:var(--day-accent)}
#simple-root .simple-day-event-heading strong{overflow:hidden;font:400 clamp(14px,4vw,18px)/1.1 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
#simple-root .simple-main-day .simple-grid-event.is-roomy .simple-day-event-heading{align-items:start}
#simple-root .simple-main-day .simple-grid-event.is-roomy .simple-day-event-dot{margin-top:4px}
#simple-root .simple-main-day .simple-grid-event.is-roomy .simple-day-event-heading strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.15}
#simple-root .simple-day-event-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#434a4d;pointer-events:none}
#simple-root .simple-main-day .simple-grid-event small{padding-left:16px;overflow:hidden;color:#666a72;font:400 11px/1.25 system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}
#simple-root .simple-main-day .simple-grid-event .simple-grid-event-location{color:#827269}
#simple-root .simple-main-day .simple-grid-event.is-short .simple-grid-event-location,
#simple-root .simple-main-day .simple-grid-event.is-tiny small{display:none}
#simple-root .simple-main-day .simple-grid-event.is-short .simple-grid-event-open{gap:0;padding-top:4px}
#simple-root .simple-main-day .simple-grid-event.is-short .simple-day-event-heading strong{font-size:13px}
#simple-root .simple-main-day .simple-grid-event.is-tiny .simple-grid-event-open{padding-block:2px}
#simple-root .simple-main-day .simple-grid-event.is-tiny .simple-day-event-heading svg{display:none}
#simple-root .simple-main-day .simple-grid-event.is-tiny .simple-day-event-heading{grid-template-columns:6px minmax(0,1fr)}
#simple-root .simple-main-day .simple-grid-event-check{top:auto;right:3px;bottom:2px}
#simple-root .simple-day-floating-add{position:absolute;z-index:8;right:19px;bottom:20px;display:grid;place-items:center;width:55px;height:55px;padding:0;border:0;border-radius:50%;background:#ffe7e2;color:#a2474d;box-shadow:0 3px 12px #8c585124}
#simple-root .simple-day-floating-add:hover{background:#ffdad5}
#simple-root .simple-day-floating-add:active{transform:scale(.97)}
@media(max-width:380px){#simple-root .simple-main-day .simple-all-day,#simple-root .simple-main-day .simple-time-grid{grid-template-columns:52px minmax(0,1fr)}#simple-root .simple-day-heading h2{font-size:21px}#simple-root .simple-day-heading svg{width:30px;height:30px}}

/* Direct manipulation only: normal calendar composition remains unchanged. */
#simple-root .simple-week-track>.simple-week-timeline{flex:0 0 33.333333%;width:33.333333%;min-width:0;touch-action:pan-y}
#simple-root .simple-calendar-surface .simple-grid-event{--manipulation-accent:#d66b6b;min-height:0}
#simple-root .simple-calendar-surface .simple-grid-event.tone-study{--manipulation-accent:#aa86cb}
#simple-root .simple-calendar-surface .simple-grid-event.tone-class{--manipulation-accent:#709be2}
#simple-root .simple-calendar-surface .simple-grid-event.tone-personal{--manipulation-accent:#e49a66}
#simple-root .simple-calendar-surface .simple-grid-event.tone-health{--manipulation-accent:#4da98b}
#simple-root .simple-calendar-surface .simple-grid-event.tone-other{--manipulation-accent:#64aebb}
#simple-root .simple-calendar-surface .simple-grid-event.is-done{--manipulation-accent:#56aa86}
#simple-root .simple-calendar-surface .simple-grid-event.is-incomplete{--manipulation-accent:#c72836}
#simple-root .simple-calendar-surface .simple-grid-event.is-resize-selected{z-index:6;overflow:visible;outline:1.5px solid var(--manipulation-accent);outline-offset:0;box-shadow:0 3px 8px #6041321c}
#simple-root .simple-calendar-surface .simple-grid-event-open{min-height:0;overflow:hidden;border-radius:inherit}
#simple-root .simple-week-timeline .is-resize-selected .simple-grid-event-open small{display:block;white-space:normal;overflow-wrap:anywhere}
#simple-root .simple-calendar-surface .simple-resize-handle{left:50%;width:24px;height:24px;min-height:0;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;transform:translateX(-50%);touch-action:none}
#simple-root .simple-calendar-surface .simple-resize-handle.is-start{top:-12px}
#simple-root .simple-calendar-surface .simple-resize-handle.is-end{bottom:-12px}
#simple-root .simple-calendar-surface .simple-resize-handle span,
#simple-root .simple-calendar-surface .simple-preview-knob{display:block;box-sizing:border-box;width:12px;height:12px;margin:0;border:2px solid #fffaf5;border-radius:50%;background:var(--manipulation-accent);box-shadow:0 1px 2px #60413222}
#simple-root .simple-calendar-surface .simple-resize-handle:focus-visible{outline:2px solid var(--manipulation-accent);outline-offset:1px}
#simple-root .simple-calendar-surface .simple-grid-event.is-being-dragged{opacity:.18;box-shadow:none;outline:none}
#simple-root .simple-calendar-surface .simple-grid-event.is-being-dragged .simple-resize-handle{visibility:hidden}
#simple-root .simple-calendar-surface .simple-manipulation-preview{z-index:8;pointer-events:none;opacity:.95;box-shadow:0 5px 12px #60413226}
.simple-preview-knob{position:absolute;left:calc(50% - 6px)}
.simple-preview-knob.is-start{top:-6px}.simple-preview-knob.is-end{bottom:-6px}
#simple-root .simple-calendar-surface .simple-day-column.is-drop-target{outline:0;background-color:#e7eefa88}
#simple-root .simple-drag-preview{max-width:min(260px,85vw);padding:7px 10px;border:0;border-radius:7px;background:#303133f2;box-shadow:0 3px 9px #302a2522;color:#fff;font:400 11px/1.35 system-ui,sans-serif}
#simple-root .simple-drag-preview small{font:inherit;color:inherit}
#simple-root .simple-drag-preview .simple-drag-edge-hint{display:block;opacity:.8}

/* Main Habits tab only. The existing editor and history controls keep their behavior. */
#simple-root:has(.simple-app.is-habits){background:#f1ece8}
#simple-root .simple-app.is-habits{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#29282c}
.simple-habits-hero{position:relative;z-index:1;height:calc(236px + env(safe-area-inset-top));overflow:hidden;background:#f7ceca}
.simple-habits-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 59%}
.simple-habits-hero::after{position:absolute;inset:auto 0 0;height:42px;background:linear-gradient(transparent,var(--appearance-background,#fffaf5));content:"";pointer-events:none}
.simple-habits-hero-copy{position:absolute;top:calc(27px + env(safe-area-inset-top));left:clamp(22px,6vw,43px);z-index:1;color:#29282c}
.simple-habits-hero-copy h1{margin:0;font:400 clamp(44px,11vw,60px)/1 "Baskerville",Georgia,serif;letter-spacing:-.035em}
.simple-habits-hero-copy p{margin:2px 0 0;font:400 clamp(19px,5.2vw,25px)/1.12 "Baskerville",Georgia,serif}
#simple-root .simple-habits-hero>button{position:absolute;top:calc(30px + env(safe-area-inset-top));right:clamp(19px,5vw,35px);z-index:1;display:grid;place-items:center;width:45px;height:45px;padding:0;border:0;border-radius:50%;background:#fff9f5ed;color:#9d424a;box-shadow:0 2px 10px #754b4b1a}
#simple-root .simple-habits-hero>button:hover{background:#fff}
#simple-root .simple-main.simple-main-habits{position:relative;max-width:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5;background:var(--appearance-background,#fffaf5)}
.simple-habits-screen{position:relative;z-index:2;min-width:0;padding:4px 18px 32px;background:var(--appearance-background,#fffaf5)}
.simple-habits-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:80px;align-items:start;padding:8px 0 10px}
.simple-habits-week-day{display:grid;justify-items:center;grid-template-rows:19px 31px 7px;min-width:0;color:#53545a;font:400 13px/1.1 Georgia,"Times New Roman",serif}
.simple-habits-week-day>span{white-space:nowrap}
.simple-habits-week-day strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#2f3034;font:400 16px/1 Georgia,"Times New Roman",serif}
.simple-habits-week-day.is-today{color:#b74e55}
.simple-habits-week-day.is-today strong{background:#d6666b;color:#fff;box-shadow:0 3px 9px #b96a6550}
.simple-habits-week-day i{width:4px;height:4px;margin-top:3px;border-radius:50%;background:transparent}
.simple-habits-week-day i.has-activity{background:#df7477}
.simple-habits-list{display:grid;gap:8px;padding:1px 0 0}
.simple-habit-card{position:relative;min-width:0;padding:10px 12px 8px;border:1px solid var(--appearance-border,#eaded7);border-radius:14px;background:var(--appearance-surface,#fffdfb);box-shadow:0 2px 9px #7157470b}
.simple-habit-card-open{position:absolute;z-index:0;inset:0;width:100%;padding:0;border:0;border-radius:inherit;background:transparent}
.simple-habit-card-open:hover{background:#faefec60}
.simple-habit-card-heading{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr) 37px;align-items:start;gap:12px}
.simple-habit-illustration{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:color-mix(in srgb,var(--habit-accent) 15%,#fffaf5);color:var(--habit-accent)}
.simple-habit-illustration,.simple-habit-card-copy{pointer-events:none}
.simple-habit-card-copy{align-self:center;min-width:0}
.simple-habit-card-copy h2{margin:0;color:#29282c;font:400 19px/1.2 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.simple-habit-card-copy p{margin:2px 0 0;color:#65666b;font:400 14px/1.15 Georgia,"Times New Roman",serif}
.simple-habit-options{position:relative;z-index:3;pointer-events:auto}
#simple-root .simple-habit-more{display:grid;place-items:center;width:37px;height:37px;padding:0;border:0;border-radius:50%;background:transparent;color:#47484d}
#simple-root .simple-habit-more:hover,#simple-root .simple-habit-more[aria-expanded=true]{background:#f8ede9}
.simple-app:has(.simple-habit-sheet-backdrop) :is(.simple-main,.simple-habit-detail-scroll){overflow:hidden}
#simple-root .simple-habit-sheet-backdrop{padding:calc(12px + env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:none}
#simple-root .simple-habit-sheet{padding:10px 22px 18px;border-radius:25px;overscroll-behavior:contain;touch-action:pan-y}
#simple-root .simple-habit-sheet .simple-goal-sheet-handle{margin-bottom:17px;background:#bfb7ae}
#simple-root .simple-habit-sheet h2{margin-bottom:14px;font:400 23px/1.25 Georgia,serif}
#simple-root .simple-habit-sheet .simple-goal-sheet-actions{background:transparent;box-shadow:none;border-radius:0}
#simple-root .simple-habit-sheet .simple-goal-sheet-actions button{min-height:55px;gap:19px;padding:0 3px;font:400 17px/1.3 Georgia,serif;color:#393632}
#simple-root .simple-habit-sheet .simple-goal-sheet-actions .simple-goal-sheet-delete{margin-top:6px;border-top:0;border-bottom:0;color:#c03732}
#simple-root .simple-habit-sheet .simple-goal-sheet-cancel{min-height:52px;margin-top:16px;border-radius:16px;background:#ede4da}
.simple-habit-week-circles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;max-width:300px;margin:0 8px 0 65px}
#simple-root .simple-habit-week-circle{position:relative;display:grid;place-items:center;width:100%;max-width:36px;height:34px;padding:0;border:0;background:transparent;color:#fff}
.simple-habit-week-circle::before{position:absolute;width:19px;height:19px;border:1.5px solid var(--appearance-border,#d4ccc7);border-radius:50%;background:var(--appearance-surface,#fffdfb);content:""}
.simple-habit-week-circle.is-complete::before{border-color:var(--habit-accent);background:var(--habit-accent)}
.simple-habit-week-circle.is-today::before{box-shadow:0 0 0 2px #efcdc7}
.simple-habit-week-circle svg{position:relative;z-index:1}
.simple-habit-week-circle:disabled{cursor:default}
.simple-habit-card-history{position:relative;z-index:1}
.simple-habit-card-history .simple-habit-history{margin-top:12px}
.simple-habits-empty{display:grid;justify-items:center;gap:8px;margin-top:12px;padding:26px 16px;border:1px solid #eaded7;border-radius:15px;background:#fffdfb;text-align:center;color:#98616a}
.simple-habits-empty h2{margin:0;color:#29282c;font:400 22px/1.2 Georgia,"Times New Roman",serif}
.simple-habits-empty p{margin:0;color:#73747a;font-size:13px}
#simple-root .simple-app.is-habits .simple-bottom-nav{justify-content:space-around;gap:0;min-height:70px;padding:7px 9px max(9px,env(safe-area-inset-bottom));border-top:1px solid #eadfd7;background:#fffaf5;box-shadow:0 -3px 12px #71574712}
#simple-root .simple-app.is-habits .simple-bottom-nav button{flex:1;min-width:0;min-height:55px;flex-direction:column;gap:1px;padding:5px 1px;border-radius:12px;color:#676a70;font-size:12px}
#simple-root .simple-app.is-habits .simple-bottom-nav button svg{display:block;width:23px;height:23px}
#simple-root .simple-app.is-habits .simple-bottom-nav button .simple-habits-nav-icon{width:26px;height:26px;margin-block:-1.5px}
#simple-root .simple-app.is-habits .simple-bottom-nav button.active{background:#fceae5;color:#a3474e}
@media(max-width:380px){.simple-habits-screen{padding-inline:14px}.simple-habits-hero-copy{left:20px}.simple-habit-card-heading{gap:10px}.simple-habit-week-circles{margin-right:0;margin-left:64px}}
@media(min-width:641px){#simple-root .simple-app.is-habits{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}}

/* Pushed habit detail: independent of the root Habits tab and its navigation. */
#simple-root:has(.simple-app.is-habit-detail){background:#fffaf5}
#simple-root .simple-app.is-habit-detail{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#29282c}
.simple-habit-detail{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden;background:var(--appearance-background,#fffaf5)}
.simple-habit-detail-content{position:relative;min-height:100%;padding-top:env(safe-area-inset-top)}
.simple-habit-detail-art{position:absolute;top:0;left:0;right:0;height:calc(254px + env(safe-area-inset-top));overflow:hidden;pointer-events:none}
.simple-habit-detail-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 54%;opacity:.8}
.simple-habit-detail-art::after{position:absolute;inset:0;background:linear-gradient(90deg,var(--appearance-background,#fffaf5) 0%,transparent 85%),linear-gradient(180deg,transparent 48%,var(--appearance-background,#fffaf5) 100%);content:""}
.simple-habit-detail-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:68px;padding:8px 20px 0}
#simple-root .simple-habit-detail-top>button{display:grid;place-items:center;width:41px;height:41px;padding:0;border:0;border-radius:50%;background:transparent;color:#29282c}
#simple-root .simple-habit-detail-top>button:hover{background:#f4e9e3}
.simple-habit-detail-top .simple-habit-options{z-index:8}
.simple-habit-detail-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5}
.simple-habit-detail-body{position:relative;z-index:1;padding:0 24px calc(34px + env(safe-area-inset-bottom))}
.simple-habit-detail-intro{padding-top:22px;padding-bottom:25px;border-bottom:1px solid var(--appearance-border,#eadfd7)}
.simple-habit-detail-intro .simple-habit-illustration{width:88px;height:88px;border-radius:50%;pointer-events:none}
.simple-habit-detail-intro .simple-habit-illustration svg{width:45px;height:45px}
.simple-habit-detail-intro h1{position:relative;margin:12px 0 0;color:var(--appearance-text,#282b30);font:400 clamp(36px,9.7vw,42px)/1.12 "Baskerville",Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.simple-habit-detail-intro p{position:relative;margin:8px 0 0;color:var(--appearance-muted,#67656a);font:400 18px/1.4 Georgia,"Times New Roman",serif}
.simple-habit-detail-week{padding-top:24px}
.simple-habit-detail-week h2,.simple-habit-detail-history h2{margin:0;color:var(--appearance-text,#29282c);font:400 22px/1.2 Georgia,"Times New Roman",serif}
.simple-habit-detail-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:21px}
.simple-habit-detail-week-day{display:grid;grid-template-rows:22px 29px 40px;justify-items:center;min-width:0;color:var(--appearance-muted,#4d4d50);font:400 14px/1.1 Georgia,"Times New Roman",serif}
.simple-habit-detail-week-day span,.simple-habit-detail-week-day strong{font-weight:400}
.simple-habit-detail-week-day.is-today{color:#a8474b}
.simple-habit-detail-week-day strong{font-size:16px}
.simple-habit-detail-week-day.is-today strong{position:relative;font-weight:600}
.simple-habit-detail-week-day.is-today strong::after{position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--habit-accent);content:""}
#simple-root .simple-habit-detail-check{display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:1.5px solid #d2cbc5;border-radius:50%;background:var(--appearance-background,#fffaf5);color:#fff}
#simple-root .simple-habit-detail-check.is-complete{border-color:var(--habit-accent);background:var(--habit-accent)}
#simple-root .simple-habit-detail-week-day.is-today .simple-habit-detail-check{box-shadow:0 0 0 2px #efcbc6}
#simple-root .simple-habit-detail-check:disabled{cursor:default}
.simple-habit-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 31px}
.simple-habit-detail-stats>div{display:grid;grid-template-columns:37px minmax(0,1fr);grid-template-rows:26px 21px;align-items:center;column-gap:8px;min-width:0;min-height:76px;padding:13px 12px;border:1px solid var(--appearance-border,#efe2d8);border-radius:12px;background:var(--appearance-surface-soft,#f9f2eb);color:var(--appearance-text,#29282c)}
.simple-habit-detail-stats svg{grid-row:1/3;align-self:center;justify-self:center;color:#d8793e}
.simple-habit-detail-stats strong{font:400 24px/1 Georgia,"Times New Roman",serif;white-space:nowrap}
.simple-habit-detail-stats span{color:var(--appearance-muted,#656369);font:400 14px/1.1 Georgia,"Times New Roman",serif;white-space:nowrap}
.simple-habit-detail-history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:23px}
.simple-habit-detail-month-nav{display:flex;align-items:center;gap:2px;color:#333438;font:400 14px/1.2 Georgia,"Times New Roman",serif;white-space:nowrap}
#simple-root .simple-habit-detail-month-nav button{display:grid;place-items:center;width:26px;height:29px;min-height:0;padding:0;border:0;border-radius:7px;background:transparent;color:#44454a}
#simple-root .simple-habit-detail-month-nav button:hover{background:#f5e9e3}
.simple-habit-detail-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:10px;justify-items:center}
.simple-habit-detail-weekday{width:32px;margin-bottom:3px;color:#656368;text-align:center;font:400 13px/1.2 Georgia,"Times New Roman",serif}
#simple-root .simple-habit-detail-date{display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#29282c;font:400 15px/1 Georgia,"Times New Roman",serif}
#simple-root .simple-habit-detail-date.is-outside{color:#a7a3a0}
#simple-root .simple-habit-detail-date.is-complete{background:var(--habit-accent);color:#fff}
#simple-root .simple-habit-detail-date.is-today{outline:1px solid var(--habit-accent);outline-offset:2px}
#simple-root .simple-habit-detail-date.is-selected{box-shadow:0 0 0 2px #e5b9b3}
#simple-root .simple-habit-detail-date:disabled{cursor:default}
.simple-habit-detail-selected{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding:12px 0;border-top:1px solid #eee2dc}
.simple-habit-detail-selected span{display:grid;gap:2px;min-width:0}
.simple-habit-detail-selected strong{font:400 14px/1.25 Georgia,"Times New Roman",serif}
.simple-habit-detail-selected small{color:#737074;font-size:12px}
#simple-root .simple-habit-detail-selected button{flex:0 0 auto;min-height:38px;padding:7px 11px;border:1px solid #e9c8c2;border-radius:10px;background:#fff0ec;color:#a3484e;font-size:12px}
#simple-root .simple-habit-detail-selected button:disabled{opacity:.5;cursor:default}
.simple-habit-detail-missing{padding:calc(24px + env(safe-area-inset-top)) 24px;color:#29282c}
.simple-habit-detail-missing button{display:flex;align-items:center;gap:5px;padding:5px 0;border:0;background:transparent;color:#9d424a}
.simple-habit-detail-missing h1{margin:42px 0 5px;font:400 32px/1.15 "Baskerville",Georgia,serif}
.simple-habit-detail-missing p{margin:0;color:#65666b}
@media(max-width:380px){.simple-habit-detail-body{padding-inline:18px}.simple-habit-detail-top{padding-inline:14px}.simple-habit-detail-stats>div{padding-inline:9px;column-gap:6px}}
@media(min-width:641px){#simple-root .simple-app.is-habit-detail{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}}

/* Minimal More landing screen; legacy controls remain in their existing sections. */
#simple-root:has(.simple-app.is-more){background:#f1ece8}
#simple-root .simple-app.is-more{width:min(100%,640px);margin-inline:auto;background:#fffaf5;color:#29282c}
.simple-more-hero{position:relative;z-index:1;flex:0 0 auto;height:222px;overflow:hidden;background:#f7ceca}
.simple-more-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 59%}
.simple-more-hero-copy{position:absolute;top:calc(27px + env(safe-area-inset-top));left:clamp(22px,6vw,43px);z-index:1;color:#29282c}
.simple-more-hero-copy h1{margin:0;font:400 clamp(48px,12vw,66px)/1 "Baskerville",Georgia,serif;letter-spacing:-.035em}
.simple-more-hero-copy p{margin:5px 0 0;font:400 clamp(19px,5.2vw,25px)/1.12 "Baskerville",Georgia,serif}
#simple-root .simple-main.simple-main-more{position:relative;z-index:2;max-width:none;margin-top:-18px;padding:10px 18px calc(30px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#dfc6bf #fffaf5;border-radius:26px 26px 0 0;background:#fffaf5}
.simple-more-home{display:grid;gap:12px;min-width:0}
.simple-more-menu,.simple-more-secondary{overflow:hidden;border:1px solid #eaded7;border-radius:15px;background:#fffdfb;box-shadow:0 2px 9px #7157470b}
.simple-more-secondary{background:#fff0eb;border-color:#f1ded8}
#simple-root .simple-more-menu-row{display:grid;grid-template-columns:32px minmax(0,1fr) 19px;align-items:center;gap:14px;width:100%;min-height:67px;padding:10px 16px;border:0;background:transparent;color:#333137;text-align:left}
#simple-root .simple-more-menu-row+.simple-more-menu-row{border-top:1px solid #f0e8e2}
#simple-root .simple-more-menu-row>svg:first-child{justify-self:center;color:#3e3c40}
#simple-root .simple-more-menu-row>svg:last-child{color:#555258}
.simple-more-menu-row span{display:grid;gap:1px;min-width:0}
.simple-more-menu-row strong{overflow:hidden;color:#27272c;font:400 19px/1.15 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
.simple-more-menu-row small{overflow:hidden;color:#737176;font:400 12px/1.25 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}
#simple-root .simple-more-menu-row:hover:not(:disabled){background:#fbf3ef}
#simple-root .simple-more-secondary .simple-more-menu-row{min-height:61px;color:#a34842}
#simple-root .simple-more-secondary .simple-more-menu-row>svg,#simple-root .simple-more-secondary .simple-more-menu-row strong{color:#a34842}
#simple-root .simple-more-secondary .simple-more-menu-row:disabled{opacity:1;cursor:default}
.simple-more-share-status{margin:0;padding:2px 5px 8px;color:#9d424a;font-size:13px}
#simple-root .simple-main.simple-main-more.is-more-subpage{margin-top:0;padding-top:calc(16px + env(safe-area-inset-top));border-radius:0}
.simple-more-existing>header{margin:0 0 20px}
#simple-root .simple-more-back{display:flex;align-items:center;gap:3px;min-height:35px;padding:0;border:0;background:transparent;color:#a34842;font:400 14px/1.2 Georgia,"Times New Roman",serif}
.simple-more-existing>header h2{margin:6px 0 0;color:#29282c;font:400 33px/1.1 "Baskerville",Georgia,serif}
#simple-root .simple-app.is-more .simple-bottom-nav{justify-content:space-around;gap:0;min-height:70px;padding:7px 9px max(9px,env(safe-area-inset-bottom));border-top:1px solid #eadfd7;background:#fffaf5;box-shadow:0 -3px 12px #71574712}
#simple-root .simple-app.is-more .simple-bottom-nav button{flex:1;min-width:0;min-height:55px;flex-direction:column;gap:1px;padding:5px 1px;border-radius:12px;color:#676a70;font-size:12px}
#simple-root .simple-app.is-more .simple-bottom-nav button svg{display:block;width:23px;height:23px}
#simple-root .simple-app.is-more .simple-bottom-nav button .simple-habits-nav-icon{width:26px;height:26px;margin-block:-1.5px}
#simple-root .simple-app.is-more .simple-bottom-nav button.active{background:#fceae5;color:#a3474e}
@media(max-width:380px){#simple-root .simple-main.simple-main-more{padding-inline:14px}.simple-more-hero{height:210px}.simple-more-hero-copy{left:20px}#simple-root .simple-more-menu-row{gap:11px;padding-inline:12px}.simple-more-menu-row strong{font-size:18px}}
@media(min-width:641px){#simple-root .simple-app.is-more{border-right:1px solid #e5d7cf;border-left:1px solid #e5d7cf}}
.reset-data-panel .simple-more-row{align-items:flex-start;gap:14px}
.reset-data-panel .simple-more-row>span{min-width:0}
#simple-root .reset-data-panel .simple-more-row button{flex-shrink:0;min-height:44px;border:1px solid #efccc5;border-radius:12px;background:#fff0eb;color:#ac3540;padding:9px 12px}
.reset-data-panel [role=status]{font-size:14px;line-height:1.5}
#simple-root .reset-data-backdrop{top:var(--standalone-viewport-top,0px);bottom:auto;height:var(--standalone-viewport-height,100dvh);box-sizing:border-box;overflow-y:auto}
#simple-root .reset-data-dialog{max-width:380px}
#simple-root .reset-data-dialog>p{max-width:none;font-size:14px;line-height:1.5;margin-bottom:18px}
.reset-data-dialog label{display:block;text-align:left;margin-bottom:8px;font-size:15px}
#simple-root .reset-data-dialog input{box-sizing:border-box;width:100%;min-height:46px;margin-bottom:18px;border:1px solid #d9c9c1;border-radius:10px;background:#fffdfb;color:#29282c;padding:10px 12px;font:400 16px/1.4 system-ui,sans-serif}
#simple-root .reset-data-dialog input:focus-visible{outline:2px solid #d7686c;outline-offset:2px}
#simple-root .reset-data-dialog button:disabled{opacity:.45;cursor:not-allowed}
#simple-root .reset-data-dialog [role=alert]{color:#ac3540;text-align:left}

/* Pushed Settings hub within the existing Minimal More layout. */
.simple-settings-hub{position:relative;isolation:isolate;min-width:0;color:#29282c}
.simple-settings-art{position:absolute;z-index:-1;top:calc(-16px - env(safe-area-inset-top));right:-18px;width:min(69%,300px);height:calc(140px + env(safe-area-inset-top));overflow:hidden;border-bottom-left-radius:115px;pointer-events:none;opacity:.54}
.simple-settings-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 74%}
.simple-settings-header{position:relative;padding-bottom:27px}
#simple-root .simple-settings-header>button{display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#29282c}
#simple-root .simple-settings-header>button:hover{background:#f4e9e3}
.simple-settings-header h1{margin:15px 0 0;font:400 37px/1.1 "Baskerville",Georgia,serif;letter-spacing:-.025em}
.simple-settings-card{overflow:hidden;border:1px solid #eaded7;border-radius:18px;background:#fffaf5}
#simple-root .simple-settings-row{display:grid;grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;column-gap:14px;width:100%;min-height:76px;padding:11px 16px;border:0;background:transparent;color:#333137;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
#simple-root .simple-settings-row+.simple-settings-row{border-top:1px solid #eee5de}
#simple-root .simple-settings-row:hover,#simple-root .simple-settings-row:focus-visible{background:#fcf2ec}
#simple-root .simple-settings-row:active{background:#f8e9e1}
.simple-settings-row>svg:first-child{justify-self:center;color:#3d3c40}
.simple-settings-copy{display:grid;gap:2px;min-width:0}
.simple-settings-row.is-language .simple-settings-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}
.simple-settings-copy strong{color:#28282c;font:400 18px/1.15 Georgia,"Times New Roman",serif}
.simple-settings-copy small{color:#777176;font:400 12px/1.25 Georgia,"Times New Roman",serif}
.simple-settings-value{color:#777176;font:400 13px/1.1 Georgia,"Times New Roman",serif;white-space:nowrap}
.simple-settings-chevron{color:#555258}
@media(max-width:380px){.simple-settings-art{right:-14px}#simple-root .simple-settings-row{column-gap:11px;padding-inline:13px}.simple-settings-copy strong{font-size:17px}.simple-settings-copy small{font-size:11px}}

/* Minimal appearance settings and shared semantic color tokens. */
#simple-root{--appearance-background:#fffaf5;--appearance-surface:#fffdfb;--appearance-surface-soft:#f7f0eb;--appearance-text:#29282c;--appearance-muted:#6f7078;--appearance-border:#eaded7;--appearance-accent:#d6666b;--appearance-accent-ink:#9d424a;--appearance-accent-soft:#fceae5}
#simple-root[data-simple-accent=purple]{--appearance-accent:#9970c2;--appearance-accent-ink:#7650a3;--appearance-accent-soft:#f2e9f8}
#simple-root[data-simple-accent=green]{--appearance-accent:#5c9b78;--appearance-accent-ink:#367456;--appearance-accent-soft:#e6f3e9}
#simple-root[data-simple-accent=blue]{--appearance-accent:#619cd3;--appearance-accent-ink:#3472ae;--appearance-accent-soft:#e7f1fb}
#simple-root[data-simple-accent=amber]{--appearance-accent:#cf9655;--appearance-accent-ink:#9b622e;--appearance-accent-soft:#fbefdf}
#simple-root[data-simple-accent=neutral]{--appearance-accent:#998477;--appearance-accent-ink:#675448;--appearance-accent-soft:#f0eae5}
#simple-root[data-simple-theme=dark]{--appearance-background:#151b26;--appearance-surface:#202733;--appearance-surface-soft:#29313e;--appearance-text:#f4eee8;--appearance-muted:#c2bdba;--appearance-border:#414450;--appearance-accent-soft:color-mix(in srgb,var(--appearance-accent) 25%,#202733);--appearance-accent-ink:color-mix(in srgb,var(--appearance-accent) 65%,white)}
html[data-interface=calendar][data-simple-theme=dark],html[data-interface=calendar][data-simple-theme=dark] body,html[data-interface=calendar][data-simple-theme=dark] body::before{background:#151b26!important}
#simple-root[data-simple-theme=dark]{background:#151b26;color:var(--appearance-text)}
#simple-root button:focus-visible,#simple-root input:focus-visible{outline-color:var(--appearance-accent)}
#simple-root .simple-app :is(.simple-bottom-nav button.active,.simple-app.is-home .simple-bottom-nav button.active,.simple-app.is-month .simple-bottom-nav button.active,.simple-app.is-habits .simple-bottom-nav button.active,.simple-app.is-more .simple-bottom-nav button.active){background:var(--appearance-accent-soft);color:var(--appearance-accent-ink)}
#simple-root .simple-main-month .simple-month-tabs button.active{background:var(--appearance-accent-soft);color:var(--appearance-accent-ink)}
#simple-root .simple-month-view .simple-month-grid>button.is-selected strong,#simple-root .simple-habits-week-day.is-today strong{background:var(--appearance-accent);color:#fff}
#simple-root .simple-app :is(.daybook-add-event,.daybook-section-heading .daybook-soft-button,.simple-month-empty button,.simple-day-floating-add){background:var(--appearance-accent-soft);color:var(--appearance-accent-ink)}
#simple-root .simple-app .simple-primary{background:var(--appearance-accent);border-color:var(--appearance-accent);color:#fff}
#simple-root .simple-app :is(.simple-more-back,.daybook-section-heading button){color:var(--appearance-accent-ink)}
#simple-root .simple-main.simple-main-more.is-more-subpage:has(.simple-appearance){padding-top:calc(16px + env(safe-area-inset-top))}
.simple-appearance{max-width:500px;margin:0 auto;color:var(--appearance-text)}
.simple-appearance-header{margin-bottom:22px}
#simple-root .simple-appearance-header button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--appearance-text)}
#simple-root .simple-appearance-header button:hover{background:var(--appearance-surface-soft)}
.simple-appearance-header h1{margin:16px 0 0;font:400 37px/1.08 "Baskerville",Georgia,serif;letter-spacing:-.025em}
.simple-appearance-group{min-width:0;margin:0 0 27px;padding:0;border:0}
.simple-appearance-group legend,.simple-appearance-group h2,.simple-appearance-experience h2{margin:0 0 11px;padding:0;color:var(--appearance-text);font:400 18px/1.2 Georgia,"Times New Roman",serif}
.simple-theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.simple-theme-choice{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;min-height:139px;padding:5px 5px 7px;border:1px solid var(--appearance-border);border-radius:11px;background:var(--appearance-surface);cursor:pointer}
.simple-theme-choice.is-selected{border-color:var(--appearance-accent)}
.simple-theme-choice input,.simple-accent-choice input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.simple-theme-choice:has(input:focus-visible),.simple-accent-choice:has(input:focus-visible){outline:2px solid var(--appearance-accent);outline-offset:3px}
.simple-theme-preview{position:relative;display:block;width:100%;height:84px;overflow:hidden;border-radius:8px;background:#fff0e8}
.simple-theme-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
.simple-theme-preview.is-dark{background:#151b26}
.simple-theme-preview.is-dark img{opacity:.42;filter:brightness(.55)}
.simple-theme-preview.is-system img{filter:brightness(.85)}
.simple-theme-preview.is-system>span{position:absolute;inset:0 0 0 50%;background:#151b26a8}
.simple-theme-indicator{display:grid;place-items:center;width:13px;height:13px;border:1px solid #cbbdb5;border-radius:50%;background:var(--appearance-surface)}
.simple-theme-choice.is-selected .simple-theme-indicator{border-color:var(--appearance-accent);background:var(--appearance-accent)}
.simple-theme-choice.is-selected .simple-theme-indicator::after{width:3px;height:3px;border-radius:50%;background:#fff;content:""}
.simple-theme-name{font:400 14px/1.1 Georgia,"Times New Roman",serif}
.simple-accent-choices{display:flex;align-items:center;justify-content:space-between;gap:5px;max-width:400px}
.simple-accent-choice{--swatch:#d6666b;position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer}
.simple-accent-choice.is-purple{--swatch:#9970c2}.simple-accent-choice.is-green{--swatch:#5c9b78}.simple-accent-choice.is-blue{--swatch:#619cd3}.simple-accent-choice.is-amber{--swatch:#cf9655}.simple-accent-choice.is-neutral{--swatch:#998477}
.simple-accent-choice>span{display:block;width:28px;height:28px;border-radius:50%;background:var(--swatch)}
.simple-accent-choice.is-selected{border:1px solid var(--swatch)}
.simple-app-icon-tile{display:grid;place-items:center;width:66px;height:66px;padding:4px;border:1px solid var(--appearance-accent);border-radius:12px;background:var(--appearance-surface)}
.simple-app-icon-tile img{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover}
.simple-appearance-icons p{max-width:310px;margin:8px 0 0;color:var(--appearance-muted);font:400 12px/1.3 Georgia,"Times New Roman",serif}
.simple-appearance-error{color:#b7474b;font-size:13px}
.simple-appearance-experience{margin-top:56px;padding-top:18px;border-top:1px solid var(--appearance-border)}
.simple-appearance-experience>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;border-bottom:1px solid var(--appearance-border)}
.simple-appearance-experience>div>span:first-child{display:grid;gap:1px}.simple-appearance-experience strong{font:400 16px Georgia,serif}.simple-appearance-experience small{color:var(--appearance-muted);font-size:12px}
#simple-root .simple-appearance-experience button{min-height:34px;padding:5px 11px;border:1px solid var(--appearance-border);border-radius:8px;background:var(--appearance-surface-soft);color:var(--appearance-accent-ink)}
@media(max-width:380px){.simple-theme-choices{gap:7px}.simple-theme-choice{padding-inline:4px}.simple-theme-preview{height:77px}}
/* Dark mode changes surfaces and type, not artwork or user-assigned event/habit colors. */
#simple-root[data-simple-theme=dark] :is(.simple-app.is-home,.simple-app.is-month,.simple-app.is-habits,.simple-app.is-more,.simple-app.is-habit-detail,.simple-main-home,.simple-main-month,.simple-main-habits,.simple-main-more,.daybook-home,.daybook-home-content,.simple-month-view,.simple-habits-screen,.simple-habit-detail){background:var(--appearance-background);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.simple-app.is-home,.simple-app.is-month,.simple-app.is-habits,.simple-app.is-more) .simple-bottom-nav{background:var(--appearance-background);border-color:var(--appearance-border)}
#simple-root[data-simple-theme=dark] :is(.simple-app.is-home,.simple-app.is-month,.simple-app.is-habits,.simple-app.is-more) .simple-bottom-nav button:not(.active){color:var(--appearance-muted)}
#simple-root[data-simple-theme=dark] :is(.daybook-empty-event,.daybook-goal-card,.daybook-upcoming-card,.simple-month-event,.simple-month-empty,.simple-habit-card,.simple-habits-empty,.simple-more-menu,.simple-more-secondary,.simple-settings-card,.simple-goal-sheet,.simple-modal,.simple-timeline,.simple-week-scroll,.simple-more-section,.simple-habit-options-menu){background:var(--appearance-surface);border-color:var(--appearance-border);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.simple-main-month .simple-month-tabs,.simple-habit-detail-stat,.simple-habit-detail-stats>div,.simple-habit-detail-history,.simple-habit-detail-selected,.simple-month-agenda,.simple-goal-sheet-actions){background:var(--appearance-surface-soft);border-color:var(--appearance-border);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.daybook-today-heading h2,.daybook-section-heading h2,.daybook-goal-summary,.daybook-goal-card strong,.daybook-empty-event strong,.daybook-upcoming-card,.daybook-upcoming-card strong,.simple-month-date-nav h2,.simple-month-agenda-heading h3,.simple-month-grid>button,.simple-habit-card-copy h2,.simple-habits-empty h2,.simple-settings-hub,.simple-settings-header h1,.simple-settings-row,.simple-settings-copy strong,.simple-more-menu-row,.simple-more-menu-row strong,.simple-more-existing>header h2,.simple-habit-detail h1,.simple-habit-detail h2,.simple-modal h2){color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.daybook-goal-summary small,.daybook-empty-event small,.daybook-upcoming-copy small,.simple-month-event-copy small,.simple-month-event-time,.simple-month-empty p,.simple-habit-card-copy p,.simple-habits-empty p,.simple-settings-copy small,.simple-settings-value,.simple-more-menu-row small,.simple-more-note,.simple-appearance-icons p){color:var(--appearance-muted)}
#simple-root[data-simple-theme=dark] :is(.simple-settings-row,.simple-more-menu-row,.simple-habit-options-menu button,.simple-goal-sheet-actions button){color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.simple-settings-row+.simple-settings-row,.simple-more-menu-row+.simple-more-menu-row,.simple-more-row){border-color:var(--appearance-border)}
#simple-root[data-simple-theme=dark] :is(.simple-settings-row:hover,.simple-more-menu-row:hover,.simple-habit-card-open:hover,.simple-habit-options-menu button:hover){background:var(--appearance-surface-soft)}
#simple-root[data-simple-theme=dark] :is(.simple-month-grid>button.outside,.simple-month-view .simple-month-grid>button.outside){color:#9295a0}
#simple-root[data-simple-theme=dark] :is(.simple-habits-week-day,.simple-habits-week-day strong,.simple-week-date,.simple-week-date strong,.simple-weekday-row,.simple-month-view .simple-weekday-row){color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.simple-month-event,.simple-month-event-time,.simple-month-event-copy strong,.simple-month-event-copy small){color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.simple-grid-scroll,.simple-week-scroll,.simple-week-calendar,.simple-day-column,.simple-day-view,.simple-week-timeline,.simple-time-ruler,.simple-all-day,.simple-all-day>div){background-color:var(--appearance-background);border-color:var(--appearance-border)}
#simple-root[data-simple-theme=dark] .simple-day-column{background-image:repeating-linear-gradient(to bottom,transparent 0 43px,#303845 43px 44px,transparent 44px 87px,#414450 87px 88px)}
#simple-root[data-simple-theme=dark] .simple-week-timeline .simple-day-column.is-selected{background-color:#7f4d5038}
#simple-root[data-simple-theme=dark] :is(.simple-time-ruler>span,.simple-main-day .simple-time-ruler>span){color:var(--appearance-muted)}
#simple-root[data-simple-theme=dark] :is(.simple-habit-week-circle::before,.simple-habit-detail-check:not(.is-complete),.simple-habit-detail-date:not(.is-complete),.simple-field input,.simple-field select,.simple-field textarea){background:var(--appearance-surface);border-color:var(--appearance-border);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] :is(.daybook-goal-icon,.daybook-empty-icon,.simple-habit-illustration){background:color-mix(in srgb,currentColor 16%,var(--appearance-surface))}
#simple-root[data-simple-theme=dark] :is(.simple-goal-sheet-cancel,.simple-secondary){background:var(--appearance-surface-soft);color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] .simple-app.is-habit-detail{background:var(--appearance-background)}
#simple-root[data-simple-theme=dark] .simple-habit-week-circle:not(.is-complete)::before{background:var(--appearance-surface);border-color:#8f929c}
#simple-root[data-simple-theme=dark] .simple-month-tabs button:not(.active){color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] .simple-month-date-nav>button{color:var(--appearance-text)}
#simple-root[data-simple-theme=dark] .simple-month-agenda-heading{background:transparent}
#simple-root[data-simple-theme=dark] :is(.simple-more-menu-row>svg:first-child,.simple-more-menu-row>svg:last-child,.simple-settings-row>svg:first-child,.simple-settings-chevron,.simple-habit-more,.simple-habit-detail-top>button){color:var(--appearance-muted)}
#simple-root[data-simple-theme=dark] .simple-more-secondary .simple-more-menu-row>svg{color:#dd8588}

/* One scroll surface, with the scenery behind the rounded content sheet. */
#simple-root .simple-main:is(.simple-main-home,.simple-main-month,.simple-main-habits,.simple-main-more:not(.is-more-subpage)) {
  display:block;
  container-type:size;
  isolation:isolate;
  margin-top:0;
  padding:0;
  border-radius:0;
  overflow-x:hidden;
  overflow-y:auto;
  background:var(--appearance-background,#fffaf5);
}
#simple-root :is(.daybook-hero,.simple-month-hero,.simple-habits-hero,.simple-more-hero) {
  position:sticky;
  top:0;
  z-index:0;
}
#simple-root .simple-habits-hero::after { display:none; }
#simple-root :is(.daybook-home-content,.simple-calendar-content.is-scenic-panel,.simple-habits-screen,.simple-more-home) {
  position:relative;
  z-index:1;
  box-sizing:border-box;
  min-height:100cqh;
  margin-top:-24px;
  border-radius:27px 27px 0 0;
  background:var(--appearance-background,#fffaf5);
  box-shadow:0 -6px 24px #49372c0a;
}
#simple-root .simple-calendar-content.is-scenic-panel { padding:6px 18px 34px; }
#simple-root .simple-habits-screen { padding:16px 18px 32px; }
#simple-root .simple-more-home { padding:16px 18px 32px; align-content:start; }
#simple-root .simple-calendar-content:not(.is-scenic-panel) { display:contents; }
#simple-root .simple-calendar-content.is-grid-panel {
  display:flex;
  flex-direction:column;
  height:100cqh;
  padding-bottom:0;
  overflow:hidden;
}
@media(max-width:380px) {
  #simple-root :is(.simple-calendar-content.is-scenic-panel,.simple-habits-screen,.simple-more-home) { padding-inline:14px; }
}

/* Approved artwork is used unchanged; all text and controls are real UI. */
html[data-interface=welcome],html[data-interface=welcome] body,html[data-interface=welcome] body::before { background:#f5ede6!important; }
html[data-interface=welcome] :is(#experience-choice,#viewport,#productivity-app,#open-simple-calendar) { display:none!important; }
#simple-root:has(.daybook-welcome-host) { background:#f5ede6; }
.daybook-welcome-host { height:100%; overflow-y:auto; overscroll-behavior:contain; }
.daybook-welcome {
  --welcome-art-position:25% 100%;
  --welcome-button-height:50px;
  --welcome-panel-inset:20px;
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:520px;
  height:100%;
  min-height:540px;
  margin:0 auto;
  overflow:hidden;
  background:#eebcaf;
  color:#29221e;
  font-family:"Baskerville",Georgia,"Times New Roman",serif;
}
.daybook-welcome-scene { position:relative; flex:1 1 auto; min-height:340px; overflow:hidden; }
.daybook-welcome-art { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--welcome-art-position); }
.daybook-welcome-heading { position:absolute; top:calc(env(safe-area-inset-top,0px) + clamp(30px,6vh,62px)); left:16px; right:16px; text-align:center; text-shadow:0 1px 12px #ffecd980; }
#simple-root .daybook-welcome-heading h1 { margin:0; font:400 clamp(48px,13vw,66px)/1.05 "Baskerville",Georgia,serif; letter-spacing:-.035em; color:#29221e; }
#simple-root .daybook-welcome-heading p { margin:12px 0 0; font:400 clamp(19px,5.2vw,25px)/1.22 "Baskerville",Georgia,serif; color:#352820; }
.daybook-welcome-actions {
  position:relative;
  z-index:1;
  display:grid;
  flex:0 0 auto;
  gap:10px;
  margin-top:-22px;
  padding:14px max(var(--welcome-panel-inset),env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(var(--welcome-panel-inset),env(safe-area-inset-left));
  border-radius:34px 34px 0 0;
  background:#faf5ee;
  box-shadow:0 -4px 18px #3b281b10;
}
#simple-root .daybook-welcome-actions button { display:block; width:100%; min-height:var(--welcome-button-height); padding:10px 14px; border-radius:14px; font:400 clamp(22px,5.8vw,27px)/1.2 "Baskerville",Georgia,serif; transition:filter .15s ease; }
#simple-root .daybook-welcome-actions .daybook-welcome-create { border:1px solid #cc5554; background:linear-gradient(120deg,#c14e4d,#cb5a58); color:#fff9f2; box-shadow:0 3px 9px #a33f3d12; }
#simple-root .daybook-welcome-actions .daybook-welcome-login { border:1px solid #ed5664; background:#faeae3; color:#cb3450; }
#simple-root .daybook-welcome-actions button:hover { filter:brightness(1.04); }
#simple-root .daybook-welcome-actions button:active { filter:brightness(.97); }
#simple-root .daybook-welcome-actions button:focus-visible { outline:3px solid #702b3a; outline-offset:3px; }
#simple-root .daybook-welcome-actions button:disabled { opacity:.65; cursor:wait; }
#simple-root .daybook-welcome-host .simple-modal-backdrop { z-index:5; overflow-y:auto; padding-top:max(20px,env(safe-area-inset-top)); padding-bottom:max(20px,env(safe-area-inset-bottom)); }
@media(max-height:650px) {
  .daybook-welcome { --welcome-button-height:46px; }
  .daybook-welcome-heading { top:calc(env(safe-area-inset-top,0px) + 20px); }
  #simple-root .daybook-welcome-heading h1 { font-size:44px; }
  #simple-root .daybook-welcome-heading p { margin-top:7px; font-size:18px; }
  .daybook-welcome-actions { padding-top:12px; padding-bottom:max(20px,env(safe-area-inset-bottom)); gap:8px; }
}
@media(prefers-reduced-motion:reduce) { #simple-root .daybook-welcome-actions button { transition:none; } }

/* The artwork is separate from every interactive/text element. */
.daybook-auth {
  --auth-header-height:clamp(240px,32svh,310px);
  --auth-panel-radius:28px;
  --auth-lumi-width:150px;
  --auth-lumi-side:18px;
  --auth-lumi-overlap:18%;
  --auth-form-gap:12px;
  --auth-control-height:44px;
  --auth-cta-height:46px;
  --auth-ink:#092653;
  --auth-coral:#cc5054;
  position:relative; width:100%; max-width:520px; min-height:100%; margin:auto;
  padding-top:calc(var(--auth-header-height) + env(safe-area-inset-top,0px));
  background:#fbf7f0; color:var(--auth-ink); font-family:Baskerville,Georgia,"Times New Roman",serif;
}
.daybook-auth-scenery { position:absolute; inset:0 0 auto; height:calc(var(--auth-header-height) + env(safe-area-inset-top,0px) + 35px); overflow:hidden; }
.daybook-auth-scenery img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
#simple-root .daybook-auth-back { position:absolute; z-index:3; top:calc(12px + env(safe-area-inset-top,0px)); left:max(12px,env(safe-area-inset-left,0px)); display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--auth-ink); border-radius:50%; padding:0; }
.daybook-auth-panel { position:relative; margin-top:-8px; border-radius:var(--auth-panel-radius) var(--auth-panel-radius) 0 0; background:linear-gradient(130deg,#fffdf9,#f9f3eb); padding:14px max(10px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px)); }
.daybook-auth-lumi { position:absolute; z-index:2; width:var(--auth-lumi-width); height:auto; right:var(--auth-lumi-side); bottom:100%; translate:0 var(--auth-lumi-overlap); pointer-events:none; }
.daybook-auth.is-signup .daybook-auth-lumi { left:var(--auth-lumi-side); right:auto; transform:scaleX(-1); }
.daybook-auth-heading { padding:0 16px 14px; }
#simple-root .daybook-auth-heading h1 { margin:0; color:var(--auth-ink); font:600 clamp(35px,10.4vw,51px)/1.02 Baskerville,Georgia,serif; letter-spacing:-.055em; outline:none; }
#simple-root .daybook-auth.is-signup h1 { font-size:clamp(34px,9.9vw,49px); }
#simple-root .daybook-auth-heading p { margin:5px 0 0; font:400 clamp(20px,5.8vw,28px)/1.18 Baskerville,Georgia,serif; letter-spacing:-.035em; color:var(--auth-ink); }
.daybook-auth-card { padding:17px 19px 18px; border:1px solid #e6ded7; border-radius:23px; background:#fffdfa9c; box-shadow:0 4px 14px #88634406; }
.daybook-auth-card form { display:grid; gap:var(--auth-form-gap); }
.daybook-auth-field { display:grid; gap:5px; min-width:0; }
.daybook-auth-field label { font-size:16px; line-height:1.2; }
.daybook-auth-input { display:flex; align-items:center; min-width:0; min-height:var(--auth-control-height); padding:0 12px; gap:12px; border:1px solid #aba3a5; border-radius:9px; background:#fffefa80; color:#8b8587; }
.daybook-auth-input:focus-within { outline:2px solid #a5b4ca; outline-offset:2px; }
#simple-root .daybook-auth-input input { width:100%; min-width:0; height:var(--auth-control-height); padding:8px 0; border:0; background:transparent; color:var(--auth-ink); font:400 16px/1.3 Baskerville,Georgia,serif; outline:none; box-shadow:none; }
.daybook-auth-input input::placeholder { color:#8190aa; opacity:1; }
.daybook-auth-input>svg { flex:0 0 auto; }
#simple-root .daybook-auth-eye { display:grid; place-items:center; flex:0 0 32px; min-height:42px; margin-right:-7px; padding:0; border:0; background:transparent; color:#8c8180; }
#simple-root .daybook-auth-link { display:inline; padding:0; border:0; background:transparent; color:#c52b45; font:inherit; }
#simple-root .daybook-auth-forgot { justify-self:end; margin-top:-5px; font-size:16px; min-height:28px; }
#simple-root .daybook-auth-primary { min-height:var(--auth-cta-height); width:100%; border:1px solid #d85a60; border-radius:11px; padding:8px 14px; color:#fffaf4; background:linear-gradient(120deg,#c74e52,#d6585c); font:400 20px/1.2 Baskerville,Georgia,serif; box-shadow:0 2px 7px #ba484808; }
.daybook-auth-divider { display:flex; align-items:center; gap:8px; margin:14px 0 11px; color:#7d8190; font-size:14px; white-space:nowrap; }
.daybook-auth-divider::before,.daybook-auth-divider::after { content:""; height:1px; background:#b7bdc6; flex:1; }
.daybook-auth-providers { display:grid; gap:8px; }
#simple-root .daybook-auth-provider { display:flex; align-items:center; justify-content:center; gap:15px; width:100%; min-height:43px; padding:8px; border:1px solid #6b7c96; border-radius:10px; background:transparent; color:var(--auth-ink); font:400 18px/1.2 Baskerville,Georgia,serif; }
.daybook-auth-provider svg { width:23px; height:23px; color:#050606; flex:none; }
#simple-root .daybook-auth button:disabled { cursor:not-allowed; }
#simple-root .daybook-auth-primary:disabled { opacity:.65; }
.daybook-auth-provider-note { margin:7px 0 0; text-align:center; color:#737888; font:11px/1.3 system-ui,sans-serif; }
.daybook-auth-switch { margin:16px 0 0; text-align:center; font-size:16px; line-height:1.4; }
.daybook-auth-switch button { min-height:30px; }
.daybook-auth-requirements { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 9px; list-style:none; margin:-2px 0 0; padding:0; color:#627694; font-size:11px; }
.daybook-auth-requirements li { display:flex; align-items:center; gap:5px; }
.daybook-auth-check { width:13px; height:13px; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; flex:none; }
.daybook-auth-requirements .is-met { color:#42775a; }
.daybook-auth-requirements .is-met .daybook-auth-check { background:#e6f1e6; }
.daybook-auth .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.daybook-auth-feedback { padding:9px 11px; border:1px solid #e8d7ce; border-radius:8px; background:#fcf0e8; color:#7b3945; font:13px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.daybook-auth-feedback[hidden] { display:none; }
@media(min-width:521px) { .daybook-auth { --auth-header-height:320px; --auth-lumi-width:170px; } }
@media(max-width:350px) { .daybook-auth { --auth-lumi-width:128px; } .daybook-auth-card { padding-inline:14px; } .daybook-auth-heading { padding-inline:12px; } .daybook-auth-requirements { justify-content:flex-start; } }

/* Background composition, bubble placement, and CTA sizing are adjustable here. */
.daybook-meet {
  --meet-art-position: 50% 50%;
  --meet-bubble-top: 37%;
  --meet-button-height: 54px;
  position:relative; isolation:isolate; display:flex; flex-direction:column;
  width:100%; max-width:520px; height:100%; min-height:740px; margin:0 auto;
  overflow:hidden; background:#f6d5c4; color:#082338;
  font-family:Baskerville,Georgia,"Times New Roman",serif;
}
.daybook-meet-art { position:absolute; inset:0; z-index:-1; }
.daybook-meet-art img { width:100%; height:100%; object-fit:cover; object-position:var(--meet-art-position); display:block; }
.daybook-meet-heading { padding:max(58px,calc(env(safe-area-inset-top,0px) + 14px)) 10.8% 0; }
.daybook-meet-progress { display:flex; justify-content:space-between; position:relative; width:120px; padding:0; margin:0 auto 25px; list-style:none; }
.daybook-meet-progress::before { content:""; position:absolute; height:2px; top:7px; left:8px; right:8px; background:#d6bfb5; z-index:-1; }
.daybook-meet-progress li { width:15px; height:15px; border-radius:50%; background:#d7c3b9; }
.daybook-meet-progress li[aria-current=step] { background:#df4d4e; }
.daybook-meet-progress li.is-complete { background:#df4d4e; }
#simple-root .daybook-meet h1 { margin:0; color:#082338; font:600 clamp(38px,10.3vw,54px)/1.04 Baskerville,Georgia,serif; letter-spacing:-.025em; }
#simple-root .daybook-meet-heading p { margin:15px 0 0; color:#30485a; font:400 clamp(17px,4.55vw,23px)/1.22 Baskerville,Georgia,serif; }
.daybook-meet-bubble { position:absolute; top:var(--meet-bubble-top); right:5.6%; width:39%; padding:20px 10px 20px 16px; border-radius:45% 43% 39% 32% / 40% 37% 41% 42%; background:#fcf2e5; color:#082338; }
.daybook-meet-bubble::after { content:""; position:absolute; bottom:-10px; left:16px; width:26px; height:28px; background:#fcf2e5; clip-path:polygon(20% 0,100% 0,0 100%); }
.daybook-meet-bubble svg { position:absolute; right:13px; top:14px; color:#e8494d; transform:rotate(12deg); width:17px; }
#simple-root .daybook-meet-bubble strong { font:600 clamp(20px,5.1vw,27px)/1.1 Baskerville,Georgia,serif; }
#simple-root .daybook-meet-bubble p { margin:5px 0 0; color:#30485a; font:400 clamp(13px,3.5vw,18px)/1.1 Baskerville,Georgia,serif; }
.daybook-meet-actions { margin-top:auto; padding:17px max(30px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left)); border-radius:46px 46px 0 0; background:#fbf2e7; box-shadow:0 -5px 22px #fff4e518; }
#simple-root .daybook-meet-actions button { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; min-height:var(--meet-button-height); padding:12px 18px; border:0; border-radius:36px; background:linear-gradient(115deg,#db4c4f,#d94b4e); color:#fff8ef; box-shadow:0 5px 12px #cd51492b; font:400 clamp(22px,5.6vw,29px)/1.2 Baskerville,Georgia,serif; cursor:pointer; }
#simple-root .daybook-meet-actions button:focus-visible { outline:3px solid #082338; outline-offset:4px; }
#simple-root .daybook-meet-actions button:hover { filter:brightness(1.04); }
#simple-root .daybook-meet-actions button:active { filter:brightness(.95); }
#simple-root .daybook-meet-actions button:disabled { opacity:.65; cursor:wait; }
@media(min-width:450px) { .daybook-meet { min-height:860px; } .daybook-meet-progress { margin-bottom:32px; } }
@media(max-width:350px) { .daybook-meet { min-height:700px; } .daybook-meet-heading { padding-inline:8%; } .daybook-meet-wide-break { display:none; } .daybook-meet-bubble { width:43%; right:4%; padding-left:17px; } }

/* Name step: keep the character anchored to the panel, not to the viewport. */
#simple-root .daybook-onboarding-back { position:absolute; top:max(14px,calc(env(safe-area-inset-top,0px) + 6px)); left:max(14px,env(safe-area-inset-left)); z-index:5; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:#082338; cursor:pointer; }
#simple-root .daybook-onboarding-back:hover { background:#fff5e85e; }
#simple-root .daybook-onboarding-back:focus-visible { outline:2px solid #082338; outline-offset:2px; }
#simple-root .daybook-onboarding-back:disabled { opacity:.5; cursor:wait; }
.daybook-name { --name-lumi-width:66%; --name-lumi-overlap:16px; min-height:780px; }
.daybook-name-character-space { position:relative; flex:1 0 270px; }
.daybook-name-lumi { position:absolute; width:var(--name-lumi-width); height:auto; left:9%; bottom:calc(-1 * var(--name-lumi-overlap)); z-index:2; pointer-events:none; }
.daybook-name .daybook-name-bubble { top:25%; right:4%; width:49%; z-index:3; padding:28px 18px 22px; border-radius:38px 42px 38px 34px; box-shadow:0 3px 12px #835d4710; }
.daybook-name-bubble::after { left:21px; bottom:-16px; width:30px; height:29px; clip-path:path("M 0 0 H 30 Q 22 21 0 29 Q 9 13 0 0 Z"); }
#simple-root .daybook-name-bubble strong { font-size:clamp(18px,4.6vw,24px); }
#simple-root .daybook-name-bubble p { font-size:clamp(13px,3.5vw,18px); }
.daybook-name-bubble svg { top:11px; right:18px; width:17px; height:18px; }
.daybook-name-panel { position:relative; margin-top:0; flex:0 0 32%; min-height:235px; padding:38px max(30px,env(safe-area-inset-right)) max(45px,env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left)); }
.daybook-name-panel form { display:grid; gap:23px; }
.daybook-name-input { display:flex; align-items:center; gap:14px; min-height:52px; padding:10px 19px; border:1px solid #e1d9d2; border-radius:32px; color:#082338; }
.daybook-name-input svg { flex:none; }
#simple-root .daybook-name-input input { min-width:0; width:100%; padding:0; border:0; border-radius:0; outline:none; background:transparent; box-shadow:none; color:#082338; font:400 17px/1.3 Baskerville,Georgia,serif; }
#simple-root .daybook-name-input input::placeholder { color:#8a94a4; opacity:1; }
.daybook-name-input:focus-within { outline:2px solid #c9575a; outline-offset:3px; }
#simple-root .daybook-name-error { margin:-10px 2px; color:#9d3341; font:14px/1.3 system-ui,sans-serif; }
@media(min-width:450px) { .daybook-name { min-height:940px; } }
@media(max-width:350px) { .daybook-name { min-height:740px; } .daybook-name .daybook-name-bubble { width:54%; top:17%; padding-inline:15px; } .daybook-name-panel { padding-inline:23px; } #simple-root .daybook-name-input input { font-size:16px; } }

/* Public teaser only. No dependency on the unreleased Companion stylesheet. */
#simple-root .simple-app.is-companion { width:min(100%,640px); margin-inline:auto; background:var(--appearance-background,#fffaf5); color:var(--appearance-text,#303035); }
#simple-root .simple-main-companion { display:flex; max-width:none; padding:0; overflow-y:auto; background:transparent; }
.companion-coming-soon { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; min-height:400px; padding:calc(36px + env(safe-area-inset-top)) 24px 44px; text-align:center; background:radial-gradient(ellipse at 50% 30%,#f8dedb70,transparent 65%); }
.companion-coming-soon-emblem { display:grid; place-items:center; width:116px; height:116px; margin-bottom:24px; border-radius:36px; border:1px solid #d9959329; background:#f7e3dd; color:#a94750; box-shadow:0 8px 28px #ab6d4910; }
#simple-root .companion-coming-soon-eyebrow { margin:0 0 12px; color:#a94750; font:600 11px/1.3 system-ui,sans-serif; letter-spacing:.2em; }
#simple-root .companion-coming-soon h1 { margin:0; font:400 clamp(36px,9vw,46px)/1.12 Baskerville,Georgia,serif; letter-spacing:-.035em; }
#simple-root .companion-coming-soon>p:not(.companion-coming-soon-eyebrow) { max-width:270px; margin:15px 0 12px; color:var(--appearance-muted,#777077); font:400 18px/1.5 Baskerville,Georgia,serif; }
.companion-coming-soon-note { color:var(--appearance-muted,#777077); font:12px/1.5 system-ui,sans-serif; }
#simple-root .simple-app .simple-bottom-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); justify-content:stretch; gap:2px; padding-inline:8px; }
#simple-root .simple-app .simple-bottom-nav button { min-width:0; width:100%; flex-direction:column; gap:3px; padding-inline:2px; font-size:11px; }
#simple-root .simple-app.is-companion .simple-bottom-nav { min-height:70px; padding-top:7px; padding-bottom:max(9px,env(safe-area-inset-bottom)); border-top:1px solid var(--appearance-border,#eadfd7); background:var(--appearance-background,#fffaf5); }
#simple-root .simple-app.is-companion .simple-bottom-nav button { min-height:53px; border-radius:12px; color:var(--appearance-muted,#676a70); }
#simple-root .simple-app.is-companion .simple-bottom-nav button.active { background:#fceae5; color:#a3474e; }
@media(max-width:350px) { #simple-root .simple-app .simple-bottom-nav { padding-inline:4px; gap:1px; } #simple-root .simple-app .simple-bottom-nav button { font-size:10px; } }