:root{--bg: #0e0f11;--bg-deep: #08090a;--surface: #16181b;--surface-hi: #1e2126;--line: #2a2e34;--line-soft: #202429;--text: #e9e5de;--muted: #888e96;--faint: #565c64;--accent: #ff4d17;--accent-warm: #ffa03d;--danger: #ff5a6a;--gyaru: #ff3e9a;--gyaru-warm: #ffb0d4;--font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-jp: "Zen Kaku Gothic New", -apple-system, "Hiragino Sans", sans-serif;--r: 3px;--gutter: clamp(14px, 4vw, 22px);--sheet-ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-jp);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 60% at 50% -12%,rgba(255,77,23,.13),transparent 62%),radial-gradient(90% 50% at 92% 8%,rgba(255,160,61,.06),transparent 60%)}body:after{content:"";position:fixed;inset:-50%;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:2}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-hi);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;transition:background .18s,border-color .18s,transform .12s}.btn:hover:not(:disabled){background:#262a30;border-color:#3a3f47}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#14100e;font-weight:700;box-shadow:0 0 #ff4d1780}.btn--primary:hover:not(:disabled){background:#ff6333;border-color:#ff6333;box-shadow:0 6px 24px -8px #ff4d17bf}.btn--ghost{background:transparent;border-color:var(--line-soft);color:var(--muted)}.btn--danger{background:transparent;border-color:#4a2529;color:var(--danger)}.btn--wide{width:100%}.field{width:100%;min-height:46px;padding:0 12px;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r);transition:border-color .18s,background .18s}.field:focus{outline:none;border-color:var(--accent);background:#0b0c0d}.field::placeholder{color:var(--faint)}.field--num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;padding-right:10px;letter-spacing:-.02em}.shell{max-width:640px;margin:0 auto;padding:0 var(--gutter) calc(120px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 14px;max-width:640px;margin:0 auto;background:linear-gradient(var(--bg) 72%,rgba(14,15,17,0));backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:2px;background:var(--accent);color:#14100e;font-family:var(--font-jp);font-weight:700;font-size:17px;line-height:1;box-shadow:0 4px 18px -6px #ff4d17e6}.brand__name{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.24em}.topbar__spacer{flex:1}.badge{padding:3px 8px;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line));border-radius:2px;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent-warm);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.18em}.iconbtn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-soft);border-radius:var(--r);color:var(--muted);transition:color .18s,border-color .18s}.iconbtn:hover{color:var(--text);border-color:var(--line)}.monthbar{display:flex;align-items:flex-end;gap:14px;padding:6px 0 18px}.monthbar__title{display:flex;align-items:baseline;gap:8px}.monthbar__year{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.14em}.monthbar__month{font-family:var(--font-mono);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.03em}.monthbar__month sup{font-size:13px;font-weight:300;color:var(--muted);margin-left:3px;top:-.7em}.monthbar__nav{display:flex;gap:6px;margin-left:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;margin-bottom:20px;background:var(--surface)}.stat{padding:12px 14px;border-right:1px solid var(--line-soft)}.stat:last-child{border-right:none}.stat__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.03em}.stat__value small{font-size:10px;font-weight:300;color:var(--muted);margin-left:3px}.calendar__head,.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar__head{margin-bottom:7px}.calendar__wd{text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--faint)}.calendar__wd--sun{color:#a05a4c}.calendar__wd--sat{color:#4c6a8a}.day{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--surface);color:var(--muted);transition:border-color .18s,transform .12s,background .2s;animation:cell-in .4s var(--sheet-ease) backwards;animation-delay:calc(var(--i) * 8ms)}.day--trained{background:linear-gradient(160deg,color-mix(in oklab,var(--accent) calc(18% + var(--heat) * 62%),transparent),color-mix(in oklab,var(--accent) calc(8% + var(--heat) * 34%),transparent)),var(--surface);border-color:color-mix(in oklab,var(--accent) calc(24% + var(--heat) * 50%),var(--line));color:var(--text)}.day--out{opacity:.28}.day--today{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ff4d1759}.day--selected{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.day:hover{border-color:#3d434b}.day:active{transform:scale(.94)}.day__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;letter-spacing:-.05em;line-height:1}.day--trained .day__num{font-weight:700}.day__bar{width:14px;height:2px;border-radius:2px;background:color-mix(in oklab,var(--accent) 85%,white);opacity:calc(.35 + var(--heat) * .65)}@keyframes cell-in{0%{opacity:0;transform:translateY(5px)}}.legend{display:flex;align-items:center;gap:7px;margin-top:16px;justify-content:flex-end}.legend__swatch{width:13px;height:13px;border-radius:2px;border:1px solid var(--line-soft);background:color-mix(in oklab,var(--accent) var(--sw),transparent)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(rgba(14,15,17,0),var(--bg) 45%)}.dock__inner{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.scrim{position:fixed;inset:0;z-index:40;background:#060708b8;backdrop-filter:blur(3px);animation:fade-in .25s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;width:min(660px,100%);margin-inline:auto;max-height:92svh;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -30px 70px -20px #000000e6;animation:sheet-up .4s var(--sheet-ease)}.sheet:before{content:"";position:absolute;top:-1px;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px}.sheet__head{display:flex;align-items:center;gap:12px;padding:18px var(--gutter) 14px;border-bottom:1px solid var(--line-soft)}.sheet__title{display:flex;align-items:baseline;gap:9px}.sheet__date{font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:-.04em}.sheet__wd{font-size:12px;color:var(--muted)}.sheet__body{padding:16px var(--gutter);overflow-y:auto;overscroll-behavior:contain;flex:1}.sheet__foot{padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--surface);display:grid;gap:10px;grid-template-columns:auto 1fr}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.carry{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:14px;border:1px dashed color-mix(in oklab,var(--accent) 35%,var(--line));border-radius:var(--r);background:color-mix(in oklab,var(--accent) 6%,transparent);font-size:12px;color:var(--accent-warm)}.entries{display:grid;gap:10px}.entry{position:relative;padding:12px 12px 12px 16px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--surface);display:grid;gap:9px}.entry:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:0 2px 2px 0;background:var(--line)}.entry:focus-within:before{background:var(--accent)}.entry__top{display:grid;grid-template-columns:1fr auto;gap:8px}.entry__nums{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px}.numfield{display:grid;gap:4px}.numfield__row{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-deep);overflow:hidden}.numfield__row:focus-within{border-color:var(--accent)}.numfield__row .field{border:none;background:transparent;min-width:0}.numfield__row .field:focus{background:transparent}.numfield__unit{display:grid;place-items:center;padding:0 9px 0 2px;font-family:var(--font-mono);font-size:10px;color:var(--faint);white-space:nowrap}.unitbtn{padding:0 9px;font-family:var(--font-mono);font-size:10px;color:var(--muted);border-left:1px solid var(--line);transition:color .15s,background .15s}.unitbtn:hover{color:var(--accent);background:#ff4d1714}.entry__remove{width:42px;border:1px solid var(--line-soft);border-radius:var(--r);color:var(--faint);font-size:18px;line-height:1;transition:color .15s,border-color .15s}.entry__remove:hover{color:var(--danger);border-color:#4a2529}.entry__volume{font-family:var(--font-mono);font-size:10px;color:var(--faint);text-align:right;letter-spacing:.04em}.note{width:100%;min-height:68px;padding:10px 12px;margin-top:14px;resize:vertical;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r);font-family:var(--font-jp);line-height:1.6}.note:focus{outline:none;border-color:var(--accent)}.empty{padding:28px 0;text-align:center;color:var(--faint);font-size:13px}.rangepick{display:flex;gap:8px;margin-bottom:14px}.chip{flex:1;min-height:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-family:var(--font-mono);font-size:11px;color:var(--muted);transition:all .18s}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#14100e;font-weight:700}.preview{max-height:42svh;overflow:auto;overscroll-behavior:contain;padding:14px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r);font-family:var(--font-mono);font-size:10.5px;line-height:1.85;white-space:pre-wrap;word-break:break-word;color:var(--muted)}.hint{margin-top:12px;font-size:12px;color:var(--faint);line-height:1.7}.gate{min-height:100svh;display:grid;place-items:center;padding:var(--gutter)}.gate__card{width:min(400px,100%);display:grid;gap:16px;animation:sheet-up .5s var(--sheet-ease)}.gate__brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.gate__mark{display:grid;place-items:center;width:46px;height:46px;border-radius:3px;background:var(--accent);color:#14100e;font-size:26px;font-weight:700;line-height:1;box-shadow:0 8px 34px -10px #ff4d17}.gate__name{font-family:var(--font-mono);font-size:19px;font-weight:700;letter-spacing:.28em;line-height:1.2}.gate__tag{font-size:11px;color:var(--faint);letter-spacing:.05em}.gate__form{display:grid;gap:10px}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;max-width:calc(100vw - 32px);padding:11px 18px;border:1px solid var(--line);border-radius:40px;background:var(--surface-hi);font-family:var(--font-mono);font-size:11px;white-space:nowrap;box-shadow:0 14px 40px -12px #000000e6;animation:toast-in .3s var(--sheet-ease)}.toast--error{border-color:#4a2529;color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}}.praise{position:fixed;left:0;right:0;bottom:calc(88px + env(safe-area-inset-bottom));z-index:55;width:min(600px,calc(100% - 28px));margin-inline:auto;padding:13px 15px 15px;display:grid;gap:12px;border:1px solid var(--praise-line);border-radius:5px;background:linear-gradient(150deg,color-mix(in oklab,var(--praise) 12%,var(--surface-hi)),var(--surface-hi));box-shadow:0 20px 50px -18px #000000f2,0 0 0 1px #0006;cursor:pointer;animation:praise-in .5s var(--sheet-ease);--praise: var(--accent);--praise-warm: var(--accent-warm);--praise-line: color-mix(in oklab, var(--accent) 38%, var(--line))}.praise--t4,.praise--t5{--praise: var(--gyaru);--praise-warm: var(--gyaru-warm);--praise-line: color-mix(in oklab, var(--gyaru) 46%, var(--line))}.praise--t5{animation:praise-in .5s var(--sheet-ease),praise-pulse 1.5s ease-in-out .5s 3}@keyframes praise-in{0%{opacity:0;transform:translateY(22px) scale(.97)}}@keyframes praise-pulse{50%{box-shadow:0 20px 50px -18px #000000f2,0 0 26px -4px color-mix(in oklab,var(--gyaru) 70%,transparent)}}.praise__meter{display:flex;align-items:center;gap:4px}.praise__seg{width:20px;height:3px;border-radius:2px;background:var(--line);transition:background .3s}.praise__seg--on{background:var(--praise)}.praise__tier{margin-left:6px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.18em;color:var(--praise-warm)}.praise__line{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;animation:praise-line-in .45s var(--sheet-ease) backwards}@keyframes praise-line-in{0%{opacity:0;transform:translate(-8px)}}.praise__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:3px;font-family:var(--font-jp);font-size:17px;font-weight:700;line-height:1;color:#14100e}.praise__line--macho .praise__mark{background:var(--accent);box-shadow:0 4px 16px -5px #ff4d17e6}.praise__line--gyaru .praise__mark{background:var(--gyaru);color:#22060f;box-shadow:0 4px 16px -5px #ff3e9ae6}.praise__who{display:flex;align-items:baseline;gap:7px;margin-bottom:2px}.praise__name{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em}.praise__sub{font-size:9.5px;color:var(--faint)}.praise__text{font-size:13.5px;line-height:1.6;font-weight:500;text-wrap:pretty}.praise__line--gyaru .praise__text{color:var(--gyaru-warm)}.alert{padding:10px 12px;border:1px solid #4a2529;border-radius:var(--r);background:#ff5a6a12;color:var(--danger);font-size:12px}.spinner{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:100svh;display:grid;place-items:center;color:var(--faint)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}