:root{--color-ink:#191f28;--color-paper:#f2f4f6;--color-surface:#fff;--color-brand:#1b64da;--color-brand-strong:#0f57c6;--color-brand-weak:#e8f3ff;--color-secret:#f2f4f6;--color-reveal:#fff6d8;--color-safe:#e8faf0;--color-bonus:#e8f3ff;--color-warning:#f59f00;--color-danger:#e42939;--color-muted:#4e5968;--color-subtle:#6b7684;--color-line:#e5e8eb;--shadow-hard:0 8px 24px #0000000f;--shadow-small:0 4px 16px #0000000a;--radius-card:24px;--radius-control:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--max-content:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--color-surface);min-width:320px;color:var(--color-ink);-webkit-font-smoothing:antialiased;word-break:keep-all;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--color-surface);min-width:320px;min-height:100vh;margin:0;overflow-x:clip}button,textarea,select,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #90c2ff}.appShell{min-height:100vh;padding:max(12px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom))}.mainContent,.utilityRow,.footerLinks{width:min(100%, var(--max-content));margin-inline:auto}.mainContent{padding-block:clamp(28px,6vw,64px)}.utilityRow{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.brandHome{min-height:42px;color:var(--color-ink);cursor:pointer;font:inherit;letter-spacing:.04em;background:url(/spill-icon-600.svg) 0/36px 36px no-repeat;border:0;align-items:center;margin:0;padding:0 0 0 46px;font-size:18px;font-weight:750;display:inline-flex}.brandHome:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.brandMark{width:80px;height:80px;overflow:visible}.brandMark__ear,.brandMark__note,.brandMark__fold,.brandMark__seal{stroke:var(--color-ink);stroke-width:4px;stroke-linejoin:round}.brandMark__ear--yellow{fill:#ffd43b}.brandMark__ear--pink{fill:#ff7b9c}.brandMark__note{fill:var(--color-surface)}.brandMark__fold{fill:none}.brandMark__seal{fill:#4ddf83}.localeSwitch{background:var(--color-paper);border-radius:999px;gap:2px;padding:3px;display:flex}.localeSwitch button{min-width:44px;min-height:38px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:700}.localeSwitch button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-small)}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;text-wrap:balance;margin-bottom:20px;font-size:clamp(36px,7vw,56px);font-weight:750;line-height:1.2}h2{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(22px,4vw,28px);font-weight:700;line-height:1.3}.eyebrow,.noteLabel{color:var(--color-brand);margin-bottom:12px;font-size:14px;font-weight:700;line-height:1.45}.lede{max-width:580px;color:var(--color-muted);font-size:clamp(17px,3vw,20px);line-height:1.55}.heroCopy{padding-block:clamp(12px,4vw,32px)}.heroCopy h1{white-space:pre-line;max-width:640px}.button{border-radius:var(--radius-control);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:15px 20px;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .16s,transform .12s,opacity .16s;display:inline-flex}.button:hover:not(:disabled){filter:brightness(.97)}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.42}.button--full{width:100%}.button--primary{background:var(--color-brand);color:#fff}.button--reveal,.button--bonus{background:var(--color-brand-weak);color:var(--color-brand-strong)}.button--ink{background:var(--color-ink);color:#fff}.button--secondary{background:var(--color-paper);color:var(--color-ink)}.button--danger{background:var(--color-danger);color:#fff}.buttonSpark{background:#ffffff24;border-radius:50%;place-items:center;width:26px;height:26px;font-size:17px;display:inline-grid}.textButton{min-height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-weight:600}.textButton--danger{color:var(--color-danger)}.exchangeRule{background:var(--color-paper);color:var(--color-muted);text-align:center;border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-block:20px 28px;padding:18px;font-size:14px;font-weight:600;line-height:1.45;display:grid}.exchangeRule b{color:var(--color-subtle);font-size:18px}.actionStack{gap:12px;display:grid}.adGateCard,.revealBonus{border-radius:var(--radius-card);background:var(--color-paper);padding:clamp(22px,5vw,30px)}.adGateCard p,.revealBonus p{color:var(--color-muted);line-height:1.55}.adGateCard__label,.adLabel{background:var(--color-surface);color:var(--color-muted);border-radius:999px;margin-bottom:12px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.howItWorks{grid-template-columns:repeat(3,1fr);gap:12px;margin:48px 0 0;padding:0;list-style:none;display:grid}.howItWorks li{background:var(--color-paper);color:var(--color-muted);border-radius:18px;align-content:start;gap:8px;padding:18px;font-size:14px;line-height:1.5;display:grid}.howItWorks b{color:var(--color-brand);font-size:13px}.bannerAdSlot{width:100vw;height:96px;margin-top:48px;margin-left:calc(50% - 50vw);overflow:hidden}.bannerAdSlot--loading{visibility:hidden}.bannerAdSlot--hidden{display:none}.bannerAdSlot--demo{background:var(--color-paper);color:var(--color-muted);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.bannerAdSlot__badge{border:1px solid var(--color-subtle);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.bannerAdSlot__target{width:100%;height:100%}.centerStage{place-items:center;min-height:calc(100vh - 100px);padding:32px 20px;display:grid}.paperCard{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,560px);box-shadow:var(--shadow-small);padding:clamp(24px,6vw,40px)}.fatalError__title{font-size:clamp(26px,7vw,40px)}.checkRow{color:var(--color-muted);cursor:pointer;align-items:flex-start;gap:12px;margin-block:22px;line-height:1.5;display:flex}.checkRow input{width:22px;height:22px;accent-color:var(--color-brand);flex:none}.composer,.reveal,.cardPicker{gap:20px;display:grid}.paperCard--note{width:100%;box-shadow:none}.composer h1{max-width:560px;margin-top:8px;font-size:clamp(30px,7vw,46px)}.secretInput{resize:vertical;background:var(--color-surface);width:100%;min-height:210px;color:var(--color-ink);border:1px solid #d1d6db;border-radius:16px;padding:18px;font-size:18px;line-height:1.6;transition:border-color .16s,box-shadow .16s}.secretInput:focus,.secretInput:focus-visible{border-color:var(--color-brand);outline:0;box-shadow:0 0 0 3px #3182f61f}.secretInput::placeholder{color:var(--color-subtle)}.inputMeta{color:var(--color-muted);justify-content:space-between;gap:20px;margin-top:10px;font-size:13px;line-height:1.5;display:flex}.inputMeta strong{color:var(--color-subtle);font-variant-numeric:tabular-nums;flex:none}.inputMeta strong.isReady{color:#087c46}.lengthMeter{background:var(--color-line);border-radius:999px;height:4px;margin-top:16px;overflow:hidden}.lengthMeter span{transform-origin:0;background:var(--color-brand);width:100%;height:100%;transition:transform .16s;display:block}.lengthMeter.isReady span{background:#20c875}.lengthStatus{color:var(--color-muted);align-items:center;gap:7px;margin:10px 0 0;font-size:13px;display:flex}.lengthStatus.isReady{color:#087c46;font-weight:600}.lengthStatus.isBlocked{color:var(--color-danger);font-weight:600}.validationDialog__message{color:var(--color-muted);line-height:1.55}.validationDialog__message p{margin:0}.validationDialog__message ul{text-align:left;margin:0;padding-left:20px}.validationDialog__message p.validationDialog__safetyMessage{margin-top:12px;font-size:13px}.pickerHeading{text-align:left}.pickerHeading h1{margin-bottom:14px;font-size:clamp(34px,7vw,48px)}.pickerHeading .lede{margin-bottom:0}.deckToolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.deckCount{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.deckAllLoaded{color:var(--color-subtle);font-size:13px}.shuffleButton{background:var(--color-brand-weak);min-height:44px;color:var(--color-brand-strong);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.shuffleButton:active:not(:disabled){transform:scale(.98)}.shuffleButton:disabled{cursor:default;opacity:.42}.shuffleButton span{font-size:18px;line-height:1}.cardDeck{min-width:0;margin-inline:-8px;position:relative}.cardFan{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;align-items:center;gap:14px;min-height:336px;padding:24px clamp(48px,9vw,72px) 32px;scroll-padding-inline:clamp(48px,9vw,72px);display:flex;overflow-x:auto}.cardFan::-webkit-scrollbar{display:none}.mysteryCard{border:1px solid var(--color-line);background:var(--card-background,linear-gradient(145deg, var(--card-color-start,var(--color-surface)) 0%, var(--card-color-end,var(--color-paper)) 100%));width:clamp(156px,30vw,192px);min-width:clamp(156px,30vw,192px);min-height:clamp(246px,47vw,300px);color:var(--color-ink);box-shadow:var(--shadow-small);cursor:pointer;scroll-snap-align:center;border-radius:24px;flex:none;place-items:center;padding:18px;transition:border-color .18s,transform .18s,opacity .18s;display:grid;position:relative;overflow:hidden}.mysteryCard--neonRainbow{box-shadow:var(--shadow-small), 0 0 24px #5b4bff47;filter:saturate(1.3)contrast(1.03)}.mysteryCard:hover:not(:disabled),.mysteryCard:focus-visible{border-color:#9ec5ff;transform:translateY(-6px)}.mysteryCard:disabled{cursor:default}.mysteryCard.isSelected{z-index:2;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-weak);transform:translateY(-8px)}.mysteryCard.isDismissed{opacity:.25}.mysteryCard__number{color:var(--color-subtle);font-size:12px;font-weight:700;position:absolute;top:18px;left:18px}.mysteryCard__seal{background:var(--color-brand-weak);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.mysteryCard__seal span{border:3px solid var(--color-brand);border-top:0;border-radius:0 0 5px 5px;width:26px;height:20px;transform:rotate(-2deg)}.mysteryCard__copy{width:100%;color:var(--color-muted);text-align:center;font-size:13px;font-weight:700;position:absolute;bottom:22px;left:0}.deckArrow{z-index:5;border:1px solid var(--color-line);background:var(--color-surface);width:44px;height:44px;box-shadow:var(--shadow-small);color:var(--color-muted);cursor:pointer;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.deckArrow--previous{left:0}.deckArrow--next{right:0}.deckArrow:active:not(:disabled){transform:translateY(-50%)scale(.96)}.deckArrow:disabled{cursor:default;opacity:.25}.deckProgress{background:var(--color-line);border-radius:999px;height:4px;overflow:hidden}.deckProgress span{background:var(--color-brand);height:100%;transition:width .18s;display:block}.pickerStatus{min-height:28px;color:var(--color-muted);text-align:center;margin:0;font-size:14px;line-height:1.5}.secretCard{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-height:340px;box-shadow:var(--shadow-small);padding:clamp(24px,6vw,42px);position:relative;overflow:hidden}.secretCard:before{background:var(--color-brand);content:"";height:6px;position:absolute;inset:0 0 auto}.secretCard__meta{color:var(--color-subtle);justify-content:space-between;gap:16px;font-size:12px;font-weight:700;display:flex}.secretCard__body{letter-spacing:-.035em;max-width:580px;margin:clamp(36px,8vw,64px) 0;font-size:clamp(26px,6vw,40px);font-weight:700;line-height:1.35}.secretCard__stamp{background:var(--color-brand-weak);color:var(--color-brand-strong);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;position:absolute;bottom:22px;right:22px}.reactionPanel{border:0;gap:10px;min-inline-size:0;margin:0;padding:0;display:grid}.reactionRow{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.reactionChip{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding:9px 10px 9px 14px;font-size:13px;display:flex}.reactionChip>strong{font-size:14px}.reactionChip__count{background:var(--color-paper);min-width:30px;min-height:30px;color:var(--color-muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;font-size:12px;display:grid}.reactionChip.isSelected{border-color:var(--color-brand);background:var(--color-brand-weak)}.reactionChip:disabled{cursor:wait;opacity:.55}.safetyActions{justify-content:center;gap:18px;display:flex}.statusMessage{background:var(--color-safe);color:#087c46;border-radius:12px;margin:0;padding:12px 14px;line-height:1.5}.safetyResult{width:min(100%,640px);margin-inline:auto}.hiddenCard{border-radius:var(--radius-card);background:var(--color-safe);text-align:center;align-content:center;place-items:center;gap:12px;min-height:340px;padding:36px;display:grid}.hiddenCard h1,.hiddenCard p{margin:0}.hiddenCard__icon{background:var(--color-surface);color:#087c46;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;font-weight:700;display:grid}.postRevealActions{gap:12px;display:grid}div.dialogCard{background:var(--color-surface);border-radius:24px;width:min(100% - 40px,560px);max-height:min(720px,100vh - 40px);padding:28px 24px 24px;overflow-y:auto;box-shadow:0 16px 48px #00000029}.fieldLabel{margin-bottom:8px;font-weight:600;display:block}div.dialogCard select{background:var(--color-surface);border:1px solid #d1d6db;border-radius:12px;width:100%;min-height:52px;padding:8px 12px}.dialogActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.webDialogLayer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.webDialogOverlay{cursor:default;background:#00000073;border:0;width:100%;height:100%;position:absolute;inset:0}.webDialogContent,.webAlertDialog{z-index:1;position:relative}.webAlertDialog__action{margin-top:20px}.adOverlay{z-index:40;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.adOverlay__card{background:var(--color-surface);text-align:center;border-radius:24px;width:min(100%,440px);padding:30px;box-shadow:0 16px 48px #00000029}.adProgress{background:var(--color-line);border-radius:999px;height:6px;overflow:hidden}.adProgress span{transform-origin:0;background:var(--color-brand);height:100%;animation:1.2s linear forwards ad-progress;display:block}.mySpillList,.policyGrid{gap:12px;display:grid}.mySpillRow,.policyGrid article{border:1px solid var(--color-line);background:var(--color-surface);border-radius:18px;padding:20px}.mySpillRow{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.mySpillRow p{margin:12px 0 8px;line-height:1.55}.mySpillSafetyActions{justify-items:end;gap:10px;display:grid}.deleteConfirm{border-left:3px solid var(--color-danger);width:min(100%,300px);padding-left:14px}.deleteConfirm p{margin-top:0;font-size:13px;font-weight:600}.deleteConfirmActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.deleteConfirmActions .button{min-height:44px;padding:8px 10px;font-size:12px}.statusPill{background:var(--color-safe);color:#087c46;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.statusPill--deleted,.statusPill--removed{background:var(--color-paper);color:var(--color-muted)}.statusPill--hold{color:#ad5700;background:#fff4e5}.policyPage>h1{max-width:620px}div.safetyDialog{grid-template-rows:auto minmax(0,1fr);width:min(100% - 40px,680px);max-height:min(820px,100dvh - 40px);padding:0;display:grid;overflow:hidden}.safetyDialog__header{background:var(--color-surface);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:22px 24px 0;display:flex}.safetyDialog__header .eyebrow{margin:0}.safetyDialog__close{background:var(--color-paper);width:44px;height:44px;color:var(--color-muted);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:28px;line-height:1;display:grid}.safetyDialog__scroll{overscroll-behavior:contain;scrollbar-color:#1111113d transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch;min-height:0;padding:0 18px 24px 24px;overflow-y:auto}.safetyDialog__scroll:focus-visible{outline-offset:-3px;outline:3px solid #5b4bff4d}.safetyDialog__scroll::-webkit-scrollbar{width:6px}.safetyDialog__scroll::-webkit-scrollbar-track{background:0 0}.safetyDialog__scroll::-webkit-scrollbar-thumb{background:#1111113d;border-radius:999px}.safetyDialog__scroll::-webkit-scrollbar-thumb:hover{background:#1116}.safetyDialog__scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.safetyDialog .policyPage>h1{margin-bottom:18px;font-size:clamp(30px,6vw,42px)}.policyGrid article b{color:var(--color-brand);font-size:13px}.policyGrid article h2{margin:10px 0;font-size:21px}.policyGrid article p{color:var(--color-muted);margin-bottom:0;line-height:1.6}.crisisNotice{color:#b42331;background:#fff0f1;border-radius:18px;margin-top:18px;padding:20px}.crisisNotice p{margin:8px 0 0;line-height:1.55}.footerLinks{justify-content:center;align-items:center;gap:12px;padding:24px 0;display:flex}.footerLinks button{min-height:44px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:8px 12px}.toast,.errorBanner{z-index:30;right:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#fff;background:#303740;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:min(100% - 32px,620px);margin-inline:auto;padding:14px 16px;font-weight:600;line-height:1.4;display:flex;position:fixed;left:16px;box-shadow:0 10px 28px #00000029}.errorBanner{background:#b42331}.toast button,.errorBanner button{min-width:40px;min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:24px}.loadingScreen{min-height:100vh;color:var(--color-muted);align-content:center;place-items:center;gap:14px;font-weight:600;display:grid}@keyframes ad-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=520px){.appShell{padding-inline:20px}.mainContent{padding-block:24px 40px}h1{font-size:clamp(32px,10vw,42px)}.exchangeRule{gap:6px;padding:16px 10px;font-size:12px}.howItWorks,.reactionRow{grid-template-columns:1fr}.howItWorks li{grid-template-columns:30px 1fr;gap:6px}.inputMeta,.mySpillRow{flex-direction:column}.cardFan{min-height:294px;padding-inline:42px}.mysteryCard{min-height:232px}.secretCard{min-height:320px}div.dialogCard{width:calc(100% - 32px);padding:24px 20px 20px}div.safetyDialog{max-height:calc(100dvh - 32px);padding:0}.safetyDialog__header{padding:16px 20px 0}.safetyDialog__scroll{padding-left:20px;padding-right:14px}.safetyDialog .policyPage>h1{font-size:30px}}@media (pointer:coarse){.safetyDialog__scroll{scrollbar-width:none}.safetyDialog__scroll::-webkit-scrollbar{display:none}}@media (width<=350px){.appShell{padding-inline:16px}.exchangeRule{grid-template-columns:1fr}.exchangeRule b{transform:rotate(90deg)}.button{padding-inline:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}