:root{--ground:#f6f6f3;--paper:#fff;--ink:#1b1b18;--muted:#767671;--line:#ddddd6;--navy:#21406b;--navy-dark:#142b4a;--disabled-bg:#fbfbfa;--disabled-line:#c9c9c2;--disabled-ink:#9a9a94;--disabled-faint:#b3b3ac;--tile-icon:#edeeea;--warning-bg:#fff6e5;--warning-line:#e7cf9a;--warning-ink:#5a4308;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}#root{min-height:100dvh}.app{background:var(--ground);flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.header{padding:calc(16px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 16px calc(20px + env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--ground);z-index:10;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.header__title{color:var(--ink);text-align:center;flex:1;min-width:0;font-size:19px;font-weight:700}.header--home .header__title{letter-spacing:.2px;padding:6px 0;font-size:22px}.header__link{color:var(--navy);background:0 0;border:none;align-items:center;gap:2px;min-width:72px;min-height:44px;padding:0;font-size:16px;font-weight:600;text-decoration:none;display:flex}.header__link--end{justify-content:flex-end}.content{min-width:0;padding:20px calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));flex-direction:column;flex:auto;gap:20px;display:flex}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.tile{background:var(--paper);border:1px solid var(--line);min-width:0;color:var(--ink);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:104px;padding:22px 10px;font-size:16px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.tile:active{background:var(--tile-icon)}.tile__icon{background:var(--tile-icon);width:30px;height:30px;color:var(--navy);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.tile__icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tile--empty{background:var(--disabled-bg);border-style:dashed;border-color:var(--disabled-line);color:var(--disabled-ink);gap:6px}.tile--empty .tile__icon{color:var(--disabled-faint);background:#f0f0ec}.tile__hint{color:var(--disabled-faint);font-size:11px;font-weight:400}.rows{flex-direction:column;gap:10px;display:flex}.row{background:var(--paper);border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;display:flex}.row:active{background:var(--tile-icon)}.row__name{color:var(--ink);font-size:17px;font-weight:600}.row__meta{color:var(--muted);margin-top:2px;font-size:13px}.row__chevron{color:var(--muted);flex:none;font-size:18px}.last-line{color:var(--muted);text-align:center;min-height:20px;font-size:14px}.stepper{justify-content:center;align-items:center;gap:22px;padding:8px 0;display:flex}.stepper__button{border:1px solid var(--line);background:var(--paper);width:52px;height:52px;color:var(--navy);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;display:flex}.stepper__button:disabled{color:var(--disabled-faint);background:var(--disabled-bg)}.stepper__button:active:not(:disabled){background:var(--tile-icon)}.stepper__value{text-align:center;min-width:130px}.stepper__number{color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.stepper__unit{color:var(--muted);font-size:13px}.submit{background:var(--navy);color:#fff;border:none;border-radius:14px;width:100%;padding:18px;font-size:18px;font-weight:700}.submit:active{background:var(--navy-dark)}.hint{color:var(--muted);text-align:center;font-size:12px}.warning{background:var(--warning-bg);border:1px solid var(--warning-line);color:var(--warning-ink);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;line-height:1.35;display:flex}.toggle-group{justify-content:center;gap:8px;display:flex}.toggle{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;min-height:44px;padding:9px 18px;font-size:14px;font-weight:600}.toggle--on{border-color:var(--navy);background:var(--navy);color:#fff}.field__label{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;padding:14px;font-family:inherit;font-size:16px}.marker{background:var(--paper);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.marker__label{color:var(--ink);flex:1;min-width:0;font-size:15px;font-weight:600}.marker__input{border:1px solid var(--line);text-align:right;width:92px;color:var(--ink);background:var(--paper);border-radius:8px;min-height:44px;padding:10px;font-family:inherit;font-size:15px}.marker__input::placeholder{color:var(--muted)}.codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.code{background:var(--paper);border:1px solid var(--line);min-width:0;color:var(--ink);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:88px;padding:18px 6px;display:flex;overflow:hidden}.code:active{background:var(--tile-icon)}.code__code{color:var(--navy);font-size:19px;font-weight:700}.code__name{color:var(--muted);font-size:11px;line-height:1.25}.check{background:var(--paper);border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.check:active{background:var(--tile-icon)}.check__name{font-size:17px;font-weight:600}.check__meta{color:var(--muted);margin-top:2px;font-size:13px}.check__mark{border:1px solid var(--line);color:#0000;background:#f0f0ec;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.check__mark--on{background:var(--navy);border-color:var(--navy);color:#fff}.stars{justify-content:center;gap:10px;display:flex}.star{color:#d8d8d3;background:0 0;border:none;min-width:44px;min-height:44px;padding:6px;font-size:32px;line-height:1}.star--on{color:var(--navy)}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty__title{color:var(--ink);font-size:17px;font-weight:600}.empty__body{max-width:34ch;font-size:15px;line-height:1.4}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--navy);color:#fff;z-index:50;text-align:center;border-radius:999px;max-width:calc(100% - 40px);padding:12px 20px;font-size:15px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #142b4a40}@media (prefers-reduced-motion:no-preference){.toast{animation:.16s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}}