.kettles-root{box-sizing:border-box;width:100%;max-width:440px;color:var(--color-foreground,#fff);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding:1rem .75rem 2rem;font-family:inherit;display:flex}.kettles-header{text-align:center;width:100%;margin-bottom:.75rem}.kettles-title{letter-spacing:-.02em;color:#5eead4;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.kettles-subtitle{color:var(--color-muted-foreground,#8e9cae);margin:0;font-size:.85rem;line-height:1.3}.kettles-target-card{box-sizing:border-box;background:#5eead41a;border:1px solid #5eead44d;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding:.6rem 1rem;display:flex}.kettles-target-badge{color:#5eead4;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.kettles-ops-badge{color:var(--color-muted-foreground,#8e9cae);font-size:.85rem;font-weight:600}.kettles-hint{color:#5eead4;text-align:center;min-height:1.2rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.kettles-stage{justify-content:space-around;align-items:flex-end;gap:.5rem;width:100%;height:240px;margin-bottom:.75rem;padding:.5rem 0;display:flex}.kettle-col{flex-direction:column;flex:1;align-items:center;display:flex}.kettle-vessel{cursor:pointer;background:#ffffff0a;border:2px solid #fff3;border-top:none;border-radius:0 0 14px 14px;flex-direction:column;justify-content:flex-end;width:100%;max-width:90px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.kettle-vessel.kettle-0{height:120px}.kettle-vessel.kettle-1{height:160px}.kettle-vessel.kettle-2{height:210px}.kettle-vessel.selected{border-color:#5eead4;transform:translateY(-4px);box-shadow:0 0 16px #5eead466}.kettle-vessel.target-goal{border-color:#5eead499}.kettle-water{opacity:.85;background:linear-gradient(#5eead4 0%,#14b8a6 100%);border-radius:0 0 12px 12px;width:100%;transition:height .3s cubic-bezier(.4,0,.2,1)}.kettle-ticks{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.kettle-tick-line{background:#ffffff40;width:25%;height:1px;position:absolute;left:0}.kettle-tick-line.target-line{background:#5eead4;width:100%;height:2px;box-shadow:0 0 4px #5eead4}.kettle-info{text-align:center;margin-top:.5rem}.kettle-amt{color:#fff;font-size:.95rem;font-weight:800}.kettle-cap{color:var(--color-muted-foreground,#8e9cae);font-size:.75rem}.kettle-btn-group{gap:.25rem;width:100%;margin-top:.35rem;display:flex}.kettle-action-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex:1;min-height:44px;padding:.3rem 0;font-size:.75rem;font-weight:700;transition:all .1s}.kettle-action-btn:hover:not(:disabled){color:#5eead4;background:#5eead433;border-color:#5eead4}.kettle-action-btn:disabled{opacity:.3;cursor:not-allowed}.kettles-toolbar{gap:.5rem;width:100%;margin-top:.75rem;display:flex}.kettles-tool-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex:1;min-height:44px;padding:.6rem;font-size:.85rem;font-weight:700;transition:all .15s}.kettles-tool-btn:hover:not(:disabled){background:#ffffff1f}.kettles-tool-btn:disabled{opacity:.4;cursor:not-allowed}.kettles-win-card{text-align:center;box-sizing:border-box;background:#ffffff0d;border:1px solid #5eead44d;border-radius:16px;width:100%;margin-top:.75rem;padding:1.5rem 1rem}.kettles-win-title{color:#5eead4;margin:0 0 .25rem;font-size:1.5rem;font-weight:900}.kettles-win-sub{color:var(--color-muted-foreground,#8e9cae);margin:0 0 1rem;font-size:.95rem}.kettles-actions{gap:.5rem;width:100%;display:flex}.kettles-primary-btn{cursor:pointer;color:#061210;background:#5eead4;border:none;border-radius:12px;flex:1;padding:.75rem;font-size:.95rem;font-weight:800;transition:all .15s}.kettles-secondary-btn{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:12px;flex:1;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .15s}@media (prefers-reduced-motion:reduce){.kettle-vessel,.kettle-water,.kettle-action-btn,.kettles-tool-btn,.kettles-primary-btn,.kettles-secondary-btn{transition:none!important}.kettle-vessel.selected{transform:none}}@media (max-height:430px){.kettles-root{padding:.5rem .75rem .75rem}.kettles-header{margin-bottom:.4rem}.kettles-title{font-size:1.15rem}.kettles-subtitle{display:none}.kettles-target-card{margin-bottom:.4rem;padding:.4rem 1rem}.kettles-hint{margin-bottom:.4rem}.kettles-stage{height:auto;margin-bottom:.4rem;padding:.25rem 0}.kettle-vessel.kettle-0{height:72px}.kettle-vessel.kettle-1{height:96px}.kettle-vessel.kettle-2{height:126px}.kettles-toolbar{margin-top:.4rem}}