*{box-sizing:border-box}:root{color-scheme:light;--panel: rgba(255, 251, 245, .82);--ink: #0f1b22;--muted: #5d6963;--accent: #ef6f4f;--accent-soft: #ffd399;--line: rgba(15, 27, 34, .12);--chip: #d8f7e3;--error: #9b2226;--shadow: 0 20px 50px rgba(15, 27, 34, .12);font-family:Avenir Next,Segoe UI,sans-serif}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(239,111,79,.16),transparent 20%),radial-gradient(circle at 82% 14%,rgba(255,211,153,.28),transparent 24%),linear-gradient(140deg,#fff8ef,#f0dfc4 46%,#f6efe3)}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:40px 24px 56px;transition:filter .38s ease,opacity .38s ease}.app-shell-hidden{opacity:.08;filter:blur(20px);pointer-events:none}.app-shell-active{opacity:1;filter:blur(0)}.splash-shell{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.85fr);background:radial-gradient(circle at 18% 18%,rgba(239,111,79,.28),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,211,153,.18),transparent 22%),linear-gradient(135deg,#102026,#152c33 46%,#21424b);color:#fff5e4}.splash-cinema{padding:42px;display:flex;align-items:center}.story-window{width:100%;min-height:calc(100vh - 84px);padding:28px;border:1px solid rgba(255,245,228,.14);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),#070f1357;box-shadow:inset 0 0 0 1px #ffffff0a}.story-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.story-header span{padding:8px 12px;border-radius:999px;background:#fff5e417;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.story-scene{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:20px;min-height:56vh}.speaker-zone{position:relative;min-height:420px;border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(255,211,153,.16),transparent 26%),#ffffff0f;border:1px solid rgba(255,245,228,.1);overflow:hidden}.speaker-zone:after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(239,111,79,.16),transparent 72%)}.emotion-cloud{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:26px;background:#fff5e4eb;color:#0f1b22;box-shadow:0 18px 30px #0f1b222e;animation:cloud-float 3s ease-in-out infinite}.emotion-cloud p,.emotion-cloud strong{margin:0}.emotion-cloud p{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#68726d}.emotion-cloud strong{font-size:1.1rem}.emotion-cloud-sticker{font-size:2.3rem}.thought-orbit{position:absolute;top:20px;left:28px;display:flex;gap:10px;flex-wrap:wrap;max-width:220px}.thought-orbit span{padding:8px 12px;border-radius:999px;background:#fff5e41f;border:1px solid rgba(255,245,228,.1);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;animation:orbit-pulse 3.6s ease-in-out infinite}.thought-orbit span:nth-child(2){animation-delay:.6s}.thought-orbit span:nth-child(3){animation-delay:1.2s}.speaker-figure{position:absolute;bottom:44px;left:76px;width:180px;height:280px}.speaker-head{width:88px;height:88px;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,#ffddbc,#f5bf90);box-shadow:inset 0 -14px 20px #00000014}.speaker-body{width:180px;height:190px;margin-top:-4px;border-radius:90px 90px 42px 42px;background:linear-gradient(180deg,#7bc5b7,#416a6a)}.speaker-waves{position:absolute;left:250px;bottom:130px;display:flex;align-items:end;gap:6px}.speaker-waves span{width:8px;height:24px;border-radius:999px;background:linear-gradient(180deg,#ffd39933,#fff5e4e6);animation:voice-wave 1.2s ease-in-out infinite}.speaker-waves span:nth-child(2){animation-delay:.12s}.speaker-waves span:nth-child(3){animation-delay:.24s}.speaker-waves span:nth-child(4){animation-delay:.36s}.speech-bubble{position:absolute;top:120px;left:240px;width:min(280px,calc(100% - 260px));padding:18px 20px;border-radius:24px 24px 24px 6px;background:#fffffff0;color:#0f1b22;box-shadow:0 14px 26px #0f1b222e;animation:bubble-pulse 2.6s ease-in-out infinite}.speech-bubble p{margin:0;line-height:1.5}.cipher-journey{position:relative;display:grid;gap:14px}.journey-card{padding:18px;border-radius:24px;background:#ffffff14;border:1px solid rgba(255,245,228,.12);box-shadow:inset 0 0 0 1px #ffffff0a}.journey-label{display:block;margin-bottom:10px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#fff5e4b8}.journey-card p{margin:0;line-height:1.5}.encrypted-card{font-family:SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.capsule-card{background:linear-gradient(180deg,rgba(255,211,153,.12),transparent 60%),#ffffff14}.journey-arrow{font-size:2rem;text-align:center;color:var(--accent-soft);animation:arrow-pulse 1.4s ease-in-out infinite}.intro-caption-band{margin-top:24px;min-height:62px;position:relative}.intro-caption{position:absolute;inset:0;margin:0;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.4;opacity:0;animation:intro-caption-cycle 7s ease-in-out forwards}.intro-caption-two{animation-delay:2.3s}.intro-caption-three{animation-delay:4.6s}.intro-progress{margin-top:28px;height:4px;border-radius:999px;overflow:hidden;background:#ffffff1f}.intro-progress-bar{display:block;height:100%;width:100%;transform-origin:left center;background:linear-gradient(90deg,var(--accent-soft),var(--accent));animation:progress-run 7s linear forwards}.launch-panel{padding:56px 40px;display:flex;flex-direction:column;justify-content:center;gap:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.launch-kicker{margin:0;color:#fff5e4b8;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700}.launch-panel h2{margin:0;font-size:clamp(2rem,3vw,3.5rem);line-height:.96}.launch-copy{margin:0;color:#fff5e4d6;line-height:1.6}.launch-status{padding:18px;border:1px solid rgba(255,245,228,.12);border-radius:24px;background:#ffffff0a}.launch-status strong{display:flex;align-items:center;gap:12px}.launch-status p{margin:10px 0 0;color:#fff5e4bd}.status-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.status-dot-warming{background:var(--accent-soft);box-shadow:0 0 0 10px #ffd3991f}.status-dot-ready{background:#83f28f;box-shadow:0 0 0 10px #83f28f1f}.status-dot-error{background:#ff6a73;box-shadow:0 0 0 10px #ff6a731f}.launch-button{align-self:flex-start;border:none;border-radius:999px;padding:16px 28px;font-size:1rem;font-weight:700;color:#132024;background:linear-gradient(90deg,var(--accent-soft),#fff2df);cursor:pointer;box-shadow:0 20px 30px #ffd39929;transition:transform .18s ease,box-shadow .18s ease}.launch-button:hover{transform:translateY(-2px);box-shadow:0 26px 34px #ffd39933}.launch-button.secondary{background:#ffffff24;color:#fff2df}.launch-hint{display:inline-flex;align-items:center;gap:14px;color:#fff5e4b8}.launch-ring{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,245,228,.42);box-shadow:0 0 0 10px #fff5e40f}.hero{max-width:860px;margin:0 auto 28px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.8rem;font-weight:700}.hero h1{margin:0;font-size:clamp(2.2rem,4vw,4.5rem);line-height:.98}.hero-copy{max-width:680px;color:var(--muted);font-size:1.05rem}.hero-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-ribbon span{padding:9px 14px;border-radius:999px;background:#ffffffad;border:1px solid rgba(15,27,34,.08);font-size:.88rem;font-weight:700}.compose-shell{max-width:1180px;margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:stretch}.input-panel,.card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;box-shadow:var(--shadow)}.input-panel{margin:0;padding:24px;position:relative;overflow:hidden}.input-panel:before,.observatory-panel:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(239,111,79,.18),transparent 72%);pointer-events:none}.panel-heading{position:relative;z-index:1;margin-bottom:20px}.panel-kicker,.observatory-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.76rem;font-weight:700}.panel-heading h2,.observatory-header h2{margin:0;font-size:clamp(1.6rem,2vw,2.3rem);line-height:1.02}.panel-heading p,.observatory-header p{margin:12px 0 0;color:var(--muted);line-height:1.6}.observatory-panel{position:relative;padding:24px;border-radius:28px;border:1px solid rgba(15,27,34,.08);background:radial-gradient(circle at 15% 18%,rgba(123,197,183,.18),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,211,153,.24),transparent 24%),linear-gradient(180deg,#ffffffd1,#fff8efb8);box-shadow:var(--shadow);overflow:hidden}.observatory-stage{position:relative;z-index:1;display:grid;gap:18px;margin-top:24px}.signal-orb{position:relative;min-height:280px;border-radius:28px;padding:28px 24px;display:grid;place-items:center;text-align:center;border:1px solid rgba(15,27,34,.08);background:radial-gradient(circle at center,#ffffffe6,#fff8ef61 45%,#0f1b220a)}.signal-orb:before,.signal-orb:after{content:"";position:absolute;inset:16px;border-radius:24px;border:1px solid rgba(15,27,34,.08)}.signal-orb:after{inset:32px;border-style:dashed;opacity:.5}.signal-orb-core{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff8ef,#ffd8b2);box-shadow:inset 0 -16px 24px #ef6f4f1f,0 22px 38px #0f1b221f;animation:observatory-float 2.6s ease-in-out infinite}.signal-orb-core span{font-size:4rem}.signal-orb p,.signal-orb strong,.signal-orb em{margin:0;position:relative;z-index:1}.signal-orb p{margin-top:18px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--muted);font-weight:700}.signal-orb strong{margin-top:8px;font-size:1.5rem}.signal-orb em{margin-top:10px;color:var(--muted);font-style:normal}.signal-telemetry,.insight-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.telemetry-card,.insight-card{position:relative;z-index:1;padding:16px;border-radius:20px;border:1px solid rgba(15,27,34,.08);background:#ffffffad}.telemetry-card span,.insight-card span{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.telemetry-card strong,.insight-card strong{display:block;margin-top:10px;font-size:1.05rem}.insight-band{position:relative;z-index:1;margin-top:18px}.insight-card p{margin:10px 0 0;color:var(--muted);line-height:1.5}.observatory-panel-joy .signal-orb-core{background:linear-gradient(180deg,#fff5e3,#ffd49b)}.observatory-panel-sadness .signal-orb-core{background:linear-gradient(180deg,#f0f3ff,#c8d3ff)}.observatory-panel-anger .signal-orb-core{background:linear-gradient(180deg,#ffe5dc,#ffb395)}.observatory-panel-anxiety .signal-orb-core{background:linear-gradient(180deg,#fff2da,#ffd2b3)}.observatory-panel-affection .signal-orb-core{background:linear-gradient(180deg,#fff0f4,#ffc8d8)}.observatory-panel-neutral .signal-orb-core{background:linear-gradient(180deg,#f2f4f5,#dde4e7)}.field-group{display:grid;gap:10px;margin-bottom:18px}.field-group label{font-weight:700}.field-group textarea,.field-group input{width:100%;border:1px solid rgba(15,27,34,.18);border-radius:16px;padding:14px 16px;background:#ffffffb3}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button-row button{border:none;border-radius:999px;padding:12px 18px;background:var(--ink);color:#fff;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.button-row button:hover:enabled{transform:translateY(-1px);background:var(--accent)}.button-row button:disabled{opacity:.45;cursor:not-allowed}.status-line{margin:14px 0 0;color:var(--muted)}.error-text{color:var(--error);font-weight:600}.grid-layout{max-width:1020px;margin:0 auto;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:22px;position:relative;overflow:hidden}.card h2,.card h3{margin-top:0}.card:after{content:"";position:absolute;right:-22%;bottom:-26%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,153,.2),transparent 72%)}.card-label{display:inline-flex;margin-bottom:12px;padding:6px 10px;border-radius:999px;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;background:#0f1b2214}.emotion-gallery{margin-bottom:18px}.reaction-spotlight{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:14px;padding:18px;border-radius:26px;border:1px solid rgba(15,27,34,.08);background:radial-gradient(circle at right top,rgba(255,211,153,.2),transparent 36%),#ffffffc7}.reaction-kicker{margin:0 0 8px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.reaction-copy h3,.reaction-title,.reaction-description{margin:0}.reaction-copy h3{font-size:1rem}.reaction-title{margin-top:6px;font-size:clamp(1.45rem,2vw,2rem);font-weight:800;line-height:1}.reaction-title span{display:inline-block;margin-left:6px}.reaction-description{margin-top:10px;color:var(--muted);line-height:1.5}.reaction-avatar-panel{display:grid;justify-items:center;gap:10px}.reaction-avatar{width:118px;height:118px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(180deg,#fff9f1,#ffe0b4);box-shadow:inset 0 -14px 16px #ef6f4f14,0 20px 32px #0f1b2214}.reaction-avatar span{font-size:4rem}.reaction-badge-stack{display:flex;gap:10px;align-items:center;font-size:.88rem;color:var(--muted)}.reaction-badge-stack span,.reaction-badge-stack strong{padding:8px 12px;border-radius:999px;background:#ffffffbd}.reaction-badge-stack strong{color:var(--ink)}.reaction-avatar-joy{animation:sticker-bounce 1.8s ease-in-out infinite}.reaction-avatar-sadness{animation:sticker-drift 2.8s ease-in-out infinite}.reaction-avatar-anger{animation:sticker-shake 1.6s ease-in-out infinite}.reaction-avatar-anxiety{animation:sticker-pulse 1.3s ease-in-out infinite}.reaction-avatar-affection{animation:sticker-sway 2s ease-in-out infinite}.reaction-avatar-neutral{animation:sticker-idle 2.4s ease-in-out infinite}.gallery-eyebrow{margin:0 0 12px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.emotion-card-grid{display:grid;gap:12px}.emotion-card{padding:16px;border-radius:22px;border:1px solid rgba(15,27,34,.08);background:#ffffffad}.emotion-card-topline{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.emotion-sticker{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,#fff8ef,#ffe1ba);font-size:1.9rem;box-shadow:inset 0 -8px 14px #ef6f4f14}.emotion-card-title,.emotion-card-summary{margin:0}.emotion-card-title{font-weight:800}.emotion-card-summary{margin-top:4px;color:var(--muted);font-size:.94rem}.emotion-card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:.9rem;color:var(--muted)}.emotion-card-meta strong{color:var(--ink)}.card pre{margin:0;padding:16px;border-radius:18px;overflow-x:auto;background:#0f1b220f;font-size:.85rem}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.chip{padding:8px 12px;border-radius:999px;background:var(--chip);font-weight:700}.score-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.score-card{padding:12px;border-radius:16px;background:#fff9;border:1px solid rgba(15,27,34,.08);display:flex;align-items:center;justify-content:space-between}.explanation-list{margin-top:18px}.explanation-item{display:grid;grid-template-columns:92px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid rgba(15,27,34,.08)}.decrypted-text{font-size:1.05rem;line-height:1.6}@media(max-width:900px){.splash-shell{grid-template-columns:1fr}.splash-cinema{padding:20px 20px 0}.story-window{min-height:auto}.story-scene{grid-template-columns:1fr}.journey-arrow{display:none}.speaker-zone{min-height:360px}.speech-bubble{left:150px;width:min(250px,calc(100% - 170px))}.speaker-waves{left:210px}.launch-panel{padding:24px}}@media(max-width:780px){.app-shell{padding:24px 16px 40px}.compose-shell,.grid-layout,.explanation-item,.signal-telemetry,.insight-band{grid-template-columns:1fr}.speaker-figure{left:24px;transform:scale(.9);transform-origin:left bottom}.speech-bubble{top:160px;left:136px;width:calc(100% - 150px)}.emotion-cloud{left:18px;right:auto}.thought-orbit{top:92px;left:18px;max-width:160px}.speaker-waves{left:160px;bottom:120px}.reaction-spotlight{grid-template-columns:1fr}.reaction-avatar-panel{justify-items:start}}@keyframes cloud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit-pulse{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(-4px);opacity:1}}@keyframes voice-wave{0%,to{height:18px;opacity:.48}50%{height:46px;opacity:1}}@keyframes sticker-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes sticker-drift{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes sticker-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes sticker-pulse{0%,to{transform:scale(1);box-shadow:inset 0 -14px 16px #ef6f4f14,0 20px 32px #0f1b2214}50%{transform:scale(1.05);box-shadow:inset 0 -14px 16px #ef6f4f14,0 24px 42px #ef6f4f2e}}@keyframes sticker-sway{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}@keyframes sticker-idle{0%,to{transform:scale(1);opacity:.94}50%{transform:scale(1.02);opacity:1}}@keyframes bubble-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes arrow-pulse{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@keyframes intro-caption-cycle{0%{opacity:0;transform:translateY(18px)}10%,28%{opacity:1;transform:translateY(0)}40%,to{opacity:0;transform:translateY(-14px)}}@keyframes progress-run{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes observatory-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}