:root{--bg-1: #ffe6f2;--bg-2: #e6f0ff;--bg-3: #fff7d6;--ink: #1f1b3a;--ink-soft: #4b466b;--accent: #ff6cab;--accent-2: #7a5cff;--accent-3: #ffd166;--accent-4: #6ce5d6;--card: #ffffffcc;--card-border: #ffffff;--shadow: 0 14px 40px rgba(40, 20, 80, .15)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Quicksand,Comic Sans MS,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,var(--bg-1),transparent 45%),radial-gradient(circle at 85% 20%,var(--bg-2),transparent 50%),radial-gradient(circle at 50% 90%,var(--bg-3),transparent 55%),#fdfbff;background-attachment:fixed;overflow-x:hidden}.app{max-width:1080px;margin:0 auto;padding:32px 28px 120px;position:relative;z-index:1}.header{text-align:center;margin-bottom:28px}.header h1{font-size:56px;margin:0;letter-spacing:-1px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 60%,var(--accent-4));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 #ffffff90}.header p{margin:6px 0 0;font-size:18px;color:var(--ink-soft)}.header .swap{cursor:pointer;font-size:13px;color:var(--ink-soft);background:#ffffff80;border:1px dashed #d4ccea;border-radius:999px;padding:4px 12px;margin-top:12px;display:inline-block}.header .swap:hover{background:#fffc}.card{background:var(--card);border:1px solid var(--card-border);border-radius:24px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-soft);margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.btn{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:16px;padding:14px 20px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 24px #7a5cff59;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(2px) scale(.98);box-shadow:0 4px 12px #7a5cff59}.btn-ghost{background:#fff;color:var(--ink);border:2px solid #efeaff;box-shadow:0 6px 18px #28145014}.btn-warn{background:linear-gradient(135deg,#ff8a5b,#ff5d8f);box-shadow:0 8px 24px #ff5d8f59}.positivity{text-align:center;padding:40px 28px}.positivity .uplift-line{font-size:26px;font-weight:700;margin:0 0 16px;min-height:2.6em;line-height:1.35;color:var(--ink);transition:opacity .18s ease,transform .18s ease}.positivity .uplift-line.flash{opacity:0;transform:translateY(6px)}.positivity .snark-paren{margin:0 0 18px;font-size:18px;line-height:1.45;color:var(--ink-soft)}.positivity .snark-inner{font-style:italic;font-weight:600}.positivity-snark-row{margin-top:12px}.positivity .snark-hint{font-size:11px;line-height:1.35;color:var(--ink-soft);opacity:.85;max-width:400px;margin:8px auto 0}.positivity .btn-snark{font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;background:#f3f0ff;color:var(--ink);border:2px dashed #cfc4ff;box-shadow:none}.positivity .btn-snark:hover:not(:disabled){background:#e8e2ff;filter:none}.positivity .btn-snark:disabled{opacity:.65;cursor:default;transform:none}.positivity .big-btn{font-size:22px;padding:18px 32px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-3));box-shadow:0 16px 36px #ff6cab73}.positivity .big-btn:hover{transform:rotate(-1deg)}.distract-hint{margin:-4px 0 14px;font-size:15px;color:var(--ink-soft);line-height:1.35}.distract{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.distract .btn{padding:22px 16px;font-size:17px;border-radius:18px}.distract .btn:nth-child(1){background:linear-gradient(135deg,#ff9a8b,#ff6a88)}.distract .btn:nth-child(2){background:linear-gradient(135deg,#6ce5d6,#5b8def)}.distract .btn:nth-child(3){background:linear-gradient(135deg,#ffd166,#ff8c42)}.bad-advice{position:relative;overflow:hidden}.bad-advice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 20px,rgba(255,109,109,.05) 20px 40px);pointer-events:none}.bad-advice .warn-pill{display:inline-block;background:#ff5d8f;color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:12px}.bad-advice .text{font-size:22px;font-weight:600;margin:0 0 18px;line-height:1.3;min-height:2.6em}.wheel-card{text-align:center}.wheel-wrap{position:relative;width:320px;height:320px;margin:4px auto 18px}.wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 12px 30px #2814502e;transition:transform 4s cubic-bezier(.17,.67,.2,1)}.wheel-pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--ink);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.wheel-result{font-size:18px;font-weight:700;min-height:1.4em;margin:0 0 14px}.toast-container{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column-reverse;gap:10px;z-index:9000;pointer-events:none}.toast{pointer-events:auto;background:linear-gradient(135deg,#1f1b3a,#4b466b);color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 12px 30px #00000040;display:flex;align-items:center;gap:12px;min-width:240px;animation:toast-in .35s ease both}.toast.leaving{animation:toast-out .3s ease both}.toast .emoji{font-size:26px}.toast .title{font-size:11px;opacity:.7;letter-spacing:1.5px;text-transform:uppercase}.toast .name{font-weight:700;font-size:15px}@keyframes toast-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(60px)}}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a288c;display:flex;align-items:center;justify-content:center;z-index:50;animation:fade-in .18s ease both;padding:20px}.factoid-backdrop{z-index:8000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.popup{background:#fff;border-radius:24px;padding:22px;max-width:560px;width:100%;box-shadow:0 30px 80px #00000059;text-align:center;position:relative;animation:pop-in .25s cubic-bezier(.2,.9,.4,1.4) both}@keyframes pop-in{0%{transform:scale(.85) rotate(-2deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.factoid-popup{max-width:520px;padding:28px 24px 22px}.factoid-emoji{font-size:72px;line-height:1;display:block;margin:8px 0 10px}.factoid-tagline{font-size:15px;font-weight:700;color:var(--accent-2);margin:0 0 14px;line-height:1.35}.factoid-body-row{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px;text-align:left}.factoid-body{font-size:20px;font-weight:600;line-height:1.45;margin:0;flex:1;min-width:0;color:var(--ink)}.btn-factoid-copy{flex-shrink:0;font-size:13px;font-weight:700;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,var(--accent-4),#5b8def);box-shadow:0 6px 16px #5b8def59}.factoid-disclaimer{font-size:12px;color:var(--ink-soft);font-style:italic;margin:0 0 16px;text-align:center}.factoid-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.popup .close{position:absolute;top:12px;right:14px;background:#ffeef0;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;color:var(--ink)}.float-emojis{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.float-emoji{position:absolute;font-size:36px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.float-emoji:hover{transform:scale(1.2) rotate(8deg)}.float-emoji.bonk{animation:bonk .5s ease}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes bonk{0%{transform:scale(1)}40%{transform:scale(1.6) rotate(20deg)}to{transform:scale(1) rotate(0)}}.footer{text-align:center;color:var(--ink-soft);font-size:13px;margin-top:32px;opacity:.7}.emergency-fab{position:fixed;z-index:7000;right:24px;bottom:24px;min-height:48px;padding:10px 16px 10px 12px;border-radius:999px;border:none;cursor:pointer;font:inherit;background:linear-gradient(135deg,#ff4d4d,#c81d1d);color:#fff;box-shadow:0 0 #ed424573,0 12px 32px #c81d1d73;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease;animation:emergency-fab-pulse 2.4s ease-in-out infinite}.emergency-fab-inner{display:flex;align-items:center;gap:8px}.emergency-fab:hover{filter:brightness(1.05);transform:scale(1.05)}.emergency-fab:active{transform:scale(.98)}.emergency-fab-glyph{font-size:22px;line-height:1;flex-shrink:0}.emergency-fab-text{font-size:15px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.15)}@keyframes emergency-fab-pulse{0%,to{box-shadow:0 0 #ed424559,0 12px 32px #c81d1d73}50%{box-shadow:0 0 0 10px #ed42450d,0 12px 32px #c81d1d73}}.emergency-backdrop{z-index:8000}.emergency-modal{max-width:480px;text-align:left;padding:24px 22px 20px}.emergency-title{font-size:22px;margin:0 0 12px;color:var(--ink);line-height:1.2;text-align:center}.emergency-intro{font-size:16px;line-height:1.5;color:var(--ink-soft);margin:0 0 20px}.emergency-form{display:flex;flex-direction:column;align-items:stretch;text-align:left}.emergency-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.emergency-chip{font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:999px;background:#f3f0ff;color:var(--ink);border:2px dashed #cfc4ff;line-height:1.3;text-align:left;transition:background .15s ease,border-color .15s ease}.emergency-chip:hover{background:#e8e2ff;border-color:#b5a4ff}.emergency-label{font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.emergency-input,.emergency-textarea{font:inherit;width:100%;border-radius:12px;border:2px solid #e8e0ff;padding:10px 12px;background:#fff;color:var(--ink);margin-bottom:12px;resize:vertical;min-height:0;transition:border-color .15s ease}.emergency-input:focus,.emergency-textarea:focus{outline:none;border-color:var(--accent-2)}.emergency-input.invalid{border-color:#e53935}.emergency-field-error{color:#c81d1d;font-size:12px;font-weight:600;margin:-4px 0 10px}.emergency-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px}.emergency-actions.row{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.btn-emergency{background:linear-gradient(135deg,#ff4d4d,#c81d1d)!important;box-shadow:0 8px 24px #c81d1d59!important}.btn-emergency:hover{filter:brightness(1.04)}.emergency-status{text-align:center;font-size:16px;line-height:1.5;margin:0 0 20px}.emergency-status.sent{color:#2e7d32;font-weight:600}.emergency-status.err{color:#b71c1c}