:root{--bg: #0b0c10;--bg-soft: #12131a;--surface: #1a1b24;--surface-2: #212233;--text: #f5f7fb;--text-soft: #cfd3e1;--accent: #ff6ec7;--accent-2: #6c63ff;--accent-3: #ffd166;--accent-4: #2ec4b6;--radius: 16px;--radius-sm: 12px;--shadow-1: 0 10px 30px rgba(0, 0, 0, .45);--shadow-2: 0 16px 40px rgba(0, 0, 0, .5);--gap: 16px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,#151626 0%,transparent 60%),radial-gradient(900px 600px at 90% 120%,#171828 0%,transparent 60%),linear-gradient(180deg,#0a0b10,var(--bg) 60%)}.container{width:min(1100px,92%);margin-inline:auto}.card{background:var(--surface);border:1px solid #23263a;border-radius:var(--radius);box-shadow:var(--shadow-1)}.card--soft{background:var(--bg-soft);border:1px solid #1f2236}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:999px;border:0;cursor:pointer;font-weight:700;transition:transform .15s ease,filter .15s ease;text-decoration:none}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:active{transform:translateY(0)}.btn--celebrate{color:#0a0a0a;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:var(--shadow-2)}.btn--ghost{color:var(--text-soft);border:1px solid #2a2e44;background:transparent;border-radius:12px;padding:10px 14px}.hero{text-align:center;padding:32px 20px;border-radius:var(--radius);border:1px solid #23263a;background:linear-gradient(160deg,#6c63ff26,#ff6ec71f),var(--surface);box-shadow:var(--shadow-1)}.hero h1{margin:0 0 8px;font-size:clamp(30px,5.6vw,64px);line-height:1.05;letter-spacing:.2px}.hero .cursor{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero p.sub{margin:4px 0 14px;color:var(--text-soft)}.countdown{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:12px;width:min(760px,100%);margin:0 auto}.countdown .cell{background:var(--bg-soft);border:1px solid #23263a;border-radius:14px;padding:14px 10px;box-shadow:var(--shadow-1)}.countdown .num{display:block;font-weight:800;font-size:clamp(28px,4.4vw,46px);letter-spacing:.5px;background:linear-gradient(180deg,#fff,#d8d8d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.countdown .lab{color:var(--text-soft);font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.section{padding:20px;border-radius:var(--radius);border:1px solid #1f2236;background:var(--bg-soft);box-shadow:var(--shadow-1)}.section h2{margin:0 0 12px;font-size:clamp(20px,3.4vw,28px)}.locked{border:1px dashed #3a3f61;padding:16px;border-radius:12px;color:var(--text-soft)}.note-card{background:var(--surface);border:1px solid #2a2e44;border-radius:14px;padding:16px;line-height:1.6}.mem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--gap)}.mem-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid #2a2e44;box-shadow:0 10px 22px #00000059;transition:transform .2s ease,box-shadow .2s ease}.mem-grid img:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 28px #00000073}.form{display:grid;gap:10px;max-width:720px}input,textarea{background:#11131c;color:var(--text);border:1px solid #2a2e44;border-radius:12px;padding:10px 12px;outline:none}textarea{min-height:96px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap}.wishes{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.wish{background:var(--surface);border:1px solid #262a41;border-radius:12px;padding:12px;box-shadow:var(--shadow-1)}.wish .who{font-weight:700}.wish .msg{margin:6px 0 8px;color:var(--text-soft)}.wish time{font-size:12px;color:#a6abc4}.site-foot{text-align:center;color:#bfc5dc;font-size:14px;padding:12px 0 8px}.site-foot a{color:var(--accent-3);text-decoration:underline}@media(max-width:520px){.countdown{grid-template-columns:repeat(2,1fr)}}