:root{--bg: #ffffff;--bg-sub: #f5f5f7;--text: #1d1d1f;--text-sub: #86868b;--line: #e5e5ea;--accent: #c8871b;--accent-dark: #a06d10;--accent-soft: #fdf4e3;--star: #f0b429;--star-pale: #d8d8dd;--danger: #ff3b30;--radius: 14px;--tabbar-h: 58px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{font-size:16px;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);height:100%;height:100dvh;overflow:hidden;position:relative}.scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.page{max-width:480px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px 24px}h1{font-size:1.35rem;font-weight:700}h2{font-size:1rem;font-weight:600;color:var(--text-sub);margin:20px 0 8px}.card{background:var(--bg-sub);border-radius:var(--radius);padding:16px;margin-bottom:12px}.tabbar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:100}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-sub);font-size:.65rem;padding:6px 18px}.tabbar a.on{color:var(--accent)}.tabbar svg{width:24px;height:24px}.btn{display:block;width:100%;padding:15px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .15s;font-family:inherit}.btn:active{opacity:.7}.btn:disabled{background:var(--line);color:var(--text-sub)}.btn.sub{background:var(--bg-sub);color:var(--text);font-weight:600}.btn.star{background:var(--star);color:#4a3500}.btn.danger{background:transparent;color:var(--danger);font-weight:600}.btn.mini{width:auto;padding:8px 14px;font-size:.85rem;border-radius:10px}input[type=text],input[type=number],input[type=password],input[type=time]{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:var(--bg);font-family:inherit;color:var(--text)}.today-box{text-align:center;padding:26px 16px 22px}.today-date{font-size:.8rem;color:var(--text-sub)}.today-g{font-size:3.4rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.today-g span{font-size:1.2rem;font-weight:700;margin-left:2px}.today-note{font-size:.85rem;color:var(--text-sub);margin-top:4px}.big-star{display:flex;justify-content:center;margin-bottom:6px}.big-star svg{width:76px;height:76px}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.pop{animation:pop .45s ease-out}.stats{display:flex;gap:10px}.stats .s{flex:1;text-align:center;background:var(--bg-sub);border-radius:var(--radius);padding:12px 6px}.stats .s b{display:block;font-size:1.35rem;font-weight:700}.stats .s span{font-size:.68rem;color:var(--text-sub)}.drinks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.drink-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:12px;background:var(--bg-sub);border:1.5px solid transparent;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;font-family:inherit}.drink-chip:active{background:var(--accent-soft);border-color:var(--accent)}.drink-chip small{font-size:.65rem;color:var(--text-sub);font-weight:500}.drink-chip.on{background:var(--accent-soft);border-color:var(--accent)}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .num{font-weight:700;white-space:nowrap}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:1.05rem;cursor:pointer;color:var(--text);line-height:1}.stepper .n{min-width:22px;text-align:center;font-weight:700}.week-chart{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:10px}.week-chart .bar{flex:1;background:var(--accent);opacity:.45;border-radius:3px 3px 0 0;min-height:2px}.week-chart .bar.today{opacity:1}.week-chart .bar.zero{background:var(--star);opacity:.6}.week-days{display:flex;gap:6px;margin-top:4px}.week-days span{flex:1;text-align:center;font-size:.62rem;color:var(--text-sub)}.cal-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-head-row button{border:none;background:var(--bg-sub);color:var(--text);width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-head{text-align:center;font-size:.7rem;color:var(--text-sub);padding:4px 0}.cal-day{aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.8rem;cursor:pointer;border:1.5px solid transparent;background:var(--bg-sub)}.cal-day.empty{background:transparent;cursor:default}.cal-day.future{opacity:.35;cursor:default}.cal-day.pre{opacity:.5}.cal-day.today{border-color:var(--accent)}.cal-day.sel{background:var(--accent);color:#fff}.cal-day.sel small{color:#ffffffe6}.cal-day small{font-size:.58rem;color:var(--text-sub);line-height:1}.cal-day .st{width:14px;height:14px}.cal-day .st.pale{color:var(--star-pale)}.cal-day .st.gold{color:var(--star)}.cal-day .lv{width:60%;height:4px;border-radius:2px;background:var(--accent)}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.68rem;color:var(--text-sub);align-items:center}.legend i{display:inline-flex;align-items:center;gap:4px;font-style:normal}.legend svg{width:12px;height:12px}.sheet-bg{position:absolute;inset:0;background:#00000059;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:85%;overflow-y:auto}.sheet h3{font-size:1.05rem;margin-bottom:12px}.sheet .field{margin-bottom:12px}.sheet .field label{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:4px}.sheet .two{display:flex;gap:10px}.sheet .two>div{flex:1}.dialog-bg{position:absolute;inset:0;background:#00000059;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{background:var(--bg);border-radius:16px;padding:20px;width:100%;max-width:320px;text-align:center}.dialog p{font-size:.95rem;margin-bottom:16px;white-space:pre-wrap}.dialog .btns{display:flex;gap:10px}.dialog .btns .btn{padding:12px;font-size:.95rem}.toast{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 20px);background:#1d1d1feb;color:#fff;padding:10px 18px;border-radius:22px;font-size:.85rem;font-weight:600;z-index:250;pointer-events:none}.muted{color:var(--text-sub);font-size:.85rem}.center{text-align:center}.mt{margin-top:16px}.err{color:var(--danger);font-size:.8rem;margin-top:6px}.ok{color:var(--accent-dark);font-size:.8rem;margin-top:6px}