:root{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#eaf4ff;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:20px}*{box-sizing:border-box}body{margin:0}#root{background:#fff;flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.screen{text-align:center;flex-direction:column;flex:1;align-items:center;padding:24px 20px 40px;display:flex}.topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.greeting{color:#0b3d66;font-size:1.4rem;font-weight:600}.switch{color:#2e7d32;cursor:pointer;background:0 0;border:none;font-size:1rem;text-decoration:underline}.cups{grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0 16px;font-size:2rem;display:grid}.cup{opacity:.2;filter:grayscale();transition:opacity .2s,filter .2s}.cup.filled{opacity:1;filter:none}.count{color:#0b3d66;margin-top:8px;font-size:3.2rem;font-weight:700}.count .of{color:#5a6b7a;font-size:1.2rem;font-weight:500}.ml{color:#5a6b7a;margin-top:4px;font-size:1.1rem}.done{color:#2e7d32;margin-top:12px;font-size:1.2rem;font-weight:600}.big-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:20px;width:100%;min-height:110px;margin-top:28px;font-size:1.6rem;font-weight:700;line-height:1.3;box-shadow:0 6px 16px #2196f359}.big-btn:active{transform:scale(.98)}.big-btn .sub{font-size:1.1rem;font-weight:500}.undo-btn{color:#b00020;cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:1.1rem;text-decoration:underline}.undo-btn:disabled{color:#bbb;cursor:default;text-decoration:none}.pick{justify-content:center}.pick h1{color:#0b3d66;margin:0 0 8px;font-size:2.4rem}.pick-q{color:#5a6b7a;margin-bottom:28px;font-size:1.4rem}.pick-list{flex-direction:column;gap:18px;width:100%;display:flex}.pick-btn{color:#0b3d66;cursor:pointer;background:#fff;border:3px solid #2196f3;border-radius:18px;min-height:90px;font-size:1.6rem;font-weight:700}.pick-btn:active{background:#e3f2fd}.reminders{border-top:1px solid #e5eef7;width:100%;margin-top:36px;padding-top:24px}.reminder-btn{color:#2e7d32;cursor:pointer;background:#fff;border:3px solid #2e7d32;border-radius:16px;width:100%;min-height:70px;font-size:1.3rem;font-weight:700}.reminder-btn:disabled{opacity:.5;cursor:default}.reminder-on{color:#2e7d32;margin-bottom:12px;font-size:1.3rem;font-weight:600}.reminder-test{color:#2196f3;cursor:pointer;background:0 0;border:none;font-size:1.1rem;text-decoration:underline}.reminder-note{color:#8a96a3;font-size:1rem}.install-banner{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:16px;width:100%;min-height:64px;margin-bottom:16px;font-size:1.3rem;font-weight:700;box-shadow:0 4px 12px #2e7d324d}.install-banner:active{transform:scale(.98)}.hand-card{border-top:1px solid #e5eef7;width:100%;margin-top:36px;padding-top:24px}.hand-title{color:#0b3d66;margin:0 0 16px;font-size:1.4rem;font-weight:700}.hand-btns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hand-btn{color:#0b3d66;cursor:pointer;background:#fff;border:3px solid #2196f3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;font-size:1.5rem;font-weight:700;display:flex}.hand-btn:active{transform:scale(.98)}.hand-btn.done{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.hand-count{color:#5a6b7a;font-size:.95rem;font-weight:500}.hand-btn.done .hand-count{color:#2e7d32}.hand-done{color:#2e7d32;margin-top:14px;font-size:1.2rem;font-weight:600}