:root{--bg0:#050712;--bg1:#050014;--card:#ffffff0f;--card2:#ffffff0a;--border:#ffffff24;--text:#eef3fff5;--muted:#eef3ffb8;--accent:#7c3aed;--accent2:#06b6d4;--shadow:0 20px 60px #0000008c}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1000px 600px at 10% 10%,#7c3aed52,transparent 60%),radial-gradient(900px 520px at 90% 20%,#06b6d442,transparent 58%),radial-gradient(900px 720px at 50% 110%,#f59e0b1f,transparent 62%),linear-gradient(180deg,var(--bg0)0%,#040b1b 58%,var(--bg1)100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;overflow:hidden}a{color:inherit}#fx{z-index:0;pointer-events:auto;width:100%;height:100%;position:fixed;inset:0}.wrap{z-index:1;pointer-events:none;place-items:center;height:100%;padding:clamp(16px,3vw,32px);display:grid;position:relative}.panel{pointer-events:auto;gap:clamp(14px,2vw,18px);width:min(980px,100%);display:grid}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:12px;min-width:0;display:flex}.mark{background:radial-gradient(circle at 30% 30%,#ffffffe6,#fff0 55%),linear-gradient(135deg,#7c3aedf2,#06b6d4f2);border-radius:999px;width:40px;height:40px;box-shadow:0 10px 30px #7c3aed2e,0 10px 30px #06b6d424}.brand{gap:2px;min-width:0;display:grid}.brandTitle{letter-spacing:.02em;font-size:14px;font-weight:750}.brandSub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#ffffff17,#ffffff0d);border:1px solid #ffffff24;border-radius:22px;padding:clamp(16px,3vw,26px);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:radial-gradient(600px 260px at 20% 0,#7c3aed2e,#0000 60%),radial-gradient(520px 260px at 80% 0,#06b6d424,#0000 55%);position:absolute;inset:-1px}.card>*{z-index:1;position:relative}.title{letter-spacing:.01em;margin:0;font-size:clamp(22px,3.2vw,34px)}.subtitle{color:var(--muted);margin:10px 0 0;font-size:14px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,14px);margin-top:18px;display:grid}.unit{background:var(--card2);text-align:center;border:1px solid #ffffff1f;border-radius:18px;padding:14px 12px}.num{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 10px 30px #00000059;font-size:clamp(28px,6vw,54px);font-weight:820;line-height:1.05}.label{color:var(--muted);letter-spacing:.18em;text-indent:.18em;margin-top:8px;font-size:12px}.progress{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.progressBar{background:#0003;border:1px solid #ffffff24;border-radius:999px;flex:260px;height:10px;overflow:hidden}.progressFill{background:linear-gradient(90deg,#7c3aedf2,#06b6d4f2);width:0%;height:100%;transition:width .28s;box-shadow:0 0 22px #7c3aed40,0 0 22px #06b6d433}.progressText{color:var(--muted);letter-spacing:.02em;flex:none;font-size:12px}.hint{color:#eef3ffc7;background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.5}kbd{background:#0003;border:1px solid #ffffff2e;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.wish{gap:10px;margin-top:18px;display:grid}.wishLabel{color:var(--muted);font-size:13px}.wishRow{grid-template-columns:1fr auto auto;gap:10px;display:grid}.wishSaved{color:#eef3ffd6;background:#00000029;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px;font-size:13px}.foot{color:#eef3ffbf;gap:4px;font-size:13px;display:grid}.footSub{color:#eef3ff9e;font-size:12px}.celebrate{z-index:3;-webkit-backdrop-filter:blur(6px);background:radial-gradient(900px 600px at 50% 20%,#7c3aed38,#0000 60%),radial-gradient(900px 600px at 50% 90%,#06b6d429,#0000 60%),#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.celebrateCard{width:min(560px,100%);box-shadow:var(--shadow);text-align:center;background:#0a0c18b3;border:1px solid #ffffff29;border-radius:22px;padding:22px 20px}.celebrateYear{letter-spacing:.08em;text-indent:.08em;background:linear-gradient(90deg,#7c3aedfa,#06b6d4fa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,10vw,74px);font-weight:900}.celebrateText{letter-spacing:.02em;margin-top:6px;font-size:22px;font-weight:820}.celebrateSub{color:#eef3ffb3;margin-top:8px;font-size:13px}.celebrateActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}@media (max-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wishRow{grid-template-columns:1fr 1fr}.wishRow button[data-variant=outline]{grid-column:1/-1}}