.clockcard{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:12px 34px;border-radius:22px;background:linear-gradient(135deg,#30303a4d,#10101638);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(5px) saturate(1.85) brightness(1.08);backdrop-filter:blur(5px) saturate(1.85) brightness(1.08);box-shadow:0 16px 50px #0000004d,inset 0 1.5px 1px #ffffff80,inset 0 -2px 3px #0000002e}.clock{font-size:clamp(44px,8vw,78px);font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.3)}.clock .ampm{font-size:.42em;font-weight:450;letter-spacing:0;margin-left:.18em;color:#ffffffd9}.date{color:#fff;font-size:clamp(14px,2.1vw,18px);font-weight:450;letter-spacing:.0125rem;margin-top:6px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.heroStack{display:inline-flex;flex-direction:column;align-items:stretch;gap:18px}.fauxsearch{margin:0;background:linear-gradient(135deg,#30303a4d,#10101638);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:13px 20px;color:#ffffffbf;text-align:left;font-size:15px;-webkit-backdrop-filter:blur(5px) saturate(1.85) brightness(1.08);backdrop-filter:blur(5px) saturate(1.85) brightness(1.08);box-shadow:0 10px 30px #00000040,inset 0 1.5px 1px #ffffff80,inset 0 -2px 3px #0000002e}.fauxquote{margin-top:34px;font-style:italic;color:#fff;font-size:clamp(14px,2.1vw,17px);max-width:520px}.fauxquote .by{display:block;margin-top:7px;font-style:normal;font-size:11px;color:#ffffff80}.fauxsearch.typing{color:#ffffffeb}.fauxsearch.typing:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:#ffffffd9;vertical-align:-3px;animation:wsCaret 1s steps(1) infinite}.wsStage{--liftX: 16px;--liftY: -26px;position:relative;max-width:1000px;margin:34px auto 0;border-radius:26px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 36px 90px #0000008c;background:var(--bg-deep) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 16px 30px}.wsStage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 32%,transparent 44%,rgba(6,7,12,.55)),linear-gradient(180deg,#08090f66,#08090fa3)}.wsStage>*{position:relative;z-index:1}.wsCenter{margin:0}.wsCard{width:100%;max-width:340px;border-radius:18px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#2020289e,#0b0b108f);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px) saturate(1.7) brightness(1.05);backdrop-filter:blur(10px) saturate(1.7) brightness(1.05);box-shadow:0 18px 44px #0000006b,inset 0 1.5px 1px #ffffff52,inset 0 -2px 3px #0003;transition:transform .55s var(--ease),box-shadow .55s var(--ease),opacity .4s var(--ease)}.wsHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 10px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.wsTitle{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.66}.wsClose{width:26px;height:26px;border:0;background:transparent;color:#ffffff8c;border-radius:8px;display:grid;place-items:center;cursor:pointer}.wsClose svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.wsBody{padding:14px;display:grid;gap:12px}.wsBtn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;border-radius:12px;padding:9px 10px;font:inherit;font-size:13px;font-weight:600;text-align:center;cursor:pointer}.wsBtnPrimary{background:var(--accent);border-color:transparent;color:#fff}.wsActions{display:flex;gap:8px}.wsActions .wsBtn{flex:1}.wsTimerRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.wsStep{width:32px;height:32px;flex:0 0 auto;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;display:grid;place-items:center;cursor:pointer}.wsStep svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.wsTimerTime{flex:1;text-align:center;font-size:40px;font-weight:500;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.wsNotes{min-height:78px;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.18);background:#00000040;font-size:13px;color:#ffffffeb;line-height:1.5}.wsNote{white-space:pre-wrap}.wsNote.is-typing:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:1px;background:#ffffffd9;vertical-align:-2px;animation:wsCaret 1s steps(1) infinite}.wsTodoInput{border-radius:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);background:#00000038;font-size:13px;color:#ffffff80}.wsTodo{list-style:none;margin:0;padding:0;display:grid;gap:7px}.wsTodo li{display:flex;align-items:center;gap:9px;font-size:13px;color:#ffffffeb;cursor:pointer}.wsDot{width:18px;height:18px;flex:0 0 auto;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);display:grid;place-items:center;transition:background .3s var(--ease),border-color .3s var(--ease)}.wsTodo li.done .wsDot{background:var(--accent);border-color:transparent}.wsTodo li.done .wsDot:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.wsTodoText{position:relative;transition:opacity .3s var(--ease)}.wsTodoText:after{content:"";position:absolute;left:0;top:51%;height:1.5px;width:0;background:currentColor;opacity:.75;transition:width .45s var(--ease)}.wsTodo li.done .wsTodoText{opacity:.5}.wsTodo li.done .wsTodoText:after{width:100%}.wsWxMain{display:flex;align-items:center;gap:10px}.wsWxIcon{width:40px;height:40px;flex:0 0 auto;color:var(--accent-2)}.wsWxIcon svg{width:100%;height:100%}.wsWxTemp{font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.wsWxUnit{margin-left:auto;align-self:flex-start;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fffc;font-size:11px;font-weight:700;padding:3px 7px;border-radius:8px;cursor:pointer}.wsWxMeta{display:grid;gap:2px}.wsWxPlace{font-size:13px;font-weight:600;color:#ffffffeb}.wsWxDesc{font-size:12px;color:#ffffff9e}.wsWxRange{font-size:12px;color:#ffffff80;font-variant-numeric:tabular-nums}.wsSeg{display:flex;gap:6px}.wsSeg span{flex:1;text-align:center;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffeb;border-radius:10px;padding:7px 4px;font-size:12px;font-weight:600;cursor:pointer}.wsSeg span.on{background:var(--accent);border-color:transparent;color:#fff}.wsAmbRow{display:flex;align-items:center;gap:10px}.wsAmbRow .wsBtn{flex:0 0 auto;min-width:72px}.wsRange{flex:1;height:4px;border-radius:999px;background:#fff3;position:relative;--vol: 25%}.wsRange:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--vol);border-radius:999px;background:var(--accent);transition:width .4s var(--ease)}.wsRange:after{content:"";position:absolute;left:var(--vol);top:50%;width:14px;height:14px;border-radius:999px;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 0 4px #7c6bf038;transition:left .4s var(--ease),box-shadow .3s var(--ease)}.wsRange.is-adjusting:after{box-shadow:0 0 0 7px #7c6bf052}.wsSnap{position:absolute;border:2px dashed rgba(167,139,250,.7);border-radius:18px;background:#7c6bf01a;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.wsStage.is-dragging .wsSnap{opacity:1}.wsCard.is-lifted{transform:translate(var(--liftX),var(--liftY)) scale(1.035);z-index:6;box-shadow:0 30px 70px #00000080,0 0 0 1px #a78bfa8c,inset 0 1.5px 1px #ffffff52}@keyframes wsCaret{50%{opacity:0}}.ws-tapped{animation:wsPress .5s var(--ease)}@keyframes wsPress{0%{transform:scale(1);box-shadow:0 0 #7c6bf000}26%{transform:scale(.9)}50%{box-shadow:0 0 0 5px #7c6bf052}58%{transform:scale(1.04)}to{transform:scale(1);box-shadow:0 0 #7c6bf000}}.wsCard[hidden]{display:none}@media(min-width:880px){.wsStage{--liftX: 60px;--liftY: -34px;display:grid;align-items:center;grid-template-columns:212px 1fr 212px;grid-template-rows:auto auto auto;gap:20px 26px;padding:32px 30px 36px}.wsCard{width:auto;max-width:none}.wsCenter{grid-column:2;grid-row:1 / span 3;justify-self:center;align-self:center}.wsPos-timer{grid-column:1;grid-row:1}.wsPos-todo{grid-column:1;grid-row:2}.wsPos-notes{grid-column:1;grid-row:3}.wsPos-weather{grid-column:3;grid-row:1}.wsPos-ambient{grid-column:3;grid-row:3}}