*{box-sizing:border-box}input,textarea,select{font-size:16px}:root{--bg: #0f172a;--bg-soft: #111827;--text: #e5e7eb;--muted: #94a3b8;--primary: #7c3aed;--primary-600: #6d28d9;--success: #16a34a;--success-600: #15803d;--border: #1f2937}html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}form input{display:block;margin:10px 0;padding:8px;width:100%}form button{padding:8px 12px;margin-top:10px}.form-container{max-width:400px;margin:40px auto;padding:20px;border:1px solid #ccc;border-radius:12px}input,textarea{display:block;margin:10px 0;width:100%;padding:8px}.toast-success{margin-top:8px;color:green;font-weight:700;animation:fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}.doc{max-width:800px;margin:24px auto;padding:0 16px 24px;color:#e6ebff}.doc h1{font-size:28px;margin-bottom:12px}.doc h2{font-size:20px;margin-top:20px}.doc p,.doc li{line-height:1.6;opacity:.92}.doc a{color:#a5b4fc}.composer--disabled{opacity:.6;pointer-events:none}.app{min-height:100vh;display:flex;flex-direction:column}.app main{flex:1}footer{padding-bottom:env(safe-area-inset-bottom,0)}.muted-link{font-size:.9rem;color:#6b7280;text-decoration:none}.muted-link:hover{text-decoration:underline;color:#374151}.form-container form{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 480px){.form-container form{gap:1rem}}.form-container.login-form{max-width:400px;margin:40px auto;padding:24px;border:1px solid #ccc;border-radius:12px;box-sizing:border-box}@media (max-width: 421px){.form-container.login-form{margin:24px 12px;padding:20px 16px}}.back-to-home{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:var(--text);cursor:pointer;margin-left:20px;margin-top:22px}.login-brand{display:flex;align-items:center;justify-content:center;gap:1px;font-weight:800;letter-spacing:.3px;padding-top:22px}.login-logo-text{font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:2px;cursor:pointer}.login-logo-image{width:16px;height:16px}.register-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding-top:5px;padding-bottom:10px}.consent-checkbox{margin-top:5px;flex:0 0 auto}.consent-label{flex:1 1 auto;line-height:1.4;overflow-wrap:anywhere}.consent-label a{text-decoration:underline;color:#a5b4fc}.register-brand{display:flex;align-items:center;justify-content:center;gap:1px;font-weight:800;letter-spacing:.3px;padding-top:22px}.register-logo-text{font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:2px;cursor:pointer}.register-logo-image{width:16px;height:16px}.form-container.register-form{max-width:400px;margin:40px auto;padding:24px;border:1px solid #ccc;border-radius:12px;box-sizing:border-box}@media (max-width: 421px){.form-container.register-form{margin:24px 12px;padding:20px 16px}}.password-field{position:relative}.password-field input{width:100%;padding-right:3rem}.toggle-password{position:absolute;right:.75rem;top:30%;transform:translateY(-50%);border:none;background:none;color:#000;font-size:1rem;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-toggle span[aria-hidden=true]{line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sheet-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:50}.sheet{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.sheet-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.sheet-header h3{margin:10px;text-align:center}.sheet-header .close-btn{position:absolute;right:8px;top:8px;cursor:pointer}.share-row{display:grid;grid-template-columns:1fr auto;gap:8px}.share-actions{display:flex;justify-content:center;gap:8px;margin-bottom:12px;width:100%}.qr-wrap{display:grid;justify-items:center;gap:10px;margin-top:6px}.toast-copy{margin:6px auto 0;width:max-content;padding:6px 10px;border-radius:10px;font-size:.9rem;background:#065f46;color:#a7f3d0;border:1px solid rgba(167,243,208,.25)}.copy-btn{background-color:#e7e7e7;color:#353333;width:100%;padding:10px 14px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;border:none}.download-btn{border:1px solid var(--border);width:70%;padding:15px 14px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;margin-top:7px;background-color:#e7e7e7}.share-actions{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.share-btn{width:50%;appearance:none;border:1px solid rgba(59,130,246,.55);background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;padding:8px 12px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;flex:0 0 auto;transition:transform 80ms ease,box-shadow .14s ease,border-color .14s ease}.share-btn:hover{box-shadow:0 8px 20px #2563eb47}.share-btn:active{transform:translateY(1px)}.share-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.share-actions .btn{padding:8px 12px;font-size:.9rem;border-radius:10px;flex:0 0 auto}.share-panel{max-width:760px;width:100%;margin:0 auto 20px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 6px 20px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-panel__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.share-panel__summary::-webkit-details-marker{display:none}.share-panel__title{font-size:1.125rem;font-weight:700}.share-panel__chev{transition:transform .18s ease;opacity:.8}details[open] .share-panel__chev{transform:rotate(180deg)}.share-panel__hint{margin:8px 0 14px;font-size:.9rem;opacity:.8}.share-panel__error{opacity:.9;margin:6px 0 0}.share-panel__loading{opacity:.8;margin:6px 0 0}.share-panel__grid{display:grid;gap:10px}.share-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.share-row__label{display:inline-flex;align-items:center;gap:10px;font-weight:600}.share-row__icon{font-size:1.1rem}.share-row__actions{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.share-panel .btn{appearance:none;border:1px solid transparent;border-radius:9999px;padding:8px 12px;font-weight:600;font-size:.9rem;line-height:1;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .06s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}.share-panel .btn:active{transform:translateY(1px)}.share-panel .btn--primary{background:#3468ff;color:#fff;border-color:#ffffff26}.share-panel .btn--primary:hover{opacity:.9}.share-panel .btn--ghost{background:transparent;color:#cfe0ff;border-color:#ffffff2e}.share-panel .btn--ghost:hover{background:#ffffff0f}@media (max-width: 560px){.share-row{grid-template-columns:1fr}.share-row__actions{justify-content:flex-start}}.dashboard-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 0;box-sizing:border-box;background:#0b1220}.dashboard-container{width:100%;max-width:860px;padding:0 16px;margin:0 auto}.bg-aurora{background:radial-gradient(1200px 800px at 8% -10%,rgba(29,78,216,.35) 0%,transparent 60%),radial-gradient(900px 600px at 95% 0%,rgba(34,211,238,.28) 0%,transparent 55%),radial-gradient(1000px 700px at 0% 100%,rgba(16,185,129,.25) 0%,transparent 52%),#0b1220}.bg-mesh{background:conic-gradient(from 220deg at 80% 10%,#3b82f64d,#8b5cf640,#22c55e2e,#3b82f64d),radial-gradient(800px 500px at 10% 90%,rgba(14,165,233,.18),transparent 60%),#0b1220}.bg-grid{background-color:#0f172a;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px,32px 32px;background-position:-1px -1px,-1px -1px}.bg-solid{background:#0b1220}.crush-card{padding:12px;margin-bottom:16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:110%}.crush-card-content{overflow-wrap:anywhere;word-break:break-word}.crush-list{margin:0;padding-left:0}.crush-list>li{list-style:none}.crush-card{width:100%;margin:0 0 16px}.crush-card.is-skeleton{opacity:.6;pointer-events:none}.skeleton-line{height:10px;background:#f0f0f0;border-radius:6px;margin-bottom:8px}.skeleton-line.w40{width:40%;height:12px}.skeleton-line.w70{width:70%}.skeleton-line.w50{width:50%;margin-bottom:12px}.skeleton-pill{height:28px;width:120px;background:#e9e9e9;border-radius:6px}.dashboard-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.logout-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:opacity .2s ease,transform .05s ease}.btn{appearance:none;border:1px solid var(--border);background:#ffffff05;color:var(--text, #e5e7eb);padding:10px 14px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform 80ms ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.btn:hover:not(:disabled){border-color:var(--focus, #3b82f6);box-shadow:0 0 0 3px #3b82f61f}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{border-color:#3b82f680;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #2563eb47}.btn-outline{background:transparent;border-color:var(--border);color:var(--text, #e5e7eb);outline:1px solid #fff}.btn-secondary{background:#ffffff0a;outline:1px solid #fff;color:#e6edf3}.btn-danger{background:#dc2626;border-color:#ef4444;color:#fff}.btn-sm{padding:6px 10px;font-size:.9rem;border-radius:10px}.btn-xs{padding:5px 9px;font-size:.85rem;border-radius:9px}.share-actions,.actions-row{display:inline-flex;gap:8px}.actions-row{align-items:center;margin-top:8px}.share-actions .btn,.actions-row .btn{flex:0 0 auto;width:auto}.share-box{margin-bottom:16px}.share-row{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid rgba(255,255,255,.4);background-color:#0000002b}.full-width{width:100%}.mb-10{margin-bottom:10px}.tabs{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0}.tab{position:relative;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--subtext, #a3a3a3);font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform 80ms ease;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tab:hover{border-color:var(--focus, #3b82f6);color:var(--text, #e5e7eb)}.tab.is-active{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f68c}@media (max-width: 520px){.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.tabs .tab{width:100%;justify-content:center;border-radius:12px;padding:12px 10px;font-size:14px}.tabs .compliments-tab{grid-column:1 / -1}}:root{--compliment-accent: #ffd166;--compliment-accent-ink: #1b1f2a}.tab.compliments-tab{border-color:#ffd16666;color:var(--compliment-accent);background:linear-gradient(180deg,#ffd1661a,#ffd1660f);box-shadow:inset 0 0 0 1px #ffd16640;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tab.compliments-tab:before{content:"✨";margin-right:8px;filter:drop-shadow(0 0 4px rgba(255,209,102,.4))}.tab.compliments-tab:hover,.tab.compliments-tab:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px #ffd1662e,inset 0 0 0 1px #ffd16659;background:linear-gradient(180deg,#ffd16629,#ffd1661a)}.tab.is-active.compliments-tab{color:var(--compliment-accent-ink);background:var(--compliment-accent);border-color:var(--compliment-accent);box-shadow:0 6px 18px #ffd16640}.badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:8px;border-radius:999px;font-size:12px;line-height:18px;text-align:center;background:#ff4d4f;color:#fff}.tab.compliments-tab .badge{background:#ffe8b0;color:var(--compliment-accent-ink);border:1px solid rgba(255,209,102,.6)}@keyframes complimentPulse{0%{box-shadow:0 0 #ffd16673}70%{box-shadow:0 0 0 10px #ffd16600}to{box-shadow:0 0 #ffd16600}}.tab.compliments-tab.has-new{animation:complimentPulse 1.8s ease-out infinite}.pill{display:inline-flex;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:600;line-height:1.4;margin-bottom:8px;color:#fff;white-space:nowrap}.pill-crush{background:#ef444434;border:1px solid white}.pill-compliment{background:#10b981}.pill-confession{background:#f5900b2d;border:1px solid white}.pill-question{background:#3b83f63d;border:1px solid white}.badge-unread{margin-left:8px;background:#16a34a;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}.toast-success{margin-top:8px;display:inline-block;background:#065f46;color:#a7f3d0;border:1px solid rgba(167,243,208,.25);padding:8px 10px;border-radius:10px;font-weight:600}.link-grid{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.link-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;gap:8px}.error-text{color:#ff6b6b}@media (max-width: 520px){.tab.compliments-tab{margin-top:10px}}.undo-toast{display:flex;align-items:center;justify-content:center;gap:12px}@media (max-width: 520px){.undo-toast{margin:20px 0;text-align:center}.no-archived{text-align:center}}.no-messages{display:flex;align-items:center;justify-content:center;margin-top:30px}.undo-btn{border-radius:10%;background-color:#3b83f6;color:#fff;border:none;padding:5px 10px}.confess-row{display:flex;align-items:center}.consent-checkbox{flex:1 1 0}.consent-label{flex:10 1 0;text-align:left}.form-container{text-align:center}.create-confession{--btn: #2d6df6;--btn-hover: #3a79ff;--btn-active: #2a5fe0;--ring: 0 0 0 3px rgba(45, 109, 246, .35);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 16px;margin-top:10px;border:0;border-radius:10px;background:var(--btn);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 8px 24px #2d6df647,inset 0 -1px #00000026;transition:transform .06s ease,background-color .15s ease,box-shadow .15s ease}.create-confession:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 10px 28px #2d6df65c,inset 0 -1px #0000002e}.create-confession:active{background:var(--btn-active);transform:translateY(0);box-shadow:0 6px 18px #2d6df647,inset 0 1px #ffffff0f}.create-confession:focus-visible{outline:none;box-shadow:var(--ring),0 8px 24px #2d6df647}.create-confession[disabled],.create-confession.is-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 480px){.create-confession{width:20%}}@media (prefers-reduced-motion: reduce){.create-confession{transition:none}}@media (max-width: 421px){.form-container.confess-form{margin:10px 12px;padding:20px 16px}}@media (max-width: 768px){.confess-container{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:16px 0}}.chat-header-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:8px;margin-bottom:12px;position:relative;min-height:44px}composer-input:focus{border-color:#324a70;box-shadow:0 0 0 1px #324a7073}@media (max-width: 600px){.chat-card{padding-bottom:0}.composer{margin:0 -16px;padding:10px 12px 12px;border-radius:0 0 24px 24px}.composer-form{gap:6px}.composer-input{min-height:52px;padding:12px 14px;font-size:1rem}.composer-send{padding:10px 14px;font-size:.9rem}}.lock-banner{display:grid;grid-template-columns:1fr;justify-items:center;row-gap:10px;padding:12px 16px;margin:10px 0 12px;text-align:center;border:1px solid var(--border, #334155);background:color-mix(in oklab,var(--bg, #0f172a) 90%,#000);border-radius:12px;box-shadow:0 6px 16px #00000026;animation:bannerIn .18s ease-out;transform:translateZ(0)}.lock-banner .copy{display:grid;gap:4px;line-height:1.35;max-width:60ch}.lock-banner .actions .pay{width:100%;max-width:320px;padding:8px 12px;border-radius:10px;border:1px solid var(--border, #334155);background:var(--primary, #7c3aed);color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease}.pill.time,.countdown{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border, #334155);background:#94a3b81f;font-variant-numeric:tabular-nums;font-size:.9rem}.pill-time-countdown{display:inline-block;padding:2px 6px;border-radius:6px;background:#ffc1071f;color:#ffd666;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.2px;border:1px solid var(--border, #334155);font-size:1rem}.price{white-space:nowrap}.modal-card{max-width:620px;width:min(92vw,620px);background:var(--bg-soft, #0b1220);color:var(--text, #e5e7eb);border:1px solid var(--border, #334155);border-radius:14px;padding:16px 18px 14px;box-shadow:0 24px 64px #00000073}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.modal-sub{margin:6px 0;line-height:1.45}.modal-benefits{margin:10px 0 14px;padding-left:18px;display:grid;gap:6px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .primary{background:var(--primary, #7c3aed);color:#fff;font-weight:700;border:none;border-radius:10px;padding:10px 14px;transition:transform .12s ease,filter .12s ease}.modal-actions .primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.modal-actions .ghost{background:transparent;border:1px solid var(--border, #334155);color:var(--text, #e5e7eb);border-radius:10px;padding:10px 14px}@media (max-width: 480px){.modal-actions{flex-direction:column}.modal-actions .primary,.modal-actions .ghost{width:100%}}.field-select{margin:0 10px}.anon-chat-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:15px;font-weight:700;font-size:18px;margin-bottom:8px;flex-wrap:wrap}@media (max-width: 480px){.chat-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:green}.mode-titles{margin-top:5px;margin-bottom:2px}}.chat-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;background:#0b1220;box-sizing:border-box}.chat-card{background:radial-gradient(1200px 600px at 10% 0%,#0f1b2a,#0a1624 60%,#091426);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;width:min(100%,760px);height:min(820px,calc(100vh - 120px));display:flex;flex-direction:column;color:#e6edf3;box-shadow:0 10px 30px #00000040;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:18px;margin-bottom:8px;flex-wrap:wrap}.chat-header h2{flex:1;margin:0}.button-row{width:min(100%,760px);margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;color:var(--text);cursor:pointer;font-size:14px}.day-divider{display:flex;justify-content:center;align-items:center;margin:12px 0;position:relative;color:#666;font-size:12px}.day-divider:before,.day-divider:after{content:"";height:1px;background:#e5e5e5;flex:1}.day-divider span{padding:0 10px}.bubble-time{font-size:12px;opacity:.7;margin-top:4px;text-align:right}.msg-subrow{margin-top:4px;font-size:12px;color:#fff}.msg-group.right .msg-subrow{text-align:right}.msg-group.left .msg-subrow{text-align:left}.new-divider span{color:#2563eb;font-weight:600}@media (max-width: 480px){.chat-header{flex-direction:column;align-items:flex-start;justify-content:space-between}.chat-header h2{font-size:16px}}.messages{flex:1;overflow-y:auto;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.msg-group{max-width:80%;display:grid;gap:4px}.msg-group.right{margin-left:auto;text-align:right}.msg-group.left{margin-right:auto;text-align:left}.bubble{display:inline-block;padding:8px 10px;border-radius:12px;line-height:1.35;word-break:break-word;box-shadow:0 1px #00000026}.bubble.user{background:#134e4a;color:#ecfeff;border-top-right-radius:4px}.bubble.anon{background:#0b2a4a;color:#e6edf3;border-top-left-radius:4px}.msg-meta{font-size:11px;opacity:.7;margin-top:2px}.typing-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.9;background:#ffffff0f;padding:6px 10px;border-radius:999px;width:fit-content;margin:6px auto 0}.composer{padding:12px 16px;border-top:1px solid #252a3a;background:#070c18}.composer-form{display:flex;align-items:center;gap:8px}.composer-input{flex:1;min-height:44px;max-height:140px;padding:10px 12px;margin:0;border-radius:999px;border:1px solid #343a4f;background:#050814;color:#f9fafb;font-size:.95rem;resize:none;outline:none}.composer-input:focus{border-color:#324a70;box-shadow:0 0 0 1px #324a7073}.composer-send{padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#4c71bd,#4272c5);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;white-space:nowrap;margin-bottom:8px;transition:transform .08s ease,box-shadow .08s ease,opacity .1s ease}.composer-send:disabled{opacity:.6;cursor:default;box-shadow:none}.composer-send:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #ec489959}@media (max-width: 600px){.chat-card{padding-bottom:0}.composer{margin:0 -16px -16px;padding:10px 12px 12px;border-radius:0 0 24px 24px}.composer-form{gap:6px}.composer-input{min-height:52px;padding:12px 14px;font-size:1rem}.composer-send{padding:10px 14px;font-size:.9rem}}.lock-banner{display:flex;flex-direction:column;gap:12px;align-items:center}.countdown{display:inline-block;min-width:8ch;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.lock-banner{transform:translateZ(0)}.lock-banner .pay{background:#2e7d32;color:#fff;border:none;padding:6px 10px;border-radius:8px;cursor:pointer}.logout-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;transition:opacity .2s ease,transform .05s ease}.logout-btn .back-btn{position:absolute;top:16px;right:16px;z-index:10}.logout-btn:hover{opacity:.9}.logout-btn:active{transform:translateY(1px)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#0e1b2a;border:1px solid #203043;border-radius:16px;width:min(520px,92vw);padding:20px;box-shadow:0 18px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-header h3{margin:0;font-size:20px}.icon-btn{background:transparent;border:none;color:#93a4b7;font-size:18px;cursor:pointer}.modal-sub{margin:6px 0 12px;color:#c9d7e5}.modal-benefits{margin:0 0 16px;padding-left:18px;color:#a7b6c7;padding-bottom:10px}.modal-error{color:#ff8c8c;margin-bottom:10px}.modal-actions{display:flex;gap:12px}.modal-actions .primary{background:#16a34a;color:#fff;padding:10px 16px;border:none;border-radius:10px;cursor:pointer;font-weight:600}.modal-actions .primary[disabled]{opacity:.7;cursor:default}.modal-actions .ghost{background:transparent;border:1px solid #2b3b4f;color:#c9d7e5;padding:10px 16px;border-radius:10px;cursor:pointer}.lock-banner .copy{display:flex;flex-direction:column;gap:6px;line-height:1.5}.lock-banner .actions{margin-top:6px}.lock-banner .price{color:#38d39f}.modal-sub{margin-bottom:10px}.modal-benefits{margin:0 0 14px;padding-left:1.1rem}.lock-banner{display:flex;align-items:center;gap:16px;width:100%;padding:14px 16px;margin:12px 0;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:12px}.lock-banner .icon{font-size:18px;line-height:1;opacity:.9;margin-right:2px}.lock-banner .copy{flex:1 1 auto;min-width:0}.lock-banner .copy .line{margin:2px 0 8px;line-height:1.5;color:#dbe4ea}.lock-banner .copy strong,.lock-banner .copy span{display:inline}.lock-banner .copy .price{color:#30d191;font-weight:700}.lock-banner .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lock-banner .actions .pay{background:#2f9e44;color:#fff;border:none;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.lock-banner .actions .ghost.small{background:transparent;border:1px solid rgba(255,255,255,.16);color:#c7d1d8;padding:9px 12px;border-radius:10px;font-weight:600;cursor:pointer}.lock-banner{justify-content:center;text-align:left}.lock-banner.top{max-width:680px;margin:12px auto 16px;text-align:center}.lock-banner{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#101a23;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 14px #00000040}.lock-banner .icon{font-size:18px;line-height:1;opacity:.9;margin-top:2px}.lock-banner .copy{line-height:1.45}.lock-banner .copy .line+.line{margin-top:6px}.lock-banner .price{color:#2dd4bf;font-weight:700}.lock-banner .pill.time{display:inline-block;padding:3px 10px;border-radius:10px;background:#2a2420;border:1px solid #ad7b39;color:#ffd58a;font-variant-numeric:tabular-nums}.lock-banner .actions{margin-left:auto}.lock-banner .pay{background:#2e7d32;color:#fff;border:none;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}.lock-banner .pay:hover{filter:brightness(1.07)}@media (max-width: 520px){.lock-banner{flex-direction:column;align-items:flex-start}.lock-banner .actions{margin-left:0;width:100%}.lock-banner .pay{width:100%;justify-content:center}}@media (min-width: 521px){.lock-banner{flex-direction:column;align-items:center;text-align:center}.lock-banner .actions{margin-left:0;justify-content:center}}.pill.time{display:inline-block;padding:2px 6px;border-radius:6px;background:#ffc1071f;color:#ffd666;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.2px}.chat-header-wrap{position:relative;min-height:44px}.chat-actions-mini{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px}.icon-btn.mini{font-size:14px;line-height:1;padding:6px 8px;border-radius:10px;background:#1f2333;border:1px solid #2c3147;cursor:pointer}.icon-btn.mini:hover{background:#262b3e}.icon-btn.mini.danger{border-color:#3b2230}.icon-btn.mini[disabled]{opacity:.6;cursor:default}.toast-stack{position:fixed;top:10px;right:10px;z-index:2147483647;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{--bg: #1f2333;--border: #2c3147;--text: #e6e8f0;min-width:220px;max-width:min(92vw,360px);padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);box-shadow:0 10px 28px #00000059;transform:translateY(-8px) translate(12px);opacity:0;pointer-events:auto;display:flex;align-items:center;gap:10px;transition:transform .2s ease,opacity .2s ease,filter .2s ease;cursor:pointer}.toast.enter{transform:translateY(0) translate(0);opacity:1}.toast.exit{transform:translateY(-10px) translate(0);opacity:0;filter:saturate(.9) brightness(.95)}.toast .toast-dot{width:8px;height:8px;border-radius:999px;display:inline-block;background:#8aa0ff;flex:0 0 auto;margin-top:2px}.toast.info .toast-dot{background:#8aa0ff}.toast.success .toast-dot{background:#71d39e}.toast.error .toast-dot{background:#ff7a7a}.toast .toast-msg{font-size:14px;line-height:1.25;word-break:break-word}.field-select{margin-left:10px;margin-right:10px}.chat-actions-mini{position:static!important;display:inline-flex;gap:8px;flex-wrap:wrap;margin:0}@media (max-width: 640px){.chat-header-wrap{grid-template-columns:1fr}.chat-actions-mini{justify-content:flex-start}}.chat-header-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:8px;margin-bottom:12px}.actions-wrap{position:relative}.action-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:32px;border-radius:10px;border:1px solid var(--border, #334155);background:var(--bg-soft, #0b1220);color:var(--text, #e5e7eb);line-height:1;font-size:20px;cursor:pointer}.action-menu-btn:hover{filter:brightness(1.05)}.action-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:6px;border:1px solid var(--border, #334155);border-radius:12px;background:var(--bg, #0f172a);box-shadow:0 8px 24px #00000059;z-index:10}.menu-item{width:100%;text-align:left;display:block;padding:10px 12px;border-radius:8px;background:transparent;color:var(--text, #e5e7eb);border:none;cursor:pointer}.menu-item:hover{background:#94a3b81f}.menu-item.danger{color:#fca5a5}.menu-item:disabled{opacity:.6;cursor:not-allowed}.chat-actions-mini{position:static;display:none}.lock-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;padding:10px 12px;margin:10px 0 12px;border:1px solid var(--border, #334155);background:color-mix(in oklab,var(--bg, #0f172a) 90%,#000);border-radius:12px;box-shadow:0 6px 16px #00000026;animation:bannerIn .18s ease-out}.lock-banner.top{margin-top:8px}@keyframes bannerIn{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.lock-banner .icon{font-size:18px;line-height:1}.lock-banner .copy{display:grid;gap:4px;line-height:1.35}.lock-banner .copy .line{opacity:.95}.lock-banner .pill.time{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border, #334155);background:#94a3b81f;font-variant-numeric:tabular-nums}.lock-banner .price{white-space:nowrap}.lock-banner .actions .pay{padding:8px 12px;border-radius:10px;border:1px solid var(--border, #334155);background:var(--primary, #7c3aed);color:#fff;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease}.lock-banner .actions .pay:hover{filter:brightness(1.05);transform:translateY(-1px)}.lock-banner .actions .pay:active{transform:translateY(0)}@media (max-width: 640px){.lock-banner{grid-template-columns:auto 1fr}.lock-banner .actions{grid-column:1 / -1}.lock-banner .actions .pay{width:100%}}.lock-banner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px}.lock-banner .actions{grid-column:1 / -1;margin-top:8px;display:flex;justify-content:center}.lock-banner .actions .pay{width:100%;max-width:280px}.lock-banner{display:grid;grid-template-columns:1fr;justify-items:center;row-gap:10px;padding:12px 16px;text-align:center}.lock-banner .copy{max-width:60ch}.lock-banner .actions{width:100%;display:flex;justify-content:center}.lock-banner .actions .pay{width:100%;max-width:320px}.modal-actions .primary{background:var(--primary, #7c3aed);color:#fff;font-weight:600;border-radius:10px;padding:10px 14px;border:none;transition:filter .15s ease,transform .15s ease}.modal-actions .primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.pill-time{display:inline-block;padding:2px 6px;border-radius:6px;background:#ffc1071f;color:#ffd666;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.2px;border:1px solid var(--border, #334155);font-size:1rem}.price{color:#30d191;font-weight:700;white-space:nowrap}.modal-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.modal-header h3{margin-bottom:15px;display:flex;align-items:center;gap:8px;min-width:0}@media (max-width: 413px){.modal-header h3{font-size:18px}#unlock-title:before{display:none}}.rc-header{margin-bottom:12px}.rc-header__title{font-size:1.25rem;font-weight:600;margin:0}.rc-header__meta{margin-top:10px}.rc-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);font-size:.75rem}.rc-chip__icon{line-height:1}.rc-header__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.rc-chip{border:1px solid rgba(255,255,255,.18)}.rc-chip--crush{background:#ff000014}.rc-chip--compliment{background:#ffd70014}.rc-chip--confession{background:#0080ff14}.home-root{--bg: #0f172a;--bg-soft: #111827;--card: #0b1220;--text: #e5e7eb;--muted: #94a3b8;--primary: #7c3aed;--primary-600: #6d28d9;--success: #16a34a;--success-600: #15803d;--border: #1f2937;--ring: rgba(124, 58, 237, .35)}.home-root .home-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#11182799,#1118274d);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.home-root .brand{display:flex;align-items:center;gap:2px;font-weight:800;letter-spacing:.3px}.home-root .logo{font-size:20px}.home-root .nav-links{display:flex;gap:10px}.home-root .link{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:10px;border:1px solid transparent}.home-root .link:hover{border-color:var(--border)}.home-root .nav-links a{white-space:nowrap}.home-root .nav-links{display:flex;gap:10px;flex-wrap:nowrap;align-items:center}.logo-text{white-space:nowrap}.home-root .btn{border:1px solid var(--border);color:var(--text);background:var(--bg-soft);padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .05s ease,border-color .2s ease,background .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.home-root .btn:hover{transform:translateY(-1px)}.home-root .btn-primary:hover{background:var(--primary-600)}.home-root .btn-success:hover{background:var(--success-600)}.home-root .home-hero{display:grid;place-items:center;padding:48px 16px 24px}.home-root .hero-content{width:100%;max-width:960px;text-align:center}.home-root .hero-content h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.1}.home-root .subtitle{color:var(--muted);margin:0 auto 22px;max-width:720px}.home-root .cta-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.home-root .hero-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);background:linear-gradient(180deg,#02061799,#0206174d);border-radius:16px;margin:12px auto 0}.home-root .stat{text-align:left}.home-root .stat-kicker{color:var(--muted);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.home-root .stat-title{font-weight:700}.home-root .divider{width:1px;height:44px;background:var(--border)}.home-root .features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:10px auto 40px;padding:0 16px}.home-root .feature{background:linear-gradient(180deg,#0b1220cc,#0b122080);border:1px solid var(--border);border-radius:16px;padding:18px}.home-root .feature-icon{font-size:22px;margin-bottom:8px}.home-root .home-footer{border-top:1px solid var(--border);padding:16px;text-align:center;color:var(--muted);background:#11182766}@media (max-width: 900px){.home-root .features{grid-template-columns:1fr}}@media (max-width: 768px){.home-root .hero-card{grid-template-columns:1fr}.home-root .divider{display:none}.home-root .stat{text-align:center}}.home-root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;color:var(--text)}.home-root .home-nav{background:linear-gradient(180deg,#0b1220d9,#0b12208c);border-bottom:1px solid var(--border)}.home-root .hero-content h1{color:#e6edf3;font-weight:800}.home-root .subtitle{color:var(--muted)}.home-root .btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--text)}.home-root .btn-primary{background:var(--primary);border-color:transparent}.home-root .btn-ghost{background:transparent;border-color:var(--border)}.home-root .btn-success{background:var(--success);border-color:transparent}.home-root .hero-card{background:linear-gradient(180deg,#0b1220cc,#0b12208c);border:1px solid var(--border);border-radius:16px}.home-root .divider{background:var(--border)}.home-root .feature{background:linear-gradient(180deg,#0b1220d9,#0b122099);border:1px solid var(--border);border-radius:16px}.home-root .home-footer{background:#0b122099;color:var(--muted)}html,body,#root{height:100%}.home-root{min-height:100dvh;width:100%;background:radial-gradient(1200px 600px at 10% -10%,rgba(124,58,237,.15),transparent 60%),radial-gradient(1000px 600px at 110% 10%,rgba(16,185,129,.12),transparent 60%),#0f172a!important;color:#e5e7eb}.accent-crush{--accent: #dd2448}.accent-compliment{--accent: #8520c9}.accent-question{--accent: #f5970b}.accent-confession{--accent: #0b69f5}.home-root .btn-primary{background:var(--accent);border-color:var(--accent)}.home-root .btn-primary:hover{filter:brightness(.95)}.mode-picker{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:25px}.mode-label{font-weight:600;opacity:.9;margin-bottom:5px}.mode-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:5px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.chip:hover{transform:translateY(-1px)}.chip-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.chip-emoji{font-size:1rem}.chip-label{font-weight:600}.hero-title{position:relative;display:inline-block;padding-bottom:12px}.hero-title:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:60%;max-width:120px;height:3px;background:var(--accent);border-radius:2px}.chip-label{font-weight:700;color:#fff}.chip-label{color:#ffffffd9}.chip-active .chip-label{color:#fff}.hero-card{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:0;padding:0;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden}.hero-card .stat{position:relative;padding:16px;display:grid;align-content:start;gap:4px}.hero-card .stat:not(:first-child):before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--panel-border)}.hero-card .stat-kicker{font-size:12px;color:var(--text-dim);letter-spacing:.4px;text-transform:uppercase;margin:0}.hero-card .stat-title{font-weight:700;margin:0}@media (max-width: 767px){.hero-card{grid-template-columns:1fr}.hero-card .stat:not(:first-child):before{display:none}.hero-card .stat+.stat{border-top:1px solid var(--panel-border)}}.logo-image{width:18px;height:18px}@media (max-width: 526px){.mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;justify-items:stretch}.mode-buttons .chip{width:100%}}:root{--bg: #0b1220;--card: #111827;--text: #e5e7eb;--subtext: #9ca3af;--input: #1f2937;--border: #374151;--focus: #60a5fa;--brand: #3b82f6;--brand-strong: #2563eb;--success-bg: #065f46;--success: #a7f3d0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 800px at 20% -10%,#1f2937,transparent),radial-gradient(900px 600px at 100% 0%,#0f172a,transparent),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 22px;color:var(--text);box-shadow:0 10px 30px #00000059}.auth-title{margin:0 0 6px;font-size:1.4rem;line-height:1.2;letter-spacing:.2px}.auth-subtitle{margin:0 0 16px;color:var(--subtext);font-size:.95rem}.auth-form{display:grid;gap:14px}.form-group{display:grid;gap:6px}label{font-size:.9rem;color:var(--subtext)}.input{width:100%;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:.98rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:#6b7280}.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #60a5fa40}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border:none;border-radius:12px;padding:12px 14px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform 80ms ease,filter .12s ease,opacity .12s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.notice{border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.35;border:1px solid transparent}.notice.success{background:var(--success-bg);color:var(--success);border-color:#a7f3d040}.auth-footer{margin-top:14px;display:flex;justify-content:center}.muted-link{color:var(--subtext);text-decoration:none;font-size:.95rem}.muted-link:hover{text-decoration:underline;color:var(--text)}@media (max-width: 380px){.auth-card{padding:20px 16px}.auth-title{font-size:1.25rem}}.notice.error{background:#4b1d1d;color:#fecaca;border:1px solid rgba(252,165,165,.25);border-radius:12px;padding:12px 14px}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ghost-btn{background:transparent;border:1px solid var(--border);color:var(--subtext);border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease,transform 80ms ease}.ghost-btn.small{font-size:.9rem;padding:6px 10px}.ghost-btn:hover:not(:disabled){border-color:var(--focus);color:var(--text)}.ghost-btn:active:not(:disabled){transform:scale(.98)}.compliments-page{max-width:860px;margin:0 auto;padding:16px}.cp-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px}.cp-title{margin:0;text-align:center;font-size:1.25rem;font-weight:800;letter-spacing:.2px}.cp-back{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e6edf3;padding:8px 10px;border-radius:10px;cursor:pointer}.cp-back:hover{border-color:#ffffff47}.cp-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.cp-toggle input{display:none}.cp-toggle .slider{width:42px;height:24px;border-radius:999px;background:#ffffff26;position:relative;transition:background .2s ease;border:1px solid rgba(255,255,255,.18)}.cp-toggle .slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 2px 6px #00000040}.cp-toggle input:checked+.slider{background:#22c55e;border-color:#16a34a}.cp-toggle input:checked+.slider:after{transform:translate(18px)}.cp-toggle .label{font-size:.9rem;color:#cbd5e1}.cp-alert{padding:10px 12px;border-radius:10px;margin:10px 0 12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e6edf3}.cp-alert.is-error{border-color:#ef444480;color:#fecaca}.cp-empty{text-align:center;padding:20px 12px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;color:#cbd5e1}.cp-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.cp-card{padding:14px;border-radius:14px;border:1px solid rgba(255,209,102,.22);background:linear-gradient(180deg,#ffd16614,#ffd1660d);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px #ffd1661f,0 8px 24px #0000002e}.cp-card.is-hidden{opacity:.82;filter:grayscale(.1)}.cp-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#a3a3a3;margin-bottom:6px}.cp-badge{padding:2px 6px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:11px}.cp-content{white-space:pre-wrap;line-height:1.5;margin:6px 0 12px;color:#f8fafc;font-size:1rem}.cp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.cp-from{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.cp-nick{font-size:12px;color:#cbd5e1}.cp-hints{display:inline-flex;gap:6px;flex-wrap:wrap}.cp-pill{padding:2px 8px;border-radius:999px;background:#ffe8b0;color:#1f2937;font-size:11px;border:1px solid rgba(255,209,102,.55)}.cp-actions{display:inline-flex;gap:8px}.cp-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e6edf3;padding:7px 10px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform 80ms ease,border-color .15s ease,box-shadow .15s ease}.cp-btn:hover{border-color:#ffffff52;box-shadow:0 0 0 3px #ffffff14}.cp-btn:active{transform:translateY(1px)}.cp-btn.danger{border-color:#ef444480;color:#fecaca}.cp-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 520px){.cp-header{grid-template-columns:1fr;gap:12px;text-align:center}.cp-back{justify-self:start}.cp-title{text-align:left}}.footer{border-top:1px solid rgba(255,255,255,.08);background:#0b1220;color:#dbe2ff;margin-top:48px}.footer__inner{max-width:1100px;margin:0 auto;padding:20px 16px;display:grid;gap:16px;grid-template-columns:1fr}.footer__brand{font-size:14px;opacity:.9;display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media (min-width: 500px){.footer_brand{display:flex;flex-direction:column}}.footer__logo{font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:1px}.footer__tagline{margin:4px 0 0;opacity:.7}.footer__nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.footer__link{color:#c7d2fe;text-decoration:none;font-size:14px}.footer__link:hover{text-decoration:underline}.footer__meta{font-size:12px;opacity:.7;text-align:center}@media (min-width: 720px){.footer__inner{grid-template-columns:1fr auto auto;align-items:center}.footer__nav{justify-content:center}.footer__meta{justify-self:end}}.footer-logo-image{width:14px;height:14px;margin-left:1px;margin-top:2px}.terms-brand{display:flex;align-items:center;justify-content:center;padding-top:20px}.terms-logo-text{display:flex;align-items:center;font-weight:800;letter-spacing:.2px;cursor:pointer}.terms-logo-image{width:16px;height:16px;margin-left:2px}.about-container{height:70vh}.about-container h1{padding-top:50px;padding-left:5px}.about-content{margin-top:50px;padding:5px}.cookie-banner{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0b1220f7;color:#e5e7eb;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;gap:8px;transform:translateY(16px);opacity:0;animation:cookieIn .26s ease-out forwards;box-shadow:0 -8px 24px #00000040}@keyframes cookieIn{to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.cookie-banner{animation:none;transform:none;opacity:1}}.cookie-banner__text{font-size:14px;line-height:1.5;opacity:.95}.cookie-banner__text a{color:#a5b4fc;text-decoration:underline}.cookie-banner__buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cookie-btn{background:transparent;border:1px solid #a5b4fc;color:#a5b4fc;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:14px;transition:transform .15s ease,opacity .15s ease,background-color .15s ease}.cookie-btn.accept{background:#a5b4fc;color:#0b1220;border-color:#a5b4fc}.cookie-btn:hover{opacity:.92;transform:translateY(-1px)}.cookie-btn:active{transform:translateY(0)}.cookie-btn:focus-visible{outline:2px solid #c7d2fe;outline-offset:2px;box-shadow:0 0 0 2px #a78bfa59}@media (min-width: 600px){.cookie-banner{flex-direction:row;align-items:center;justify-content:space-between}.cookie-banner__text{flex:1;margin-right:16px}}.topbar{position:sticky;top:0;z-index:1000;background:color-mix(in oklab,var(--bg) 88%,black);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1100px;margin:0 auto;padding:15px 16px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:inline-flex;align-items:center;gap:2px;background:none;border:0;padding:0;color:var(--text);cursor:pointer}.brand-mark{font-weight:800;letter-spacing:.2px}.btn-dash{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.btn-dash:hover{transform:translateY(-1px);opacity:1}.btn-dash:active{transform:translateY(0)}.topbar-inner{display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:flex;gap:10px}.logo-image{width:16px;height:16px;margin-left:1px}