:root{--matcha-liquid:#3d7a40;--matcha-foam:#7ec582;--matcha-deep:#1e4522;--bowl-ceramic:#272522;--bowl-rim:#3a3733}body.light-mode{--matcha-liquid:#3d7a40;--matcha-foam:#82cb87;--matcha-deep:#25542a;--bowl-ceramic:#e8e4db;--bowl-rim:#d1ccbf}.matcha-fab{z-index:999;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:8px;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #00000026}.matcha-fab:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.matcha-fab .fab-icon{font-size:1.15rem;line-height:1}.matcha-fab .sip-count-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);margin-left:2px;padding:2px 7px;font-size:.75rem;font-weight:700}body.light-mode .matcha-fab .sip-count-badge{color:#fff;background:var(--primary)}.matcha-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:2000;opacity:0;visibility:hidden;background:#121110bf;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed;top:0;left:0}.matcha-modal-backdrop.active{opacity:1;visibility:visible}.matcha-station-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:2.25rem 2rem;transition:transform .25s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(16px)scale(.98);box-shadow:0 24px 48px -12px #00000073}.matcha-modal-backdrop.active .matcha-station-card{transform:translateY(0)scale(1)}.matcha-station-close{border:1px solid var(--border);background:var(--bg-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.matcha-station-close:hover{color:var(--text);border-color:var(--border-hover);transform:rotate(90deg)}.station-header{text-align:center;margin-bottom:1.75rem}.station-pill{background:var(--primary-subtle);border:1px solid var(--primary-border);color:var(--primary);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.station-title{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.station-subtitle{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.bowl-canvas-container{flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.chawan-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.chawan-bowl{background:var(--bowl-ceramic);border:6px solid var(--bowl-rim);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #0006,0 8px 24px #00000026}.chawan-liquid{background:radial-gradient(circle at 35% 35%, var(--matcha-foam) 0%, var(--matcha-liquid) 60%, var(--matcha-deep) 100%);border-radius:50%;width:130px;height:130px;transition:background .4s,transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.foam-layer{opacity:.2;background-image:radial-gradient(circle,#ffffffb3 1px,#0000 1px),radial-gradient(circle at 20% 30%,#ffffff80 2px,#0000 2px),radial-gradient(circle at 70% 65%,#fff9 1.5px,#0000 2px);background-size:16px 16px,24px 24px,20px 20px;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.chasen-whisk{pointer-events:none;transform-origin:22px 22px;width:44px;height:44px;transition:transform .15s;position:absolute;top:15px;right:15px}.whisking .chasen-whisk{animation:.12s infinite alternate whiskAgitation}.whisking .chawan-liquid{animation:.3s linear infinite liquidSwirl}@keyframes whiskAgitation{0%{transform:translate(-8px,-4px)rotate(-15deg)}to{transform:translate(6px,8px)rotate(15deg)}}@keyframes liquidSwirl{0%{transform:rotate(0)scale(.98)}50%{transform:rotate(180deg)scale(1.02)}to{transform:rotate(360deg)scale(.98)}}.froth-meter-box{text-align:center;width:100%;margin-top:1rem}.froth-label{color:var(--text-muted);justify-content:space-between;margin-bottom:.4rem;font-size:.8rem;display:flex}.froth-track{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.froth-bar{background:var(--primary);border-radius:var(--radius-full);width:0%;height:100%;transition:width .15s}.station-actions{gap:.75rem;margin-top:1.25rem;display:flex}.btn-whisk,.btn-sip{border-radius:var(--radius-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-whisk{background:var(--primary-subtle);border:1px solid var(--primary-border);color:var(--primary)}.btn-whisk:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}body.light-mode .btn-whisk:hover{color:#fff}.btn-sip{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text)}.btn-sip:hover{border-color:var(--border-hover);background:var(--bg-surface);transform:translateY(-1px)}.zen-quote-box{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;margin-top:1.5rem;padding:1rem 1.25rem}.zen-quote-text{color:var(--text);margin:0 0 .4rem;font-size:.875rem;font-style:italic;line-height:1.5}.zen-quote-author{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.support-options{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.kofi-support-btn{background:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:.85rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;color:#fff!important}.kofi-support-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0003}.promptpay-support-btn{border:1px solid var(--border);width:100%;color:var(--text-muted);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:8px;padding:.75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.promptpay-support-btn:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-subtle)}