:root{--navy:#101d33;--navy-soft:#17263f;--paper:#f7f8fa;--white:#fff;--coral:#f0603d;--coral-wash:#fdeae4;--coral-ink:#b93a1a;--teal:#3fa89a;--teal-wash:#eff9f7;--line:#e2e6ed;--muted-paper:#5b677d;--muted-navy:#93a5c4;--rise:.26s;--pop:.22s;--tick:.15s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--navy);margin:0;padding:0}body{min-height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100dvh}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0}h1,h2,p,ul,ol{margin:0}.screen{min-height:100dvh;padding-top:calc(18px + env(safe-area-inset-top));padding-right:16px;padding-bottom:calc(44px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 8% 0%, #1b2f4f 0%, #1b2f4f00 62%), var(--navy);padding-left:16px}.head{padding-bottom:18px;padding-right:130px}.head-title{letter-spacing:-.02em;color:var(--paper);font-size:30px;font-weight:700;line-height:38px}.head-sub{color:var(--muted-navy);margin-top:6px;font-size:14.5px;line-height:21px}.recent{padding-bottom:16px}.recent-label{letter-spacing:.14em;text-transform:uppercase;color:#7d90b1;font-size:11px;font-weight:700;line-height:16px}.recent-row{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.recent-chip{color:#dbe4f2;min-height:44px;transition:transform var(--tick) ease, background var(--tick) ease;background:#17263f;border:1px solid #2b3e5e;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 11px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.recent-chip:active{background:#1f3252;transform:scale(.96)}.tiles{grid-template-columns:repeat(3,1fr);gap:10px;padding:0;list-style:none;display:grid}.tile{background:var(--paper);width:100%;min-height:112px;animation:pop var(--pop) ease-out both;animation-delay:var(--delay,0s);transition:transform var(--tick) ease, box-shadow var(--tick) ease;border:0;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;padding:13px 8px 12px;display:flex;box-shadow:0 2px #00000038}.tile:active{transform:scale(.95);box-shadow:0 1px #00000038}.tile-name{min-height:32px;color:var(--navy);text-align:center;overflow-wrap:break-word;font-size:12px;font-weight:600;line-height:16px;display:block}.mark{border-radius:var(--blob);background:radial-gradient(circle at 36% 32%, var(--mark-base) 0%, var(--mark-base) 44%, var(--mark-edge) 82%, var(--mark-edge) 100%);flex:none;width:42px;height:42px;display:block;box-shadow:inset 0 0 0 1px #101d3329}.mark--sm{width:34px;height:34px}.mark--dot{width:18px;height:18px}.foot{color:#7b8aa5;text-align:center;padding-top:22px;font-size:12px;line-height:18px}.topbar{padding-bottom:12px;padding-right:130px;display:flex}.back{color:#cfdaeb;min-height:44px;transition:transform var(--tick) ease, background var(--tick) ease;background:#17263f;border:1px solid #2b3e5e;border-radius:999px;padding:0 16px 0 12px;font-size:14.5px;font-weight:600;line-height:20px}.back:active{background:#1f3252;transform:scale(.96)}.sheet{background:var(--paper);animation:rise var(--rise) ease-out both;border-radius:22px;gap:16px;padding:18px 16px 20px;display:grid;box-shadow:0 10px 30px #0000004d}.sheet-head{align-items:center;gap:12px;display:flex}.sheet-title{color:var(--navy);letter-spacing:-.015em;overflow-wrap:break-word;font-size:25px;font-weight:700;line-height:32px}.now{background:var(--navy);border-radius:16px;padding:15px 16px 17px}.now-label{color:#8ba6d8;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.now--dried .now-label{color:#f2a48c}.now-text{color:var(--paper);overflow-wrap:break-word;margin-top:7px;font-size:19px;font-weight:600;line-height:28px}.odds{color:#86d9cc;background:#3fa89a38;border-radius:999px;margin-top:12px;padding:5px 11px;font-size:12.5px;font-weight:700;line-height:17px;display:inline-block}.odds--low{color:#ffb49c;background:#f0603d33}.block-label{color:var(--muted-paper);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.block-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.counter{color:#8b96a7;letter-spacing:.04em;margin-left:4px}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1.5px solid var(--line);background:var(--white);min-height:46px;color:var(--navy);transition:transform var(--tick) ease, background var(--tick) ease, border-color var(--tick) ease;border-radius:999px;padding:0 15px;font-size:14.5px;font-weight:600;line-height:20px}.chip:active{transform:scale(.95)}.chip[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:var(--paper)}.fabric-note{color:var(--muted-paper);margin-top:11px;font-size:13.5px;line-height:21px}.switch{border:1.5px solid var(--line);background:var(--white);width:100%;min-height:54px;transition:transform var(--tick) ease, border-color var(--tick) ease, background var(--tick) ease;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.switch:active{transform:scale(.985)}.switch[aria-checked=true]{border-color:var(--teal);background:var(--teal-wash)}.switch-text{color:var(--navy);font-size:15.5px;font-weight:600;line-height:22px}.switch-track{width:48px;height:28px;transition:background var(--tick) ease;background:#d7dce4;border-radius:999px;flex:none;display:block;position:relative}.switch[aria-checked=true] .switch-track{background:var(--teal)}.switch-knob{background:var(--white);width:22px;height:22px;transition:transform var(--tick) ease;border-radius:999px;display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #101d3359}.switch[aria-checked=true] .switch-knob{transform:translate(20px)}.pro{border-left:3px solid var(--navy);color:#2c3a52;background:#eaeef5;border-radius:0 12px 12px 0;padding:13px 14px;font-size:13.5px;font-weight:600;line-height:21px}.outlook{border-left:3px solid var(--line);color:var(--muted-paper);padding-left:12px;font-size:13.5px;line-height:21px}.steps{gap:8px;margin-top:10px;padding:0;list-style:none;display:grid}.step{background:var(--white);text-align:left;width:100%;min-height:60px;transition:transform var(--tick) ease, border-color var(--tick) ease, background var(--tick) ease;border:1.5px solid #e6e9ef;border-radius:14px;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.step:active{transform:scale(.985)}.step-num{width:28px;height:28px;color:var(--navy);background:#edf0f5;border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:700;line-height:20px;display:grid}.step-text{color:var(--navy-soft);overflow-wrap:break-word;font-size:15px;line-height:23px}.step--done{border-color:var(--teal);background:var(--teal-wash)}.step--done .step-num{background:var(--teal);color:var(--white)}.step--done .step-text{color:#4e5c70}.reset{color:#40506b;min-height:44px;transition:transform var(--tick) ease, background var(--tick) ease;background:0 0;border:1.5px solid #d5dae3;border-radius:999px;flex:none;padding:0 15px;font-size:13.5px;font-weight:600;line-height:20px}.reset:active{background:#eaeef5;transform:scale(.95)}.never{border-left:4px solid var(--coral);background:var(--coral-wash);border-radius:4px 16px 16px 4px;padding:15px 16px 16px}.never-label{color:var(--coral-ink);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:16px}.never-list{gap:9px;margin-top:9px;padding:0;list-style:none;display:grid}.never-list li{color:#4a2c22;overflow-wrap:break-word;padding-left:16px;font-size:14.5px;line-height:22px;position:relative}.never-list li:before{background:var(--coral);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:8px;left:0}.rules{color:#6c7889;text-align:center;font-size:12.5px;line-height:20px}.foot--sheet{color:#8b96a7;padding-top:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:.01ms!important}}
