*{box-sizing:border-box}html{min-height:100%;background:#17162e}body{margin:0;min-height:100vh;min-height:100svh;color:#f7eee9;background:radial-gradient(ellipse at 50% -12%,#40344e 0,#25233e 42%,#17162e 78%);font:15px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC",sans-serif}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.24;background:radial-gradient(1px 1px at 12% 16%,#fff 98%,transparent),radial-gradient(1px 1px at 73% 27%,#f5d9d4 98%,transparent),radial-gradient(1px 1px at 35% 43%,#fff 98%,transparent),radial-gradient(1px 1px at 89% 65%,#fff 98%,transparent),radial-gradient(1px 1px at 53% 78%,#f4c6d4 98%,transparent);background-size:230px 190px}.shell{width:min(880px,100%);margin:0 auto;padding:18px 22px 45px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px}.back{display:inline-flex;align-items:center;gap:9px;color:#eadfe5;text-decoration:none;font-size:13px}.back span{font-size:18px}.privacy-mark{display:inline-flex;align-items:center;gap:7px;color:#c8bacd;font-size:11px;letter-spacing:.08em}.privacy-mark span{font-size:8px;color:#b7c4aa}.intro{padding:34px 0 20px}.eyebrow,.kicker{display:flex;align-items:center;gap:9px;margin:0;color:#c6aaba;font-size:10px;letter-spacing:.19em}.eyebrow i{display:block;width:28px;height:1px;background:#d5adbb}h1,h2,p{margin-top:0}.intro h1{margin:10px 0 3px;font-size:clamp(34px,8vw,48px);font-weight:500;letter-spacing:.04em}.lead{margin:0;color:#b8adbf;font-size:13px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 15px}.stat-card,.panel{border:1px solid #f4dced1d;border-radius:18px;background:linear-gradient(145deg,#2c2944dc,#211f38db);box-shadow:0 14px 38px #09091838,inset 0 1px #ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat-card{min-height:108px;padding:15px 17px}.stat-card span{display:block;color:#bcb0c0;font-size:11px}.stat-card strong{display:inline-block;margin-top:5px;color:#f6dfd8;font-size:34px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.stat-card small{margin-left:5px;color:#c7b7c9;font-size:11px}.panel{padding:20px 22px;margin:14px 0}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2,.section-heading h2{margin:4px 0 0;font-size:19px;font-weight:500;letter-spacing:.03em}.moon-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e5cfb43d;border-radius:50%;color:#f0d9c1;font-size:20px}.quick-add{display:flex;align-items:center;gap:13px;width:100%;min-height:72px;margin:16px 0 10px;padding:12px 16px;border:1px solid #e8c8ce6e;border-radius:14px;color:#211d33;background:linear-gradient(125deg,#eed4cc,#d9bfd7);text-align:left;cursor:pointer;transition:transform .15s,filter .15s}.quick-add:hover{filter:brightness(1.06)}.quick-add:active{transform:scale(.99)}.quick-add:focus-visible,.save-button:focus-visible,.back:focus-visible,summary:focus-visible,.delete-button:focus-visible{outline:2px solid #f1d0d0;outline-offset:3px}.plus{display:grid;place-items:center;width:39px;height:39px;border:1px solid #5546603b;border-radius:50%;font-size:23px}.quick-add strong,.quick-add small{display:block}.quick-add strong{font-size:15px}.quick-add small{margin-top:3px;color:#51465a;font-size:11px}.manual-entry{border-top:1px solid #ffffff12;padding-top:11px}.manual-entry summary{width:max-content;color:#d8c7d6;font-size:12px;cursor:pointer}.manual-entry form{display:grid;grid-template-columns:1fr 110px;gap:2px 12px;margin-top:12px}.manual-entry label{display:block;margin:5px 0 9px;color:#d4c7d2;font-size:11px}.manual-entry label>span{color:#a99aa9}.manual-entry input{display:block;width:100%;height:42px;margin-top:5px;padding:0 10px;border:1px solid #e8d9e528;border-radius:9px;outline:none;background:#15152bbb;color:#fff3ef;font:inherit;font-size:12px}.manual-entry input:focus{border-color:#e7c4ca99;box-shadow:0 0 0 3px #e7c4ca13}.note-label{grid-column:1/-1}.save-button{grid-column:1/-1;min-height:42px;margin-top:2px;border:1px solid #e5cad354;border-radius:10px;background:#f1d8d729;color:#f7e9ec;font:inherit;font-size:12px;cursor:pointer}.save-button:hover{background:#f1d8d73d}.chart-total{color:#cdbccf;font-size:11px}.chart-total b{color:#f4ded4;font-size:20px;font-weight:500}.week-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:142px;margin-top:20px;padding:0 4px}.day-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%;min-width:0}.day-count{height:13px;color:#d9c9da;font-size:10px;font-variant-numeric:tabular-nums}.bar-track{display:flex;align-items:flex-end;width:min(100%,40px);height:92px;overflow:hidden;border:1px solid #e2d6e317;border-radius:9px;background:#13162a75}.bar{width:100%;min-height:3px;border-radius:8px;background:linear-gradient(180deg,#edcfcc,#9e8bb7);box-shadow:0 0 14px #d6b3ce2c}.bar.today{background:linear-gradient(180deg,#f2d4b9,#d3919d)}.day-label{color:#a99db1;font-size:10px}.day-label.today{color:#efd5d1}.history{margin-top:26px}.history-heading{margin:0 2px 12px}.record-list{display:grid;gap:9px}.record-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #f1e0ee17;border-radius:13px;background:#25233bd1}.record-time{color:#efd5ce;font-size:14px;font-variant-numeric:tabular-nums}.record-details{min-width:0}.record-amount{color:#f5eeea;font-size:13px}.record-note{overflow:hidden;margin-top:3px;color:#afa4b3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.delete-button{width:34px;height:34px;border:1px solid #f1e0ee1c;border-radius:50%;background:transparent;color:#bdb0be;font-size:17px;cursor:pointer}.delete-button:hover{border-color:#dc9eaa77;color:#f0c8ca}.empty-state{margin:0;padding:30px 15px;border:1px dashed #e3d3e523;border-radius:13px;color:#afa4b3;text-align:center;font-size:12px}.privacy-note{margin:20px 1px 0;color:#a89bad;font-size:10px;line-height:1.8}.privacy-note span{margin-right:5px;color:#d5bbc9}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:5;max-width:calc(100vw - 32px);padding:10px 15px;border:1px solid #ead8e141;border-radius:99px;background:#211f35ee;color:#f4e5e9;font-size:12px;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.sync-retry{margin-left:8px;padding:2px 8px;border:1px solid #e8c8ce55;border-radius:99px;background:transparent;color:#e6cbd7;font:inherit;font-size:10px;cursor:pointer}.sync-retry:focus-visible{outline:2px solid #f1d0d0;outline-offset:3px}.smoking-animation{width:88px;height:88px;flex:none;overflow:hidden;filter:drop-shadow(0 4px 14px #e9b9d333)}.smoking-moment{position:fixed;left:50%;top:50%;z-index:4;width:min(420px,calc(100vw - 32px));margin:0;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%)}.smoking-moment[hidden]{display:none}.smoking-moment img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}@media(max-width:580px){.smoking-moment{width:min(360px,calc(100vw - 28px))}}.smoking-animation svg{display:block;width:100%;height:100%}.privacy-note a{color:#d8bfd3;text-decoration:underline;text-underline-offset:2px}.privacy-note a:focus-visible{outline:2px solid #f1d0d0;outline-offset:3px}@media(max-width:580px){.shell{padding:13px 15px 32px}.intro{padding:25px 0 15px}.summary{gap:8px}.stat-card{min-height:91px;padding:12px 11px;border-radius:14px}.stat-card strong{font-size:29px}.panel{padding:16px;border-radius:15px}.week-chart{gap:5px;height:132px}.bar-track{height:82px}.record-row{grid-template-columns:49px 1fr auto;gap:9px;padding:10px}.record-time{font-size:13px}}@media(max-width:360px){.summary{gap:6px}.stat-card{padding:11px 8px}.stat-card strong{font-size:26px}.panel{padding:14px}.week-chart{gap:3px}.day-label{font-size:9px}}