:root{--ink: #2a1a20;--mut: #6b5560;--line: #eedfe5;--wine: #9e2350;--wine-dark: #7a1a3d;--rose: #fbeff3;--rose-line: #e6cbd5;--amber: #8a3b00;--amber-bg: #fff4e5;--green: #17583a;--green-mid: #1f6b45;--green-bg: #f3faf6;--green-line: #bfe3cf;--input-line: #d9c3cc;--input-bg: #fffbeb;--display: "Bricolage Grotesque", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:#fff;color:var(--ink)}body{font-family:DM Sans,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}a{color:var(--wine)}a:hover{color:var(--wine-dark)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#fff}.body{flex-grow:1;padding:28px 20px 16px;display:flex;flex-direction:column;gap:14px}.body.tight{padding-top:20px}.body.center{padding-bottom:24px}.grow{flex-grow:1}.nav{position:sticky;bottom:0;background:#fff;display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:6px 0 calc(14px + env(safe-area-inset-bottom));font-size:12px}.nav a{min-height:44px;min-width:60px;display:flex;align-items:center;justify-content:center;color:var(--mut);text-decoration:none}.nav a.active{color:var(--wine);font-weight:700}.h1{margin:0;font-family:var(--display);font-size:26px;line-height:1.15}.h1.lg{font-size:28px}.head{display:flex;flex-direction:column;gap:4px}.sub{font-size:14px;color:var(--mut)}.small{font-size:12px;color:var(--mut)}.note{font-size:13px;color:var(--mut);line-height:1.4}.section-title{font-size:15px;font-weight:700}.warn-text{color:var(--amber)}.ok-text{color:var(--green-mid)}.strong{font-weight:700}.display{font-family:var(--display);font-weight:700}.right{text-align:right}.back{min-height:44px;display:flex;align-items:center;font-size:14px;text-decoration:none;align-self:flex-start;background:none;border:0;padding:0;color:var(--wine)}.pill{align-self:flex-start;background:var(--rose);color:var(--wine);font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px}.step-dot{flex-shrink:0;width:24px;height:24px;border-radius:12px;background:var(--wine);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.step-dot.off{background:var(--rose);color:var(--wine)}.btn{border:0;border-radius:14px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;background:var(--rose);color:var(--wine);padding:0 16px;text-align:center;width:100%}.btn:hover{color:var(--wine-dark)}.btn.primary{background:var(--wine);color:#fff;min-height:52px;font-size:16px}.btn.primary:hover{background:var(--wine-dark);color:#fff}.btn.dashed{background:#fff;border:2px dashed var(--wine)}.btn.danger{background:#fff;color:#8f1d2c;border:1px solid #e3b3bb}.btn:disabled{opacity:.55;cursor:default}.link-btn{background:none;border:0;padding:0;color:var(--wine);font-weight:700;font-size:13px;text-decoration:underline}.input{border:1px solid var(--input-line);border-radius:8px;padding:8px;background:var(--input-bg);text-align:right;min-width:0;width:100%;font-size:14px}.input.left{text-align:left}.input.big{font-size:16px;border-radius:12px;padding:12px;background:#fff;text-align:left}.input.search{font-size:15px;border-radius:12px;padding:12px;background:#fff;text-align:left}.input:focus{outline:2px solid var(--wine);outline-offset:1px}select.input{text-align:left}.field-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.field-row .input{width:104px;flex-shrink:0}.field-row.first{border-top:0}.field-label{display:flex;flex-direction:column;gap:2px}.list{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.row{display:flex;justify-content:space-between;gap:8px}.grid3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.grid3.head-row{border-top:0;font-size:12px;color:var(--mut);padding-bottom:6px}.grid-item{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.card{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);background:#fff}.card.big{border-radius:16px;padding:14px}.card.rose{background:var(--rose);border:0}.card.rose.lg{border-radius:18px;padding:16px}.card.wine{background:var(--wine);color:#fff;border:0;border-radius:18px;padding:16px;gap:6px}.card.hero{background:var(--wine);color:#fff;border:0;border-radius:20px;padding:18px;gap:10px}.card.hero:hover{color:#fff}.card.green{background:var(--green-bg);border:1px solid var(--green-line);border-radius:18px;padding:16px}.alert{text-decoration:none;color:var(--amber);background:var(--amber-bg);border-radius:14px;padding:12px;font-size:14px;display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:48px}.alert:hover{color:var(--amber)}.menu-card{text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:60px;background:#fff;width:100%;text-align:left}.card:hover,a.card:hover{color:var(--ink)}.card.hero:hover,.card.wine:hover{color:#fff}.menu-card:hover{color:var(--ink);border-color:var(--rose-line)}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tile{text-decoration:none;color:var(--ink);background:var(--rose);border-radius:12px;padding:12px;font-size:14px;font-weight:500;min-height:48px;display:flex;align-items:center}.tile:hover{color:var(--ink)}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:var(--rose);border-radius:12px;padding:4px}.tabs a{min-height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mut);text-decoration:none}.tabs a.active{background:#fff;font-weight:700;color:var(--ink)}.bar{height:8px;border-radius:4px;background:#fff}.bar>div{height:100%;border-radius:inherit;background:#c77d97}.bar.on-wine{background:#ffffff4d}.bar.on-wine>div{background:#fff}.check{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff;text-align:left;width:100%}.check.on{border-color:var(--wine);background:var(--rose);font-weight:700}.check .box{width:22px;height:22px;border-radius:6px;border:2px solid var(--input-line);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.check.on .box{background:var(--wine);border-color:var(--wine)}.logo{width:64px;height:64px;border-radius:18px;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:28px;font-weight:700}.avatar{width:44px;height:44px;border-radius:22px;background:var(--rose);display:flex;align-items:center;justify-content:center;color:var(--wine)}.toast{position:fixed;left:50%;bottom:140px;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;max-width:calc(100% - 32px);z-index:10}.loading{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--mut)}.dialog-bg{position:fixed;inset:0;background:#2a1a2066;display:flex;align-items:flex-end;justify-content:center;z-index:20}.dialog{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-height:85vh;max-height:85dvh;overflow:auto}.chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;align-items:end;height:180px;position:relative;padding-top:8px}.chart .col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:12px;line-height:16px}.chart .stack{width:100%;max-width:44px;display:flex;flex-direction:column-reverse;border-radius:6px 6px 0 0;overflow:hidden}.chart .goal{position:absolute;left:0;right:0;border-top:2px dashed var(--mut)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);align-items:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 8px}.chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--rose-line);background:#fff;color:var(--wine);font-size:13px}.chip.on{background:var(--wine);border-color:var(--wine);color:#fff;font-weight:700}.nowrap{white-space:nowrap}.sticky-action{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:2;background:linear-gradient(to bottom,#fff0,#fff 14px);padding-top:14px;margin-top:-14px}