.wp-card{--wp-liquid:#a3e635;--wp-liquid-2:#4d7c0f;--wp-ok:#34d399}.wp-modes{justify-content:center}.wp-stage{place-items:center;min-height:290px;margin-top:14px;display:grid;position:relative}.wp-card[data-mode=edge] .wp-round,.wp-card[data-mode=surface] .wp-tube-wrap{display:none}.wp-card[data-mode=edge] .wp-stage{min-height:150px}.wp-vial{isolation:isolate;position:relative;overflow:hidden}.wp-vial:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 50%, #d9f99df2 0%, var(--wp-liquid) 45%, var(--wp-liquid-2) 100%);z-index:-2;position:absolute;inset:0}.wp-vial:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(160deg,#ffffff73 0%,#fff0 38%),radial-gradient(circle at 50% 120%,#00000059,#0000 60%);position:absolute;inset:0}.wp-round{aspect-ratio:1;width:min(74vw,280px);transition:box-shadow .35s var(--ease);border:6px solid #1e293b;border-radius:50%;box-shadow:0 0 0 2px #ffffff1f,0 20px 50px -20px #000c,inset 0 0 30px #00000059}.wp-ring{z-index:-1;border:2px solid #0f172a73;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wp-ring.r1{border-width:3px;border-color:#0f172ab3;width:22%;height:22%;transition:border-color .3s}.wp-ring.r2{width:50%;height:50%}.wp-ring.r3{width:78%;height:78%}.wp-cross{z-index:-1;background:#0f172a47;position:absolute}.wp-cross.h{height:1.5px;top:50%;left:6%;right:6%}.wp-cross.v{width:1.5px;top:6%;bottom:6%;left:50%}.wp-bubble{will-change:transform;z-index:1;background:radial-gradient(circle at 38% 34%,#fff 0%,#ffffffeb 30%,#ecfccbbf 70%,#ecfccb66 100%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffff80,0 6px 18px #3f621273}.wp-round .wp-bubble{width:19%;height:19%;margin:-9.5% 0 0 -9.5%}.wp-tube-wrap{will-change:transform;place-items:center;width:min(100%,440px);display:grid}.wp-tube{width:100%;height:72px;transition:box-shadow .35s var(--ease);border:6px solid #1e293b;border-radius:36px;box-shadow:0 0 0 2px #ffffff1f,0 20px 50px -20px #000c,inset 0 0 22px #00000059}.wp-tube .wp-bubble{border-radius:19px;width:92px;height:38px;margin:-19px 0 0 -46px}.wp-mark{z-index:-1;background:#0f172a99;border-radius:2px;width:3px;transition:background .3s;position:absolute;top:8px;bottom:8px}.wp-mark.left{left:calc(50% - 52px)}.wp-mark.right{left:calc(50% + 49px)}.wp-card[data-level="1"] .wp-round,.wp-card[data-level="1"] .wp-tube{box-shadow:0 0 0 2px var(--wp-ok), 0 0 40px -6px #34d399bf, inset 0 0 30px #0000004d}.wp-card[data-level="1"] .wp-ring.r1{border-color:#047857}.wp-card[data-level="1"] .wp-mark{background:#047857}.wp-readout{text-align:center;margin-top:16px}.wp-angle{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(3rem,15vw,4.2rem);font-weight:800;line-height:1}.wp-angle small{color:var(--fg-muted);vertical-align:top;margin-left:2px;font-size:.5em}.wp-card[data-state=off] .wp-angle{color:var(--fg-subtle)}.wp-card[data-level="1"] .wp-angle{color:var(--wp-ok)}.wp-status{min-height:1.5em;color:var(--fg-muted);margin:8px 0 6px;font-weight:800}.wp-card[data-level="1"] .wp-status{color:var(--wp-ok)}.wp-sub{color:var(--fg-muted);font-variant-numeric:tabular-nums;justify-content:center;gap:18px;font-size:.88rem;display:flex}.wp-sub strong{color:var(--fg)}.wp-card[data-mode=surface] #sub-edge,.wp-card[data-mode=edge] #sub-surface{display:none}.wp-card.is-held .wp-angle{opacity:.85}.wp-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.wp-main{min-width:160px}.wp-card[data-state=on] .wp-main{display:none}.wp-card.is-held #hold-btn{border-color:var(--accent);color:var(--accent)}.wp-cal-hint{text-align:center;min-height:1.2em;margin:10px 0 0}.wp-reset-cal{margin:4px auto 0;display:block}.wp-desktop{border-radius:var(--r-md);border:1px solid var(--card-border);background:#ffffff08;align-items:center;gap:16px;margin-top:18px;padding:14px;display:flex}.wp-desktop canvas{background:#fff;border-radius:10px;flex:none;width:132px;height:132px}.wp-desktop-title{color:var(--fg);margin:0 0 4px;font-weight:800}.wp-desktop .field-hint{margin:0}.wp-table{min-width:0}@media (prefers-reduced-motion:no-preference){.wp-card[data-level="1"] .wp-bubble{animation:1.4s ease-in-out infinite wp-settle}.wp-angle.pop{animation:wp-pop .5s var(--spring)}.wp-card[data-state=off] .wp-round .wp-bubble{animation:4s ease-in-out infinite wp-idle}}@keyframes wp-settle{0%,to{opacity:1}50%{opacity:.82}}@keyframes wp-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes wp-idle{0%,to{transform:translate(-12px,8px)}50%{transform:translate(10px,-6px)}}