:root{--bg1: #fff0f8;--bg2: #ffd1e8;--card: rgba(255, 255, 255, .62);--card2: rgba(255, 255, 255, .72);--text: #3a0621;--muted: rgba(58, 6, 33, .72);--border: rgba(255, 47, 179, .22);--accent: #ff2fb3;--accent2: #ff7bd1}*{box-sizing:border-box}html,body{height:100%;margin:0;color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,rgba(255,47,179,.35),transparent 62%),radial-gradient(900px 700px at 85% 25%,rgba(255,123,209,.28),transparent 58%),radial-gradient(1100px 900px at 50% 100%,rgba(255,47,179,.18),transparent 62%),linear-gradient(180deg,var(--bg1),var(--bg2));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden}a{color:inherit}.container{width:min(980px,calc(100% - 40px));margin:0 auto;padding:40px 0 68px}.hero{text-align:center;margin-bottom:26px}.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#ff2fb31f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;color:var(--muted)}h1{margin:14px 0 10px;font-size:clamp(30px,5vw,54px);line-height:1.04;letter-spacing:-.02em}.subtitle{margin:0 auto;max-width:52ch;color:var(--muted);font-size:16px;line-height:1.45}.sectionTitle{margin:44px 0 14px;font-size:18px;color:#3a0621e0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{grid-column:span 12;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#ffffffb8,#ffd1e88c);box-shadow:0 14px 40px #ff2fb324;overflow:hidden}.cardInner{display:grid;grid-template-columns:240px 1fr;gap:12px;padding:12px}@media (max-width: 720px){.cardInner{grid-template-columns:1fr}}.thumb{width:100%;aspect-ratio:1 / 1;border-radius:14px;border:2px solid rgba(255,47,179,.22);background:radial-gradient(400px 240px at 20% 10%,rgba(255,47,179,.55),transparent 55%),radial-gradient(340px 260px at 85% 80%,rgba(255,123,209,.45),transparent 55%),linear-gradient(180deg,#ffffffc7,#ffd1e859);display:grid;place-items:center;font-size:34px}.smallLabel{font-size:12px;color:var(--muted)}.cardTitle{margin:3px 0 4px;font-size:18px}.cardText{margin:0;font-size:14.5px;color:#3a0621c7;line-height:1.42}.questionWrap{margin-top:28px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffffbd,#ffd1e88c);border-radius:22px;padding:16px;position:relative;overflow:hidden}.questionTitle{margin:0;font-size:clamp(22px,3.6vw,32px);letter-spacing:-.01em}.questionNote{margin:10px 0 0;color:var(--muted)}.buttonRow{position:relative;margin-top:18px;min-height:92px}.btn{border:1px solid rgba(255,47,179,.25);border-radius:999px;padding:12px 16px;background:#ffffff8c;color:var(--text);font-weight:700;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btnPrimary{color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent2));border-color:#ff2fb373;box-shadow:0 14px 38px #ff2fb340}.btnPrimary:hover{transform:translateY(-2px) scale(1.02)}.btnGhost{background:#ff2fb31a}.noBtn{position:absolute;left:200px;top:10px}.yesBtn{position:absolute;left:0;top:10px}@media (max-width: 520px){.yesBtn{left:0;top:8px}.noBtn{left:0;top:56px}.buttonRow{min-height:124px}}.footer{margin-top:46px;color:#3a06219e;font-size:12px;text-align:center}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(920px,100%);border-radius:22px;border:2px solid rgba(255,47,179,.22);background:linear-gradient(180deg,#fff0f8f5,#ffd1e8f0);box-shadow:0 22px 90px #ff2fb338;overflow:hidden}.modalHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,47,179,.16)}.modalTitle{font-weight:800;letter-spacing:-.01em}.modalBody{padding:14px}.video{width:100%;border-radius:14px;border:1px solid rgba(255,47,179,.18);background:#00000059}.mini{font-size:12px;color:#3a0621a3;margin-top:10px;line-height:1.45}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,47,179,.25);background:#ff2fb31f}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:8px;border:2px solid rgba(255,47,179,.22);background:#00000042}.noteTextarea{width:100%;margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,47,179,.22);background:#ffffff9e;color:var(--text);font:inherit;line-height:1.45;resize:vertical;outline:none;box-shadow:inset 0 1px #ffffff59}.noteTextarea::placeholder{color:#3a06218c}.noteTextarea:focus{border-color:#ff2fb36b;box-shadow:0 0 0 4px #ff2fb31f}