:root{--ink:#182018;--muted:#70786c;--paper:#f4f6ee;--lime:#c8f36b;--pale:#eaffc5;--green:#5d851b;--red:#ff765e;--yellow:#ffdc66;--blue:#bcdcff;--line:#e2e6dc;--shadow:0 20px 55px rgba(33,47,24,.1)}*{box-sizing:border-box}html{background:#dce2d6}body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% -10%,#e8ffc3,transparent 34%),var(--paper);font-family:"Avenir Next","PingFang SC",sans-serif}.app-shell{max-width:480px;min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 70px #14201022;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.screen{min-height:100vh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(112px + env(safe-area-inset-bottom));animation:up .28s}@keyframes up{from{opacity:.2;transform:translateY(6px)}}.row,.topbar,.section-title,.profile-head,.record,.line{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:20px}.eyebrow,.label{margin:0 0 4px;color:var(--muted);font-size:.76rem;font-weight:750;letter-spacing:.07em}.topbar h1,.sheet h2{font-family:"Songti SC",serif;margin:0;font-size:1.72rem}.icon,.chip{border:1px solid var(--line);background:white;border-radius:13px;padding:9px 12px}.chip{font-size:.72rem}.hero{background:var(--ink);color:white;border-radius:28px;padding:21px;overflow:hidden;box-shadow:var(--shadow);position:relative}.hero:after{content:"";position:absolute;width:180px;height:180px;border:34px solid #c8f36b12;border-radius:50%;right:-105px;top:45px}.hero>.row,.timer{position:relative;z-index:2;align-items:flex-start}.hero .label{color:#aeb8a9}.money{font-size:3rem;font-weight:850;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.money small{font-size:1rem;color:var(--lime);vertical-align:top}.live{font-size:.72rem;color:#aeb8a9;margin:10px 0}.status{display:flex;align-items:center;gap:6px;background:#333b31;border-radius:999px;padding:7px 10px;font-size:.7rem}.status i{width:7px;height:7px;border-radius:50%;background:#9ca696}.working .status i{background:var(--lime);box-shadow:0 0 10px var(--lime)}.slacking .status i{background:var(--yellow)}.paused .status i{background:var(--blue)}.overtime .status i{background:var(--red)}.scene{height:150px;display:grid;place-items:center;position:relative;z-index:1}.character{font-size:4.8rem;filter:drop-shadow(0 14px 15px #0005);animation:bob 1.6s infinite}.scene p{position:absolute;bottom:4px;font-size:.72rem;color:#c3cabd}@keyframes bob{50%{transform:translateY(4px) rotate(1deg)}}.timer .row strong{font-variant-numeric:tabular-nums}.track{height:6px;background:#394137;border-radius:8px;margin:9px 0 7px;overflow:hidden}.progress{height:100%;background:var(--lime)}.fine{font-size:.67rem;color:#929b8d}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:13px 0}.card,.metric{background:white;border:1px solid var(--line);border-radius:19px;padding:16px}.metric span,.metric small{display:block;color:var(--muted);font-size:.7rem}.metric strong{display:block;font-size:1.32rem;margin:7px 0 2px}.fun{background:var(--pale);border-radius:18px;padding:13px 15px;display:flex;gap:11px;align-items:center;font-size:.76rem}.fun b{display:block}.coin,.badge{width:38px;height:38px;border-radius:12px;background:var(--lime);display:grid;place-items:center;font-weight:900}.primary{width:100%;border:0;border-radius:18px;padding:15px;background:var(--lime);font-weight:800;margin-top:14px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.actions button{border:1px solid var(--line);background:white;border-radius:17px;padding:13px 4px;display:grid;gap:5px;font-size:.71rem}.actions b{font-size:1rem}.actions .active{background:#fff0a7}.actions .end{background:var(--ink);color:white}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffe8;backdrop-filter:blur(22px);border-top:1px solid #dce0d6;padding:9px 10px calc(8px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#929b8d;display:grid;justify-items:center;gap:4px;padding:4px;font-size:.68rem}.bottom-nav i{font-style:normal;font-size:1.15rem}.bottom-nav .active{color:var(--ink)}.bottom-nav .active i{padding:2px 10px;border-radius:9px;background:var(--lime)}.summary{background:linear-gradient(135deg,var(--pale),var(--lime));border-radius:25px;padding:20px;margin-bottom:13px}.summary>strong{font-size:2.2rem}.summary small{font-size:.85rem}.calendar{background:white;border:1px solid var(--line);border-radius:23px;padding:13px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.week span{font-size:.65rem;color:var(--muted);padding:7px}.days button{aspect-ratio:1;border:0;background:transparent;border-radius:50%;font-size:.76rem;position:relative}.days button:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;bottom:4px;left:48%;background:#bbb}.days .rest{color:#adb3a8}.days .short:after{background:var(--green)}.days .overtime:after{background:var(--red)}.days .selected{background:var(--ink);color:white}.legend{display:flex;justify-content:center;gap:12px;font-size:.66rem;color:var(--muted);padding:12px 0}.record{width:100%;background:white;border:1px solid var(--line);border-radius:18px;padding:13px;margin-bottom:9px;text-align:left}.record-date{width:52px;border-right:1px solid var(--line)}.record-date b,.record-date span{display:block}.record-date span,.record small{font-size:.66rem;color:var(--muted)}.record div strong{font-size:.84rem}.empty{text-align:center;color:var(--muted);padding:35px 15px}.empty b{display:block;font-size:2.7rem}.tabs{display:flex;gap:5px;overflow:auto;margin:0 -20px 15px;padding:0 20px}.tabs button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:13px;padding:9px 12px;font-size:.7rem}.tabs .active{background:var(--ink);color:white}.big-stat{background:white;border:1px solid var(--line);border-radius:25px;padding:20px}.big-stat>strong{display:block;font-size:2.35rem;margin:8px 0}.big-stat small{font-size:.7rem;color:var(--green)}.bars{height:125px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line)}.bars i{flex:1;height:var(--h);background:#e6eae1;border-radius:7px 7px 0 0}.bars .active{background:var(--lime)}.stat-list{display:grid;gap:9px;margin-top:12px}.stat-list .card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:12px}.badge.red{background:#ffe0db}.badge.blue{background:#e3f1ff}.stat-list p{margin:0;color:var(--muted);font-size:.68rem}.stat-list strong{font-size:.9rem}.stat-list em{font-style:normal;color:var(--muted);font-size:.68rem}.report{background:var(--ink);color:white;border-radius:25px;padding:20px}.report p{color:var(--lime);font-size:.72rem}.report h2{font-family:"Songti SC",serif;line-height:1.55;font-size:1.35rem}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--lime) 0 68%,var(--yellow) 68% 81%,var(--red) 81%);margin:18px auto;display:grid;place-items:center}.donut:after{content:"收入结构";width:94px;height:94px;background:white;border-radius:50%;display:grid;place-items:center;font-size:.72rem}.shop{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop .card b{font-size:1.6rem}.shop strong,.shop span{display:block;margin-top:7px}.shop span{font-size:.68rem;color:var(--muted)}.profile-head{justify-content:flex-start;margin-bottom:18px}.avatar{width:56px;height:56px;border-radius:19px;background:var(--lime);display:grid;place-items:center;font-family:"Songti SC",serif;font-size:1.45rem;margin-right:12px}.profile-head h2{font-size:1.1rem;margin:0 0 4px}.profile-head p{font-size:.7rem;color:var(--muted);margin:0}.salary{background:var(--ink);color:white;border-radius:23px;padding:19px;margin-bottom:17px}.salary p{margin:0 0 6px;color:#aeb8a9;font-size:.7rem}.salary strong{font-size:1.7rem}.salary .row span{font-size:.66rem;background:#343c32;padding:6px 9px;border-radius:999px}.menu{margin-top:17px}.menu h3{font-size:.7rem;color:var(--muted);letter-spacing:.08em}.menu button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 2px;display:flex;justify-content:space-between;text-align:left;font-size:.85rem}.menu button b{color:var(--muted);font-size:.75rem}.note{font-size:.66rem;color:var(--muted);line-height:1.65}.danger{color:#d54c3a!important}.sheet dialog{}dialog{border:0;border-radius:28px 28px 0 0;padding:0;width:100%;max-width:480px;max-height:92vh;margin:auto auto 0;color:var(--ink);box-shadow:0 -25px 70px #0004}dialog::backdrop{background:#141a129e;backdrop-filter:blur(5px)}.sheet{padding:22px 20px calc(25px + env(safe-area-inset-bottom));overflow:auto;max-height:92vh}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:sticky;top:-22px;background:white;padding:17px 0 10px;z-index:2}.close{border:0;background:#eef0ea;border-radius:50%;width:36px;height:36px}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-size:.75rem;color:var(--muted)}.form input,.form select{width:100%;border:1px solid var(--line);background:#f8f9f5;border-radius:13px;padding:12px;color:var(--ink);font-size:.9rem}.form .inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle{appearance:none;width:46px!important;height:27px;border:0!important;border-radius:99px!important;background:#d8ddd2!important;padding:3px!important}.toggle:checked{background:var(--green)!important}.toggle:after{content:"";display:block;width:21px;height:21px;border-radius:50%;background:white;transition:.2s}.toggle:checked:after{transform:translateX(19px)}.breakdown{background:#f3f5ef;border-radius:17px;padding:14px}.line{padding:8px 0;font-size:.76rem}.line.total{border-top:1px solid var(--line);margin-top:5px;padding-top:13px;font-weight:800}.warning{background:#fff2bf;border-radius:14px;padding:11px;font-size:.69rem;line-height:1.55}#onboarding{height:100vh;max-height:100vh;border-radius:0;margin:0 auto}.on-step{min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 22px calc(25px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:radial-gradient(circle at 80% 5%,#e7ffbc,transparent 34%),var(--paper)}.dots{display:flex;gap:5px}.dots i{height:5px;flex:1;border-radius:5px;background:#dfe3d9}.dots .done{background:var(--ink)}.step-main{flex:1;padding-top:34px}.step-main h1{font-family:"Songti SC",serif;font-size:2rem;line-height:1.25;margin:0 0 9px}.step-main>p{color:var(--muted);line-height:1.6;font-size:.82rem}.choices{display:grid;gap:10px;margin-top:20px}.choice{border:1px solid var(--line);background:white;border-radius:17px;padding:15px;text-align:left}.choice.active{border-color:var(--ink);background:var(--pale)}.choice b,.choice span{display:block}.choice span{font-size:.7rem;color:var(--muted)}.result{font-size:3rem;font-weight:850;letter-spacing:-.06em;margin:18px 0}.result small{font-size:.9rem}.foot{display:grid;grid-template-columns:auto 1fr;gap:10px}.foot button{border:0;border-radius:16px;padding:14px 17px;font-weight:800}.next{background:var(--ink);color:white}.back{background:#e5e8df}.toast{position:fixed;z-index:50;left:50%;bottom:105px;transform:translate(-50%,16px);opacity:0;background:var(--ink);color:white;padding:10px 15px;border-radius:999px;font-size:.72rem;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:760px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:32px}.screen{min-height:calc(100vh - 48px)}.bottom-nav{bottom:24px;border-radius:0 0 32px 32px}dialog{border-radius:28px;margin:auto}#onboarding{height:min(840px,calc(100vh - 48px));border-radius:30px}.on-step{min-height:100%}}

.skip-choice{width:100%;margin-top:12px;border:0;background:transparent;color:var(--muted);padding:12px;text-decoration:underline;text-underline-offset:4px;font-size:.78rem}

.pelican-svg{display:block;width:min(240px,78vw);height:auto;margin:0 auto;overflow:visible;filter:drop-shadow(0 12px 12px rgba(56,72,77,.12))}
.pelican-svg .pelican-shadow{fill:#d8e2dc;opacity:.48}
.pelican-svg .wing{fill:#f4b860;stroke:#343d3f;stroke-width:4;stroke-linejoin:round}
.pelican-svg .neck{fill:#fff9e9;stroke:#343d3f;stroke-width:4;stroke-linejoin:round}
.pelican-svg .beak{fill:#f29d49;stroke:#343d3f;stroke-width:4;stroke-linejoin:round}
.pelican-svg .pouch{fill:#ffd08a;stroke:#343d3f;stroke-width:4;stroke-linejoin:round}
.pelican-svg .eye{fill:#343d3f}.pelican-svg .eye-glint{fill:#fff}
.pelican-svg .leg,.pelican-svg .arm{fill:none;stroke:#343d3f;stroke-width:5;stroke-linecap:round}
.pelican-svg .bike{fill:none;stroke:#3d6f69;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pelican-svg .bike .wheel{fill:#f8fbf6;stroke:#343d3f;stroke-width:5}
.pelican-svg .prop{fill:#f47b63;stroke:#343d3f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.pelican-svg .steam{fill:none}.pelican-svg .zzz{fill:#3d6f69;font:700 20px Georgia,serif}
.pelican-svg .spark{fill:none;stroke:#f4b860;stroke-width:5;stroke-linecap:round}
.pelican-working .wheel,.pelican-overtime .wheel{transform-box:fill-box;transform-origin:center;animation:pelican-wheel .72s linear infinite}
.pelican-working .pelican-body,.pelican-overtime .pelican-body{transform-origin:center;animation:pelican-ride .46s ease-in-out infinite alternate}
.pelican-working .leg-a,.pelican-overtime .leg-a{animation:pelican-pedal .72s linear infinite;transform-origin:129px 145px}
.pelican-working .leg-b,.pelican-overtime .leg-b{animation:pelican-pedal .72s linear infinite reverse;transform-origin:154px 143px}
.pelican-slacking .phone{animation:pelican-phone 1.15s ease-in-out infinite alternate;transform-origin:94px 110px}
.pelican-paused .steam{animation:pelican-steam 1.5s ease-out infinite}
.pelican-idle .spark{animation:pelican-spark 1.3s ease-in-out infinite}
.pelican-finished .pelican-body{animation:pelican-breathe 1.8s ease-in-out infinite;transform-origin:center bottom}
.pelican-overtime{filter:drop-shadow(0 12px 14px rgba(244,123,99,.28))}
@keyframes pelican-wheel{to{transform:rotate(360deg)}}@keyframes pelican-ride{to{transform:translateY(-5px) rotate(-1deg)}}@keyframes pelican-pedal{to{transform:rotate(360deg)}}@keyframes pelican-phone{to{transform:rotate(8deg) translateY(-3px)}}@keyframes pelican-steam{0%{opacity:0;transform:translateY(5px)}50%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}@keyframes pelican-spark{50%{opacity:.35;transform:scale(.85)}}@keyframes pelican-breathe{50%{transform:scaleY(.97) translateY(3px)}}
@media(prefers-reduced-motion:reduce){.pelican-svg *{animation:none!important}}

/* Pelican storybook redesign */
.pelican-svg{display:block;width:min(340px,94vw);height:auto;margin:-4px auto 0;overflow:visible;filter:none}
.pelican-svg *{vector-effect:non-scaling-stroke}
.pelican-svg .wall,.pelican-svg .cafe-wall{fill:#fff4dc}
.pelican-svg .window,.pelican-svg .cafe-window{fill:#bfe3e0;stroke:#35474a;stroke-width:4}
.pelican-svg .window-line{fill:none;stroke:#fff9e9;stroke-width:4}
.pelican-svg .floor-line,.pelican-svg .rug{fill:none;stroke:#ddaa78;stroke-width:5;stroke-linecap:round}
.pelican-svg .sun{fill:#ffd36e;stroke:#35474a;stroke-width:3}
.pelican-svg .cloud,.pelican-svg .cloud path{fill:#fffdf4;stroke:#35474a;stroke-width:3}
.pelican-svg .clock circle{fill:#fffdf4;stroke:#35474a;stroke-width:4}.pelican-svg .clock path{fill:none;stroke:#35474a;stroke-width:4;stroke-linecap:round}
.pelican-svg .plant>path{fill:#77ad86;stroke:#35474a;stroke-width:4}.pelican-svg .plant .pot{fill:#e78b65}
.pelican-svg .sky{fill:#bfe8e5}.pelican-svg .night{fill:#40566f}.pelican-svg .park-sky{fill:#d4eee5}.pelican-svg .sunset-sky{fill:#ffd6b7}
.pelican-svg .moon{fill:#ffe6a3}.pelican-svg .moon-cut{fill:#40566f}
.pelican-svg .stars{fill:#ffe7a4;stroke:#ffe7a4;stroke-width:3;stroke-linecap:round}
.pelican-svg .city{fill:#7fa9a6;stroke:#35474a;stroke-width:4;stroke-linejoin:round}.pelican-overtime .city{fill:#30465d}
.pelican-svg .windows{fill:none;stroke:#dff8ed;stroke-width:5}.pelican-svg .lit-windows{fill:none;stroke:#ffd36e;stroke-width:6}
.pelican-svg .road{fill:#718184;stroke:#35474a;stroke-width:4}.pelican-svg .road-mark{fill:none;stroke:#fff1bf;stroke-width:5;stroke-linecap:round;stroke-dasharray:28 20}
.pelican-svg .lamp{fill:none;stroke:#35474a;stroke-width:5;stroke-linecap:round}.pelican-svg .lamp-glow{fill:#ffd36e;stroke:#35474a}
.pelican-svg .hill-back{fill:#a7cda8;stroke:#35474a;stroke-width:4}.pelican-svg .hill{fill:#76aa7b;stroke:#35474a;stroke-width:4}
.pelican-svg .flowers{fill:#f29a78;stroke:#35474a;stroke-width:3}.pelican-svg .butterfly{fill:#f4b860;stroke:#35474a;stroke-width:3}
.pelican-svg .table,.pelican-svg .shelf{fill:none;stroke:#9a6c4d;stroke-width:7;stroke-linecap:round}.pelican-svg .shelf rect{fill:#d98265;stroke:#35474a;stroke-width:3}
.pelican-svg .sunset-sun{fill:#f59b70}.pelican-svg .sunset-cloud{fill:#fff1de;stroke:#35474a;stroke-width:3}
.pelican-svg .home{fill:#f7efe0;stroke:#35474a;stroke-width:4;stroke-linejoin:round}.pelican-svg .home .door{fill:#d98265}.pelican-svg .birds{fill:none;stroke:#35474a;stroke-width:3;stroke-linecap:round}
.pelican-svg .ground-shadow{fill:#35474a;opacity:.13}
.pelican-svg .tail{fill:#fff8e8;stroke:#35474a;stroke-width:4;stroke-linejoin:round}
.pelican-svg .pelican-body-shape,.pelican-svg .pelican-neck{fill:#fffaf0;stroke:#35474a;stroke-width:5;stroke-linejoin:round}
.pelican-svg .pelican-wing{fill:#f1b45f;stroke:#35474a;stroke-width:5;stroke-linejoin:round}
.pelican-svg .pelican-eye{fill:#29383b}.pelican-svg .eye-shine{fill:#fff}
.pelican-svg .pelican-brow{fill:none;stroke:#35474a;stroke-width:3;stroke-linecap:round}
.pelican-svg .pelican-beak{fill:#f39a55;stroke:#35474a;stroke-width:5;stroke-linejoin:round}
.pelican-svg .pelican-pouch{fill:#ffd183;stroke:#35474a;stroke-width:5;stroke-linejoin:round}
.pelican-svg .pelican-cheeks{fill:#f5a19a;opacity:.62}
.pelican-svg .pelican-leg,.pelican-svg .pelican-arm,.pelican-svg .wave-arm{fill:none;stroke:#35474a;stroke-width:6;stroke-linecap:round}
.pelican-svg .bicycle{fill:none;stroke-linecap:round;stroke-linejoin:round}.pelican-svg .bike-wheel{fill:#fffdf4;stroke:#35474a;stroke-width:6}.pelican-svg .bike-frame{stroke:#e76f51;stroke-width:7}.pelican-svg .gear,.pelican-svg .pedal{stroke:#35474a;stroke-width:5}
.pelican-svg .phone{fill:#527c78;stroke:#35474a;stroke-width:4}.pelican-svg .coffee{fill:#f19a72;stroke:#35474a;stroke-width:4}.pelican-svg .coffee .steam{fill:none;stroke:#fffdf4;stroke-width:4}.pelican-svg .briefcase{fill:#d8895c;stroke:#35474a;stroke-width:4}
.pelican-working .pelican-character,.pelican-overtime .pelican-character{transform-origin:180px 180px;animation:new-ride .42s ease-in-out infinite alternate}
.pelican-working .bike-wheel,.pelican-overtime .bike-wheel{transform-box:fill-box;transform-origin:center;animation:new-wheel .72s linear infinite}
.pelican-working .pedal,.pelican-overtime .pedal{transform-origin:193px 193px;animation:new-wheel .72s linear infinite}
.pelican-working .cloud-a{animation:cloud-drift 8s linear infinite}.pelican-working .cloud-b{animation:cloud-drift 11s linear infinite reverse}
.pelican-overtime .lit-windows,.pelican-overtime .lamp-glow{animation:city-glow 1.8s ease-in-out infinite alternate}
.pelican-slacking .phone{transform-origin:125px 145px;animation:phone-tilt 1.25s ease-in-out infinite alternate}.pelican-slacking .butterfly{animation:butterfly-float 2.2s ease-in-out infinite}
.pelican-paused .steam{animation:coffee-steam 1.7s ease-out infinite}.pelican-paused .pelican-character,.pelican-finished .pelican-character,.pelican-idle .pelican-character{transform-origin:190px 211px;animation:soft-breathe 2.2s ease-in-out infinite}
.pelican-idle .wave-arm,.pelican-finished .wave-arm{transform-origin:160px 150px;animation:little-wave 1.5s ease-in-out infinite alternate}
.pelican-svg .pelican-eye{transform-box:fill-box;transform-origin:center;animation:pelican-blink 4.2s linear infinite}
@keyframes new-wheel{to{transform:rotate(360deg)}}@keyframes new-ride{to{transform:translateY(-4px) rotate(-.8deg)}}@keyframes cloud-drift{50%{transform:translateX(15px)}}@keyframes city-glow{to{opacity:.58}}@keyframes phone-tilt{to{transform:rotate(8deg) translateY(-3px)}}@keyframes butterfly-float{50%{transform:translate(10px,-8px) rotate(8deg)}}@keyframes coffee-steam{0%{opacity:0;transform:translateY(7px)}45%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}@keyframes soft-breathe{50%{transform:translateY(2px) scaleY(.985)}}@keyframes little-wave{to{transform:rotate(-12deg)}}@keyframes pelican-blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.08)}}
@media(max-width:390px){.pelican-svg{width:min(320px,96vw)}}@media(prefers-reduced-motion:reduce){.pelican-svg *{animation:none!important}}

/* Keep the work summary below the illustrated scene */
.hero .scene{height:auto;min-height:0;display:block;margin:12px -10px 20px;overflow:visible;position:relative}
.hero .character{display:block;width:100%;font-size:0;line-height:0;filter:none;animation:none;position:relative}
.hero .scene .pelican-svg{position:relative;width:100%;max-width:360px;margin:0 auto}
.hero .timer{clear:both;display:block;margin-top:18px;position:relative;z-index:3}
@media(max-width:390px){.hero .scene{margin:10px -14px 18px}.hero .timer{margin-top:16px}}

.daily-settlement-title{display:inline-block;font-size:.78em;line-height:1.25;letter-spacing:-.025em}

.insurance-hidden{display:none!important}[data-insurance-panel]{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72)}

/* Homepage artwork intentionally disabled */
.hero .scene{display:none!important}
.hero .timer{margin-top:22px}

[data-insurance-panel][hidden]{display:none!important}

/* Compact bottom navigation */
.bottom-nav{padding:4px 10px calc(3px + env(safe-area-inset-bottom))}
.bottom-nav button{gap:1px;padding:1px 4px;font-size:.64rem;line-height:1.1}
.bottom-nav i{font-size:1rem;line-height:1.1}
.bottom-nav .active i{padding:1px 8px;border-radius:8px}
.screen{padding-bottom:calc(82px + env(safe-area-inset-bottom))}

/* Text-only bottom navigation */
.bottom-nav i{display:none!important}
.bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 4px;border-radius:12px;font-size:.72rem;font-weight:700}
.bottom-nav .active{background:var(--lime);color:var(--ink);font-weight:850}
.bottom-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}

/* Custom insurance mode selector */
.insurance-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px;padding:5px;border:1px solid var(--line);border-radius:18px;background:#eef0ea}
.insurance-mode-option{appearance:none;border:1px solid transparent;border-radius:13px;background:transparent;padding:12px 9px;text-align:left;display:grid;gap:4px;min-width:0;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.insurance-mode-option b{font-size:.82rem;line-height:1.2}
.insurance-mode-option span{color:var(--muted);font-size:.65rem;line-height:1.35}
.insurance-mode-option.active{background:#fff;border-color:#d9ded2;box-shadow:0 5px 14px rgba(31,40,34,.09)}
.insurance-mode-option.active b{color:var(--ink)}
.insurance-mode-option.active span{color:#657064}
.insurance-mode-option:focus-visible{outline:3px solid rgba(200,243,107,.65);outline-offset:2px}
@media(max-width:360px){.insurance-mode-option{padding:10px 7px}.insurance-mode-option b{font-size:.76rem}.insurance-mode-option span{font-size:.61rem}}
