:root{--bg1: #ffe7f2;--bg2: #e7f3ff;--bg3: #eafff3;--ink: rgba(16, 14, 26, .96);--muted: rgba(16, 14, 26, .76);--card: rgba(255,255,255,.72);--stroke: rgba(255,255,255,.64);--accent1: #ff4fb3;--accent2: #38d7ff;--accent3: #39f4b4;--shadow: 0 18px 60px rgba(16, 14, 26, .22);--shadow-soft: 0 10px 28px rgba(16, 14, 26, .14);--r-lg: 26px;--r-md: 20px;--r-sm: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;overflow:hidden;background:radial-gradient(1000px 520px at 12% 14%,rgba(255,79,179,.22),transparent 62%),radial-gradient(980px 520px at 88% 12%,rgba(56,215,255,.2),transparent 62%),radial-gradient(1200px 740px at 50% 92%,rgba(57,244,180,.18),transparent 64%),linear-gradient(145deg,var(--bg1),var(--bg2),var(--bg3))}.app{position:relative;min-height:100vh;width:100%}.bg{position:fixed;inset:0;pointer-events:none;z-index:0}.blobs{position:absolute;inset:0;overflow:hidden}.blob{position:absolute;width:520px;height:520px;border-radius:999px;filter:blur(60px);opacity:.85;mix-blend-mode:normal;animation:float 10.5s ease-in-out infinite;will-change:transform}.blob-a{left:-140px;top:-160px;background:radial-gradient(circle at 35% 30%,#ff4fb36b,#ff4fb30f 65%);animation-duration:11.5s}.blob-b{right:-160px;top:-150px;background:radial-gradient(circle at 35% 30%,#38d7ff66,#38d7ff0f 65%);animation-duration:12.8s}.blob-c{left:50%;bottom:-220px;transform:translate(-50%);width:680px;height:680px;background:radial-gradient(circle at 35% 30%,#39f4b457,#39f4b40d 68%);animation-duration:14.2s}@keyframes float{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}.grain{position:absolute;inset:-20%;opacity:.06;mix-blend-mode:multiply;transform:translateZ(0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px}.stage{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:28px 18px}.hearts{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.heart{position:absolute;left:var(--left);top:-12vh;font-size:var(--size);opacity:var(--alpha);filter:blur(var(--blur));transform:translateZ(0);will-change:transform,opacity;animation:heartRain var(--dur) linear infinite;animation-delay:var(--delay);text-shadow:0 10px 20px rgba(255,79,179,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes heartRain{0%{transform:translate3d(0,-12vh,0) rotate(0);opacity:calc(var(--alpha) * .9)}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin));opacity:0}}.card{width:min(920px,92vw);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);position:relative;overflow:hidden;padding:22px 22px 18px;transform:translateZ(0)}.card__shine{position:absolute;inset:-2px;background:radial-gradient(700px 240px at 20% 8%,rgba(255,79,179,.18),transparent 60%),radial-gradient(650px 240px at 82% 12%,rgba(56,215,255,.16),transparent 60%),radial-gradient(820px 320px at 50% 100%,rgba(57,244,180,.14),transparent 62%);pointer-events:none}.card__head,.card__foot,.count{position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffffa3;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);font-weight:900;letter-spacing:.14em;font-size:11px;text-transform:uppercase}.badge__dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:0 0 18px #ff4fb338}.badge__tz{letter-spacing:.1em;opacity:.86}.clock{margin-top:10px;font-weight:800;color:var(--muted);text-transform:capitalize;font-size:14px}.title{margin:10px 0 6px;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.02em;color:var(--ink)}.subtitle{margin:0 0 16px;color:var(--muted);font-size:14px;font-weight:650}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.count{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px;margin-top:10px}.tile{border-radius:var(--r-md);background:#ffffff9e;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-soft);padding:16px 14px;transition:transform .16s ease,box-shadow .16s ease}.tile:hover{transform:translate3d(0,-2px,0);box-shadow:0 18px 46px #100e1a24}.tile--big{background:radial-gradient(520px 220px at 50% 0%,rgba(255,79,179,.12),transparent 60%),#ffffffa8}.tile__label{font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:#100e1a9e}.tile__value{margin-top:8px;font-weight:950;letter-spacing:-.03em;line-height:1;font-size:clamp(40px,5vw,64px);color:#100e1af5}.tile__hint{margin-top:10px;font-size:12px;color:#100e1a99;font-weight:800}.card__foot{margin-top:14px}.status{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--r-sm);background:#ffffff94;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-soft)}.status__pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.14em;background:linear-gradient(135deg,#ff4fb32e,#38d7ff2e);border:1px solid rgba(255,255,255,.7);text-transform:uppercase}.status__text{color:var(--muted);font-weight:750;font-size:13px}.status--done .status__pill{background:linear-gradient(135deg,#39f4b438,#ff4fb32e)}@media(max-width:780px){.count{grid-template-columns:1fr 1fr}.tile--big{grid-column:1 / -1}}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900;letter-spacing:.2px}.countGrid{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.countTile{position:relative;border-radius:20px;padding:14px 14px 12px;background:#ffffffb3;border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 28px #2212320f;overflow:hidden;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.countTile:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:20px;box-shadow:inset 0 0 0 1px #17172212,inset 0 0 0 2px #ffffff59;opacity:.9}.countTile:hover{transform:translateY(-2px);box-shadow:0 20px 44px #120a1e1f,inset 0 1px #ffffff8c}.countTile.big{background:radial-gradient(360px 180px at 25% 20%,rgba(255,95,174,.18),transparent 60%),radial-gradient(360px 180px at 80% 30%,rgba(66,223,255,.16),transparent 60%),#ffffffb8}.countLabel{font-size:12px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;color:#2a2a349e}.countValue{margin-top:8px;font-size:clamp(34px,4vw,52px);line-height:1;font-weight:1000;letter-spacing:-.8px;color:#171722eb;display:inline-block}.countValue.accent{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#171722eb!important}.countHint{margin-top:10px;font-size:13px;font-weight:800;color:#2a2a349e}.countdownNote{margin-top:12px;margin-bottom:0}@media(max-width:720px){.countGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.countTile.big{grid-column:1 / -1}}.lockHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.unlockPill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffffa3;border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 28px #2212320f;font-weight:950;letter-spacing:.08em;font-size:11px;text-transform:uppercase;color:#171722b8}.unlockDot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:0 0 18px #ff4fb333}.unlockTime{letter-spacing:.1em;color:#171722db}.lockedHint{margin-top:14px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;background:#ffffff94;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 28px #2212320f;color:#171722b3;font-weight:800}.lockedIcon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#ffffffb3;border:1px solid rgba(255,255,255,.78)}@media(min-width:780px){.countValue.accent{background:linear-gradient(135deg,var(--accent1),var(--accent2))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:inline-block}}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.countValue.accent{background:none;color:#171722eb}}@supports (-webkit-touch-callout: none){.countValue.accent{display:inline-block;-webkit-text-fill-color:transparent}}html{-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout: none){.card{background:radial-gradient(700px 240px at 18% 8%,rgba(255,95,174,.12),transparent 60%),radial-gradient(650px 240px at 84% 10%,rgba(66,223,255,.1),transparent 60%),#ffffffbd!important}.countTile,.unlockPill,.lockedHint,.badge{background:radial-gradient(320px 180px at 20% 20%,rgba(255,95,174,.1),transparent 62%),radial-gradient(320px 180px at 80% 30%,rgba(66,223,255,.08),transparent 62%),#ffffffb3!important}.card,.countTile,.unlockPill,.lockedHint,.badge{color:var(--ink)!important}}:root{color-scheme:light}@media(prefers-color-scheme:dark){:root{color-scheme:light}}.page,.card,.countTile,.unlockPill,.lockedHint,.badge{forced-color-adjust:none}.card{background:radial-gradient(700px 240px at 18% 8%,rgba(255,95,174,.12),transparent 60%),radial-gradient(650px 240px at 84% 10%,rgba(66,223,255,.1),transparent 60%),#ffffffbd!important;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}.countTile,.unlockPill,.lockedHint,.badge{background:radial-gradient(320px 180px at 20% 20%,rgba(255,95,174,.1),transparent 62%),radial-gradient(320px 180px at 80% 30%,rgba(66,223,255,.08),transparent 62%),#ffffffb3!important}.card,.countTile,.unlockPill,.lockedHint,.badge{color:var(--ink)!important}.subtitle,.clock,.status__text{color:var(--muted)!important}.countLabel{color:#2a2a349e!important}.countValue{color:#171722eb!important}