:root[data-design=nocturne]{--ink:#1a1329;--paper:#ece7f2;--white:#fbfafd;--cobalt:#2a4bb8;--acid:#f0d9a0;--pink:#f3b9c8;--coral:#e79a72;--yellow:#f7e7c2;--violet:#6a4bd6;--bg:var(--paper);--surface:#fbfafd;--text:var(--ink);--muted:#5f5772;--border:#6d6386;--rule:#ded7e8;--focus:#4c2fa8;--danger:#b02a3f;--shadow-ink:#1a132947;--band:#171021;--band-ink:#ece7f2;--btn-fill:#241a38;--btn-ink:#fbfafd;--btn-hover-fill:#f0d9a0;--btn-hover-ink:#1a1329;--cta-fill:#1a5f46;--cta-ink:#fbfafd;--fill:#343d80;--fill-ink:#fbfafd;--cell-line:#1a132921;--cell-mark:#e0d9ec;--accent:#343d80;--accent-ink:#fbfafd;--edge:#ffffffb8;--aura:color-mix(in srgb, var(--accent) 26%, transparent);--aura-strong:color-mix(in srgb, var(--accent) 40%, transparent);--gilt:#7a5c10;--tracking-label:.16em;--b:1px;--b-thin:1px;--r-control:12px;--r-input:10px;--r-pill:999px;--r-s:8px;--r-card:18px;--r-card-flip:18px;--shadow-2:0 1px 2px #140e2217, 0 2px 6px -2px #140e221a;--shadow-3:0 1px 2px #140e221a, 0 5px 12px -4px #140e2224;--shadow-5:0 2px 4px -1px #140e221a, 0 12px 26px -10px #140e222e;--shadow-8:0 3px 6px -2px #140e221c, 0 20px 44px -14px #140e2238;--shadow-12:0 4px 10px -3px #140e221f, 0 30px 64px -20px #140e2242;--t-fast:.2s;--t-pop:.26s;--t-error:.24s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:26px;--space-6:38px;--space-7:58px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", "Frank Ruehl CLM", "David Libre", "Times New Roman", serif;--font-emotional:var(--font-display);--content-max:1240px;--cell:44px}@media (prefers-color-scheme:dark){:root[data-design=nocturne]{--ink:#1a1329;--paper:#ece7f2;--white:#fbfafd;--cobalt:#2a4bb8;--acid:#f0d9a0;--pink:#f3b9c8;--coral:#e79a72;--yellow:#f7e7c2;--violet:#6a4bd6;--bg:#100c1a;--surface:#1a1428;--text:#f0ebf7;--muted:#a79bbd;--border:#7c6f9c;--rule:#2c2440;--focus:#f0cf94;--danger:#ff9aa8;--shadow-ink:#0009;--band:#0a0712;--band-ink:#f0ebf7;--btn-fill:#f0d9a0;--btn-ink:#1a1329;--btn-hover-fill:#f7e7c2;--btn-hover-ink:#1a1329;--cta-fill:#7fe0b0;--cta-ink:#12101f;--fill:#8f9bf0;--fill-ink:#12101f;--cell-line:#f0ebf72e;--cell-mark:#241d36;--accent:#8f9bf0;--accent-ink:#12101f;--edge:#f0ebf717;--aura:color-mix(in srgb, var(--accent) 30%, transparent);--aura-strong:color-mix(in srgb, var(--accent) 46%, transparent);--gilt:#f0cf94;--tracking-label:.16em;--b:1px;--b-thin:1px;--r-control:12px;--r-input:10px;--r-pill:999px;--r-s:8px;--r-card:18px;--r-card-flip:18px;--shadow-2:0 0 0 1px #f0ebf70d, 0 2px 6px -2px #0009;--shadow-3:0 0 0 1px #f0ebf70d, 0 6px 14px -4px #000000a8;--shadow-5:0 0 0 1px #f0ebf70f, 0 14px 30px -10px #000000b3;--shadow-8:0 0 0 1px #f0ebf712, 0 22px 48px -14px #000000bd;--shadow-12:0 0 0 1px #f0ebf714, 0 32px 70px -20px #000000c7;--t-fast:.2s;--t-pop:.26s;--t-error:.24s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:26px;--space-6:38px;--space-7:58px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", "Frank Ruehl CLM", "David Libre", "Times New Roman", serif;--font-emotional:var(--font-display);--content-max:1240px;--cell:44px}}[data-design=nocturne] [data-occasion=trip]{--accent:#0f5c6b;--accent-ink:#fbfafd}[data-design=nocturne] [data-occasion=gift]{--accent:#9e2a54;--accent-ink:#fbfafd}[data-design=nocturne] [data-occasion=birthday]{--accent:#8f4a17;--accent-ink:#fbfafd}[data-design=nocturne] [data-occasion=invitation]{--accent:#5636a8;--accent-ink:#fbfafd}[data-design=nocturne] [data-occasion=general]{--accent:#241a38;--accent-ink:#fbfafd}@media (prefers-color-scheme:dark){[data-design=nocturne] [data-occasion=trip]{--accent:#63cbd8;--accent-ink:#0c1a1e}[data-design=nocturne] [data-occasion=gift]{--accent:#ff9ab8;--accent-ink:#2a0e18}[data-design=nocturne] [data-occasion=birthday]{--accent:#f2ac6d;--accent-ink:#2b1408}[data-design=nocturne] [data-occasion=invitation]{--accent:#b3a1ff;--accent-ink:#181233}[data-design=nocturne] [data-occasion=general]{--accent:#efe9f7;--accent-ink:#1a1329}}[data-design=nocturne] body{font-size:16px;line-height:1.6}[data-design=nocturne] h1,[data-design=nocturne] h2,[data-design=nocturne] h3{font-family:var(--font-display);letter-spacing:-.005em;margin-bottom:var(--space-4);font-weight:500;line-height:1.14}[data-design=nocturne] h1{letter-spacing:-.01em;font-size:clamp(2rem,5.4vw,2.9rem)}[data-design=nocturne] h2{font-size:clamp(1.5rem,3.6vw,2rem)}[data-design=nocturne] h3{letter-spacing:0;font-size:1.2rem}[data-design=nocturne] ::selection{background:color-mix(in srgb, var(--acid) 70%, var(--white));color:var(--ink)}[data-design=nocturne] :focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-s)}[data-design=nocturne] .eyebrow,[data-design=nocturne] .field-label,[data-design=nocturne] .section-kicker,[data-design=nocturne] .closing-kicker,[data-design=nocturne] .panel-kicker,[data-design=nocturne] .hero-puzzle-topline,[data-design=nocturne] .hero-whisper,[data-design=nocturne] .play-context,[data-design=nocturne] .play-progress-copy,[data-design=nocturne] .creator-progress-copy,[data-design=nocturne] .reveal-prompt,[data-design=nocturne] .manage-private,[data-design=nocturne] .manage-section-heading,[data-design=nocturne] .manage-link-text small,[data-design=nocturne] .stat-tile small,[data-design=nocturne] .float-label,[data-design=nocturne] .intro-sticker,[data-design=nocturne] .phone-eyebrow,[data-design=nocturne] .hero-reveal small,[data-design=nocturne] .ticker-track{letter-spacing:var(--tracking-label);font-weight:600}[data-design=nocturne] .card,[data-design=nocturne] .board-frame,[data-design=nocturne] .intro-card,[data-design=nocturne] .hero-puzzle-card,[data-design=nocturne] .dialog,[data-design=nocturne] .manage-link-panel,[data-design=nocturne] .option-card,[data-design=nocturne] .how-card,[data-design=nocturne] .stat-tile,[data-design=nocturne] .reaction-panel,[data-design=nocturne] .help-panel,[data-design=nocturne] .phone-body{border-width:1px;border-color:var(--rule);border-radius:var(--r-card);background:var(--surface);color:var(--text);box-shadow:var(--shadow-5), inset 0 1px 0 var(--edge);transform:none}[data-design=nocturne] .eyebrow{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);border-radius:var(--r-pill);background:var(--yellow);color:var(--ink);padding:7px 12px;font-size:11px;transform:none}[data-design=nocturne] .chip{border-color:color-mix(in srgb, var(--ink) 22%, transparent);background:var(--acid);color:var(--ink);letter-spacing:.08em;padding:4px 11px;font-weight:600}[data-design=nocturne] .btn{border-radius:var(--r-control);min-height:52px;font-family:var(--font-body);letter-spacing:.01em;box-shadow:var(--shadow-3), inset 0 1px 0 #ffffff1a;transition:transform var(--t-fast) ease, box-shadow var(--t-fast) ease, background var(--t-fast) ease, color var(--t-fast) ease;border:1px solid #0000;font-weight:600}[data-design=nocturne] .btn:hover{box-shadow:var(--shadow-8), inset 0 1px 0 #ffffff29;transform:translateY(-1px)}[data-design=nocturne] .btn:active{box-shadow:var(--shadow-2);transform:translateY(0)}[data-design=nocturne] .btn:disabled{opacity:.42;box-shadow:var(--shadow-2);transform:none}[data-design=nocturne] .btn-secondary{border-color:var(--border);color:var(--text);box-shadow:none;background:0 0}[data-design=nocturne] .btn-secondary:hover{border-color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text);box-shadow:none;transform:translateY(-1px)}[data-design=nocturne] .btn-acid{background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink)}[data-design=nocturne] .btn-acid:hover{background:linear-gradient(168deg, #fff3d8, var(--yellow));color:var(--ink)}[data-design=nocturne] .btn-cta,[data-design=nocturne] .btn-cta:hover{background:var(--cta-fill);color:var(--cta-ink)}[data-design=nocturne] .btn-ghost{box-shadow:none;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-underline-offset:4px;background:0 0;border-color:#0000}[data-design=nocturne] .btn-ghost:hover{box-shadow:none;background:0 0;text-decoration-color:currentColor;transform:none}[data-design=nocturne] .btn-small{min-height:44px;font-size:14px}[data-design=nocturne] .btn-lg{min-height:56px;font-size:16px}[data-design=nocturne] .field-label{color:var(--muted);font-size:11px}[data-design=nocturne] .field-input{border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);transition:border-color var(--t-fast) ease, box-shadow var(--t-fast) ease;box-shadow:inset 0 1px 2px #140e220d}[data-design=nocturne] .field-input:hover{border-color:var(--text)}[data-design=nocturne] .field-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}[data-design=nocturne] input[type=file].field-input::file-selector-button{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:var(--yellow);color:var(--ink);font-weight:600}[data-design=nocturne] .option-card{border-radius:var(--r-control);transition:transform var(--t-fast) ease, box-shadow var(--t-fast) ease, border-color var(--t-fast) ease;position:relative;overflow:hidden}[data-design=nocturne] .option-card:hover{border-color:var(--border);box-shadow:var(--shadow-8), inset 0 1px 0 var(--edge);transform:translateY(-1px)}[data-design=nocturne] .option-card[aria-pressed=true],[data-design=nocturne] .option-card[data-selected=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:var(--shadow-5), inset 0 1px 0 var(--edge), inset 0 0 0 2px var(--accent);background:radial-gradient(120% 90% at 0% 50%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 68%), var(--surface);transform:none}[data-design=nocturne] .option-title{font-family:var(--font-display);letter-spacing:0;font-size:18px;font-weight:500}[data-design=nocturne] .option-desc{font-size:14px;line-height:1.5}[data-design=nocturne] .grid5{border:1px solid var(--border);border-radius:var(--r-s);background:var(--surface);box-shadow:inset 0 1px 0 var(--edge), var(--shadow-2)}[data-design=nocturne] .colclue,[data-design=nocturne] .rowclue{color:var(--muted);font-family:var(--font-body);letter-spacing:.02em;font-size:13px;font-weight:600}[data-design=nocturne] .line-done{opacity:.28}[data-design=nocturne] .cell{transition:background var(--t-fast) ease, box-shadow var(--t-fast) ease;background:0 0}[data-design=nocturne] .cell:hover{background:color-mix(in srgb, var(--fill) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fill) 55%, transparent)}[data-design=nocturne] .cell:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}[data-design=nocturne] .cell[data-state=filled]{background:linear-gradient(166deg, color-mix(in srgb, var(--fill) 84%, var(--white)), var(--fill));animation:nocturne-cell-settle var(--t-pop) cubic-bezier(.2, .8, .2, 1);box-shadow:inset 0 1px #ffffff47,inset 0 0 14px -2px #ffffff29}[data-design=nocturne] .cell[data-state=marked]{background:var(--cell-mark)}[data-design=nocturne] .cell[data-state=marked]:after{content:"✕";opacity:.42;font-size:.66em;font-weight:400}[data-design=nocturne] .cell[data-hint=true]{box-shadow:inset 0 0 0 2px var(--acid), inset 0 0 12px -2px color-mix(in srgb, var(--acid) 70%, transparent)}[data-design=nocturne] .cell[data-wiggle=true]{background:var(--coral)}@keyframes nocturne-cell-settle{0%{opacity:.65;transform:scale(.88)}to{opacity:1;transform:scale(1)}}[data-design=nocturne] .seg{border-color:var(--rule);background:color-mix(in srgb, var(--text) 5%, transparent);box-shadow:inset 0 1px 2px #140e220d}[data-design=nocturne] .seg button{font-family:var(--font-body);letter-spacing:.01em;font-weight:600}[data-design=nocturne] .seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-2), inset 0 1px 0 var(--edge)}[data-design=nocturne] .tool-btn{border-color:var(--border);color:inherit;transition:background var(--t-fast) ease, border-color var(--t-fast) ease;background:0 0;font-weight:600}[data-design=nocturne] .tool-btn:hover{background:color-mix(in srgb, currentcolor 10%, transparent);color:inherit;border-color:currentColor}[data-design=nocturne] .coach{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-inline-start:3px solid var(--gilt);border-radius:var(--r-s);background:color-mix(in srgb, var(--yellow) 55%, var(--white));color:var(--ink);box-shadow:var(--shadow-2);font-weight:400;line-height:1.55}[data-design=nocturne] .ribbon{border-block-end:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:linear-gradient(180deg, var(--yellow), var(--acid));color:var(--ink);letter-spacing:.06em;font-weight:600}[data-design=nocturne] .dialog-backdrop{background:#0a0712ad}[data-design=nocturne] .dialog{box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge)}[data-design=nocturne] .site-footer{border-top:1px solid var(--rule);color:var(--muted);font-size:13px;font-weight:400}[data-design=nocturne] .lang-select{border-color:var(--border);color:var(--text);background:0 0;font-weight:500}[data-design=nocturne] .report-link{-webkit-text-decoration-color:color-mix(in srgb, currentcolor 40%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 40%, transparent);font-weight:400}[data-design=nocturne] .brand{font-family:var(--font-display);letter-spacing:.01em;font-size:20px;font-weight:500}[data-design=nocturne] .brand-mark{border:1px solid color-mix(in srgb, currentcolor 45%, transparent);border-radius:50%;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);gap:3px;padding:5px;transform:none}[data-design=nocturne] .brand-mark i{border-radius:50%}[data-design=nocturne] .brand-mark i:first-child{background:var(--acid)}[data-design=nocturne] .brand-mark i:nth-child(2){background:var(--pink)}[data-design=nocturne] .brand-mark i:nth-child(3){opacity:.5;background:currentColor}[data-design=nocturne] .brand-mark i:nth-child(4){background:var(--violet)}[data-design=nocturne] .tiny-mark i{border-radius:50%}[data-design=nocturne] .crash-digest{color:var(--muted)}[data-design=nocturne] .site-header{border-bottom:1px solid var(--rule)}[data-design=nocturne] .nav-link{letter-spacing:.01em;font-weight:500}[data-design=nocturne] .hero{gap:clamp(36px,5vw,84px);padding-block:clamp(40px,7vw,96px) clamp(52px,9vw,116px)}[data-design=nocturne] .hero-copy h1{letter-spacing:-.015em;font-size:clamp(2.3rem,5.6vw,4rem);line-height:1.06}[data-design=nocturne] .hero-intro{max-width:32em;color:var(--muted);font-size:clamp(1rem,1.3vw,1.15rem);font-weight:400;line-height:1.65}[data-design=nocturne] .micro-proof{letter-spacing:.02em;font-weight:400}[data-design=nocturne] .float-label,[data-design=nocturne] .float-label-1,[data-design=nocturne] .float-label-2{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:var(--r-pill);box-shadow:var(--shadow-3);padding:7px 12px;transform:none}[data-design=nocturne] .hero-puzzle-card{padding:var(--space-5);box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge);position:relative}[data-design=nocturne] .hero-stage:before{content:"";pointer-events:none;background:radial-gradient(46% 42% at 50% 52%, var(--aura), transparent 72%);position:absolute;inset:-18% -12%}[data-design=nocturne] .hero-puzzle-topline{color:var(--muted);font-size:10px}[data-design=nocturne] .live-dot{background:var(--coral);box-shadow:0 0 0 4px color-mix(in srgb, var(--coral) 20%, transparent)}[data-design=nocturne] .hero-reveal{padding:var(--space-5);border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:var(--r-card);background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);box-shadow:var(--shadow-8), inset 0 1px 0 #ffffff80;transform:scale(.96)}[data-design=nocturne] .hero-reveal small{opacity:.75;font-size:10px}[data-design=nocturne] .hero-reveal strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.35rem,2.8vw,1.75rem);font-weight:500;line-height:1.14}[data-design=nocturne] .hero-reveal span{opacity:.82;font-weight:400}[data-design=nocturne] .hero-puzzle-card.is-solved .hero-board{opacity:.12;transform:scale(.97)}[data-design=nocturne] .hero-puzzle-card.is-solved .hero-reveal{transform:scale(1)}[data-design=nocturne] .hero-whisper{color:var(--muted);font-size:10px}[data-design=nocturne] .hero-puzzle-footer strong{font-family:var(--font-display);font-size:16px;font-weight:500}[data-design=nocturne] .icon-btn{border:1px solid var(--border);color:var(--text);box-shadow:none;transition:background var(--t-fast) ease, border-color var(--t-fast) ease, box-shadow var(--t-fast) ease;background:0 0}[data-design=nocturne] .icon-btn:hover{background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);box-shadow:var(--shadow-3);border-color:#0000;transform:none}[data-design=nocturne] .ticker{border-block:1px solid var(--rule);color:var(--gilt);background:0 0;transform:none}[data-design=nocturne] .ticker-track{gap:10px 26px;padding-block:15px;font-size:11px;font-weight:600}[data-design=nocturne] .ticker-track li{gap:26px}[data-design=nocturne] .ticker-track i{opacity:.55;font-size:10px}[data-design=nocturne] .section-kicker{margin-bottom:var(--space-4);border-bottom:1px solid var(--rule);color:var(--muted);padding-bottom:8px;font-size:11px}[data-design=nocturne] .section-heading-row h2{letter-spacing:-.012em;font-size:clamp(1.9rem,4vw,2.9rem)}[data-design=nocturne] .section-heading-row>p{color:var(--muted);line-height:1.65}[data-design=nocturne] .how-grid{gap:var(--space-5)}[data-design=nocturne] .how-card,[data-design=nocturne] .how-card:first-child,[data-design=nocturne] .how-card:nth-child(2),[data-design=nocturne] .how-card:nth-child(3){border:1px solid var(--rule);border-radius:var(--r-card);background:radial-gradient(90% 70% at 100% 0%, var(--how-glow), transparent 70%), var(--surface);min-height:250px;color:var(--text);box-shadow:var(--shadow-5), inset 0 1px 0 var(--edge);position:relative;overflow:hidden;transform:none}[data-design=nocturne] .how-card:first-child{--how-glow:#0f5c6b2e}[data-design=nocturne] .how-card:nth-child(2){--how-glow:#9e2a542e}[data-design=nocturne] .how-card:nth-child(3){--how-glow:#5636a82e}@media (prefers-color-scheme:dark){[data-design=nocturne] .how-card:first-child{--how-glow:#63cbd829}[data-design=nocturne] .how-card:nth-child(2){--how-glow:#ff9ab829}[data-design=nocturne] .how-card:nth-child(3){--how-glow:#b3a1ff29}}[data-design=nocturne] .how-number{font-family:var(--font-display);color:var(--gilt);font-size:22px;font-weight:500;top:18px}[data-design=nocturne] .how-icon{color:var(--gilt);stroke-width:1.3px;font-size:32px}[data-design=nocturne] .how-card h3{padding-top:var(--space-5);letter-spacing:-.005em;font-size:1.35rem}[data-design=nocturne] .how-card p{color:var(--muted);font-size:15px;line-height:1.65}[data-design=nocturne] .moods{border-block:1px solid var(--rule);background:radial-gradient(70% 50% at 50% -8%, color-mix(in srgb, var(--acid) 9%, transparent), transparent 70%), var(--band);color:var(--band-ink)}[data-design=nocturne] .section-kicker-light{border-color:color-mix(in srgb, var(--acid) 45%, transparent);color:var(--acid)}[data-design=nocturne] .section-heading-row-light>p{color:inherit;opacity:.86}[data-design=nocturne] .moods-grid{gap:var(--space-4)}[data-design=nocturne] .mood-card,[data-design=nocturne] .mood-card:first-child,[data-design=nocturne] .mood-card:nth-child(2),[data-design=nocturne] .mood-card:nth-child(3),[data-design=nocturne] .mood-card:nth-child(4){min-height:290px;padding:var(--space-5);border:1px solid color-mix(in srgb, var(--accent-ink) 24%, transparent);border-radius:var(--r-card);box-shadow:0 20px 44px -20px #0009, inset 0 1px 0 color-mix(in srgb, var(--accent-ink) 20%, transparent);transition:transform var(--t-fast) ease, box-shadow var(--t-fast) ease}[data-design=nocturne] .mood-card:hover{box-shadow:0 28px 56px -22px #000000ad, 0 0 44px -14px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 1px 0 color-mix(in srgb, var(--accent-ink) 26%, transparent);transform:translateY(-5px)}[data-design=nocturne] .mood-link:focus-visible{outline:none}[data-design=nocturne] .mood-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-card)}[data-design=nocturne] .mini-grid{gap:8px;width:92px}[data-design=nocturne] .mini-grid i{background:color-mix(in srgb, currentcolor 20%, transparent);border:0;border-radius:50%}[data-design=nocturne] .mini-grid i:nth-child(2n){background:color-mix(in srgb, currentcolor 52%, transparent)}[data-design=nocturne] .mood-index{letter-spacing:var(--tracking-label);opacity:.8;font-weight:600;top:16px}[data-design=nocturne] .mood-card h3{letter-spacing:-.005em;font-size:1.4rem}[data-design=nocturne] .mood-card p{opacity:.86;font-size:13px;line-height:1.6}[data-design=nocturne] .closing-mark{grid-template-columns:repeat(2,34px);gap:8px;transform:none}[data-design=nocturne] .closing-mark i{border:0;border-radius:50%}[data-design=nocturne] .closing-mark i:first-child{background:var(--acid)}[data-design=nocturne] .closing-mark i:nth-child(2){background:color-mix(in srgb, var(--acid) 68%, transparent)}[data-design=nocturne] .closing-mark i:nth-child(3){background:color-mix(in srgb, var(--acid) 42%, transparent)}[data-design=nocturne] .closing-mark i:nth-child(4){background:color-mix(in srgb, var(--acid) 22%, transparent)}[data-design=nocturne] .closing-kicker{color:var(--gilt);font-size:11px}[data-design=nocturne] .closing-copy h2{letter-spacing:-.012em;font-size:clamp(1.8rem,4vw,2.8rem)}[data-design=nocturne] .closing-fineprint{color:var(--muted);line-height:1.7}[data-design=nocturne] .creator-header{border-bottom:1px solid var(--rule)}[data-design=nocturne] .creator-progress-copy{color:var(--muted);font-size:10px}[data-design=nocturne] .progress-track{border-radius:var(--r-pill);background:color-mix(in srgb, var(--text) 12%, transparent);border:0;height:4px;overflow:hidden}[data-design=nocturne] .progress-track i{border-radius:var(--r-pill);background:var(--fill)}[data-design=nocturne] .creator-exit,[data-design=nocturne] .manage-exit{font-weight:500}[data-design=nocturne] .creator-workspace h1{margin-bottom:var(--space-5)}[data-design=nocturne] .creator-preview{background:radial-gradient(100% 70% at 50% 0%, var(--accent), color-mix(in srgb, var(--accent) 78%, #000))}[data-design=nocturne] .preview-caption{opacity:.9;font-weight:400;line-height:1.6}[data-design=nocturne] .phone-frame{background:#0a0712;border:1px solid #f0ebf724;border-radius:42px;padding:10px;box-shadow:0 30px 64px -26px #0000009e,inset 0 1px #f0ebf714}[data-design=nocturne] .phone-notch{background:#0a0712}[data-design=nocturne] .phone-screen{border-radius:34px}[data-design=nocturne] .phone-brand{font-family:var(--font-display);letter-spacing:.01em;font-weight:500}[data-design=nocturne] .phone-body{border-radius:var(--r-card);box-shadow:var(--shadow-3), inset 0 1px 0 var(--edge)}[data-design=nocturne] .phone-eyebrow{color:var(--gilt);font-size:9px}[data-design=nocturne] .phone-headline{font-family:var(--font-display);letter-spacing:-.005em;font-size:22px;font-weight:500;line-height:1.16}[data-design=nocturne] .phone-message{font-family:var(--font-display);font-size:14px;line-height:1.6}[data-design=nocturne] .phone-context{color:var(--muted)}[data-design=nocturne] .phone-cta{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:var(--r-control);background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);letter-spacing:.02em;box-shadow:var(--shadow-2);font-weight:600}[data-design=nocturne] .success-burst{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);box-shadow:0 0 0 10px color-mix(in srgb, var(--acid) 16%, transparent), var(--shadow-5);transform:none}[data-design=nocturne] .theme-swatch{border-color:var(--rule);border-radius:var(--r-s)}[data-design=nocturne] .theme-swatch i{background:color-mix(in srgb, var(--text) 8%, transparent);border:0;border-radius:2px}[data-design=nocturne] .theme-swatch[data-treatment=soft]{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}[data-design=nocturne] .theme-swatch[data-treatment=soft] i{background:color-mix(in srgb, var(--accent) 44%, var(--surface))}[data-design=nocturne] .theme-swatch[data-treatment=bold]{background:var(--accent)}[data-design=nocturne] .theme-swatch[data-treatment=bold] i{background:color-mix(in srgb, var(--accent-ink) 58%, var(--accent))}[data-design=nocturne] .recipient-shell[data-stage=intro] .stage{background:radial-gradient(120% 80% at 50% 0%, var(--accent), color-mix(in srgb, var(--accent) 74%, #000))}[data-design=nocturne] .recipient-shell[data-stage=play] .stage,[data-design=nocturne] .recipient-shell[data-stage=exiting] .stage{background:radial-gradient(80% 55% at 50% -6%, color-mix(in srgb, var(--acid) 8%, transparent), transparent 70%), var(--band)}[data-design=nocturne] .stage .site-footer{color:inherit;border-top-color:color-mix(in srgb, currentcolor 30%, transparent)}[data-design=nocturne] .intro-sticker{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-radius:var(--r-pill);box-shadow:var(--shadow-3);padding:7px 12px;top:-16px;transform:none}[data-design=nocturne] .intro-card{box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge);padding:clamp(26px,5vw,40px);position:relative}[data-design=nocturne] .intro-wrap:before{content:"";pointer-events:none;background:radial-gradient(46% 42% at 50% 50%, color-mix(in srgb, var(--accent-ink) 20%, transparent), transparent 70%);position:absolute;inset:-14% -10%}[data-design=nocturne] .intro-duration,[data-design=nocturne] .intro-trust{font-weight:400}[data-design=nocturne] .play-context{opacity:.72;font-size:11px}[data-design=nocturne] .play-progress-copy{font-size:10px}[data-design=nocturne] .play-progress .progress-track{background:color-mix(in srgb, currentcolor 16%, transparent);border:0}[data-design=nocturne] .play-progress .progress-track i{background:linear-gradient(90deg, color-mix(in srgb, var(--acid) 70%, transparent), var(--acid))}[data-design=nocturne] .board-frame{border-color:var(--rule);box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge);position:relative}[data-design=nocturne] .play-board{position:relative}[data-design=nocturne] .play-board:before{content:"";pointer-events:none;background:radial-gradient(44% 40% at 50% 58%, color-mix(in srgb, var(--acid) 13%, transparent), transparent 70%);position:absolute;inset:-14% -12%}[data-design=nocturne] .reveal-wrap{position:relative}[data-design=nocturne] .reveal-wrap:before{content:"";pointer-events:none;background:radial-gradient(44% 40% at 50% 42%, color-mix(in srgb, var(--acid) 12%, transparent), transparent 72%);position:absolute;inset:-26% -16%}[data-design=nocturne] .reveal-card{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface);color:var(--text);box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge);padding:clamp(26px,4vw,44px);position:relative}[data-design=nocturne] .reveal-card h1{margin-bottom:var(--space-4);font-size:clamp(1.9rem,5vw,2.7rem)}[data-design=nocturne] .reveal-message{font-size:1.2rem;line-height:1.65}[data-design=nocturne] .reveal-context{color:var(--muted)}[data-design=nocturne] .reveal-prompt{opacity:.8;font-size:11px}[data-design=nocturne] .reveal-thanks{font-family:var(--font-display);font-weight:500}[data-design=nocturne] .reaction-btn{border:1px solid var(--border);color:inherit;box-shadow:none;transition:background var(--t-fast) ease, border-color var(--t-fast) ease, transform var(--t-fast) ease;background:0 0}[data-design=nocturne] .reaction-btn:hover{background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);border-color:#0000;transform:translateY(-2px)}@keyframes nocturne-bloom{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}[data-design=nocturne] .reveal-enter{animation:.64s cubic-bezier(.16,.84,.28,1) .1s both nocturne-bloom}@keyframes nocturne-grid-solve{0%{opacity:1;filter:brightness();transform:scale(1)}27%{filter:brightness(1.12);transform:scale(1.02)}70%{opacity:1;filter:brightness(1.04);transform:scale(1)}to{opacity:0;filter:brightness();transform:scale(.99)}}[data-design=nocturne] .grid-exit{animation:.55s ease-out both nocturne-grid-solve}@keyframes nocturne-ember{0%{opacity:0;transform:translateY(-24px)scale(.7)}18%{opacity:1}to{opacity:0;transform:translateY(66vh)scale(1)}}[data-design=nocturne] .confetti i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--acid) 60%, transparent);border:0;border-radius:50%;animation:3.2s cubic-bezier(.3,.5,.4,1) both nocturne-ember}[data-design=nocturne] .confetti i:nth-child(3n){background:var(--pink);box-shadow:0 0 10px color-mix(in srgb, var(--pink) 60%, transparent);animation-duration:3.8s}[data-design=nocturne] .confetti i:nth-child(4n){background:var(--coral);box-shadow:0 0 10px color-mix(in srgb, var(--coral) 60%, transparent);animation-duration:2.8s}[data-design=nocturne] .confetti i:nth-child(5n){background:var(--white);width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--white) 70%, transparent)}[data-design=nocturne] .manage-header{border-bottom:1px solid var(--rule)}[data-design=nocturne] .manage-private{color:var(--muted);font-size:10px}[data-design=nocturne] .manage-title-copy h1{letter-spacing:-.015em;font-size:clamp(2rem,5vw,3.4rem)}[data-design=nocturne] .manage-meta{color:var(--muted)}[data-design=nocturne] .manage-note{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);border-inline-start:3px solid var(--gilt);border-radius:var(--r-s);background:color-mix(in srgb, var(--yellow) 55%, var(--white));color:var(--ink);font-weight:500}[data-design=nocturne] .manage-link-panel{border-radius:var(--r-card)}[data-design=nocturne] .manage-link-icon{border:1px solid var(--border);border-radius:var(--r-control);color:var(--gilt);background:0 0}[data-design=nocturne] .manage-link-text small{color:var(--muted);font-size:10px}[data-design=nocturne] .manage-link-text a{-webkit-text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);font-weight:500}[data-design=nocturne] .manage-link-note{color:var(--muted)}[data-design=nocturne] .copy-button{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:var(--r-control);background:linear-gradient(168deg, var(--yellow), var(--acid));color:var(--ink);box-shadow:var(--shadow-2);font-weight:600}[data-design=nocturne] .copy-button:hover{background:linear-gradient(168deg, #fff3d8, var(--yellow));box-shadow:var(--shadow-5)}[data-design=nocturne] .manage-section-heading{border-bottom:1px solid var(--rule);color:var(--muted);font-size:11px}[data-design=nocturne] .manage-stats h2,[data-design=nocturne] .reaction-panel h2,[data-design=nocturne] .help-panel h2{letter-spacing:-.012em;font-size:clamp(1.6rem,3.4vw,2.4rem)}[data-design=nocturne] .stats-grid{gap:var(--space-5)}[data-design=nocturne] .stat-tile,[data-design=nocturne] .stat-tile:first-child,[data-design=nocturne] .stat-tile:nth-child(2),[data-design=nocturne] .stat-tile:nth-child(3){border:1px solid var(--rule);border-radius:var(--r-card);background:radial-gradient(90% 70% at 100% 0%, var(--how-glow), transparent 70%), var(--surface);min-height:190px;color:var(--text);box-shadow:var(--shadow-5), inset 0 1px 0 var(--edge);position:relative;overflow:hidden;transform:none}[data-design=nocturne] .stat-tile:first-child{--how-glow:#0f5c6b21}[data-design=nocturne] .stat-tile:nth-child(2){--how-glow:#9e2a5421}[data-design=nocturne] .stat-tile:nth-child(3){--how-glow:#5636a821}@media (prefers-color-scheme:dark){[data-design=nocturne] .stat-tile:first-child{--how-glow:#63cbd826}[data-design=nocturne] .stat-tile:nth-child(2){--how-glow:#ff9ab826}[data-design=nocturne] .stat-tile:nth-child(3){--how-glow:#b3a1ff26}}[data-design=nocturne] .stat-tile small,[data-design=nocturne] .manage-link-text small{color:var(--muted)}[data-design=nocturne] .stat-tile strong,[data-design=nocturne] .reaction-total strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--gilt);font-size:clamp(2.8rem,6.5vw,4.2rem);font-weight:400;line-height:.9}[data-design=nocturne] .stat-tile span{color:var(--muted);font-weight:400}[data-design=nocturne] .completion-track{border:1px solid var(--rule);border-radius:var(--r-pill);background:color-mix(in srgb, var(--text) 8%, transparent);block-size:6px;overflow:hidden}[data-design=nocturne] .completion-track i{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--gilt), var(--acid));border-inline-end:0}[data-design=nocturne] .reaction-panel,[data-design=nocturne] .help-panel{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface);color:var(--text);box-shadow:var(--shadow-5), inset 0 1px 0 var(--edge);padding:clamp(24px,3vw,34px)}[data-design=nocturne] .panel-kicker{color:var(--muted);font-size:11px}[data-design=nocturne] .reaction-stat{border-top:1px solid var(--rule)}[data-design=nocturne] .reaction-stat svg{color:var(--gilt)}[data-design=nocturne] .reaction-stat strong{font-family:var(--font-display);color:var(--text);font-size:24px;font-weight:500}[data-design=nocturne] .reaction-stat span{color:var(--muted);letter-spacing:var(--tracking-label);font-weight:600}[data-design=nocturne] .reaction-note,[data-design=nocturne] .help-body{color:var(--muted);opacity:1;font-size:15px;line-height:1.65}[data-design=nocturne] .help-body svg{color:var(--gilt)}[data-design=nocturne] .danger-panel{border-top:1px solid var(--rule)}[data-design=nocturne] .danger-copy strong{font-family:var(--font-display);font-size:18px;font-weight:500}[data-design=nocturne] .danger-copy p,[data-design=nocturne] .danger-question{color:var(--muted);font-weight:400}[data-design=nocturne] .danger-action{border:1px solid var(--border);border-radius:var(--r-control);background:0 0;font-weight:500}[data-design=nocturne] .danger-action:hover:not(:disabled){border-color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}[data-design=nocturne] .danger-action-warn:hover:not(:disabled),[data-design=nocturne] .danger-action-go,[data-design=nocturne] .danger-action-go:hover:not(:disabled){background:var(--danger);color:var(--bg);border-color:#0000}[data-design=nocturne] .manage-shell-deleted{background:var(--band)}[data-design=nocturne] .deleted-panel{border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface);color:var(--text);box-shadow:var(--shadow-12), inset 0 1px 0 var(--edge)}[data-design=nocturne] .deleted-icon{border:1px solid var(--border);color:var(--gilt);background:0 0}[data-design=nocturne] .deleted-panel p{color:var(--muted);line-height:1.7}[data-design=nocturne] .deleted-panel .btn{background:var(--btn-fill);color:var(--btn-ink);box-shadow:var(--shadow-3);border-color:#0000}[data-design=nocturne] .deleted-panel .btn:hover{background:var(--btn-hover-fill);color:var(--btn-hover-ink);box-shadow:var(--shadow-8)}@media (max-width:1000px){[data-design=nocturne] .how-card,[data-design=nocturne] .how-card:first-child,[data-design=nocturne] .how-card:nth-child(2),[data-design=nocturne] .how-card:nth-child(3){min-height:0}[data-design=nocturne] .how-card h3{padding-top:var(--space-4)}}@media (max-width:720px){[data-design=nocturne] .stat-tile,[data-design=nocturne] .stat-tile:first-child,[data-design=nocturne] .stat-tile:nth-child(2),[data-design=nocturne] .stat-tile:nth-child(3){min-height:0}}@media (max-width:560px){[data-design=nocturne] .mood-card,[data-design=nocturne] .mood-card:first-child,[data-design=nocturne] .mood-card:nth-child(2),[data-design=nocturne] .mood-card:nth-child(3),[data-design=nocturne] .mood-card:nth-child(4){min-height:0;padding:var(--space-4)}[data-design=nocturne] .hero-puzzle-card{padding:var(--space-4)}[data-design=nocturne] .reveal-card{padding:var(--space-5) var(--space-4)}[data-design=nocturne] .intro-sticker{inset-inline-start:0}}@media (max-width:380px){[data-design=nocturne] .hero-stage:before,[data-design=nocturne] .intro-wrap:before,[data-design=nocturne] .play-board:before,[data-design=nocturne] .reveal-wrap:before{display:none}}