:root{color:#f3e9e4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#11080ad6;--surface-strong:#180a0cf2;--line:#ff4d4d38;--accent:#ff2d2d;--accent-dim:#ff866f;--accent-red:#ff3b30;--text-muted:#f3e9e4b3;--phase-input-bg:linear-gradient(180deg, #080506 0%, #120506 55%, #060303 100%);--phase-loading-bg:linear-gradient(180deg, #100408 0%, #1a0808 55%, #0c0404 100%);--phase-result-bg:linear-gradient(180deg, #100608 0%, #1a0a0a 55%, #080404 100%);background:radial-gradient(circle at top,#9f0a1359,#0000 26%),radial-gradient(circle at 80% 20%,#ff59001a,#0000 22%),linear-gradient(#080506 0%,#120506 55%,#060303 100%);font-family:Inter,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;padding:32px;transition:background .6s;position:relative;overflow:hidden}.app-shell--phase-loading,.app-shell--phase-typing{background:var(--phase-loading-bg)}.app-shell--phase-result{background:var(--phase-result-bg)}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}body.shake{animation:.3s ease-out shake}.noise{pointer-events:none;opacity:.1;mix-blend-mode:screen;z-index:0;background-image:linear-gradient(#0000 0 97%,#ffffff1f 97% 100%),linear-gradient(90deg,#0000 0 98%,#ffffff0a 98% 100%);background-size:100% 4px,6px 100%;position:fixed;inset:0}.lang-toggle{z-index:100;border:1px solid var(--line);color:var(--accent-dim);letter-spacing:.1em;cursor:pointer;background:#ffffff0f;padding:8px 14px;font-size:.75rem;font-weight:700;transition:background .18s,border-color .18s;position:fixed;top:20px;right:24px}.lang-toggle:hover{border-color:var(--accent);background:#ff3b3026}.hero-panel{z-index:1;flex-direction:column;justify-content:center;gap:28px;max-width:1320px;min-height:calc(100svh - 64px);margin:0 auto;transition:opacity .4s;display:flex;position:relative}.hero-panel--loading{opacity:.5;gap:16px;min-height:auto;padding:20px 0}.hero-panel__title--small{text-transform:uppercase;margin:0;font-size:clamp(1.8rem,4vw,3.2rem)}.eyebrow,.section-head span{letter-spacing:.28em;text-transform:uppercase;color:var(--accent-dim);font-size:.8rem}.hero-panel h1{text-transform:uppercase;width:min(880px,100%);margin:0;font-size:clamp(3.4rem,9vw,7.8rem);line-height:.92}.hero-copy{width:min(620px,100%);color:var(--text-muted);margin:0;font-size:1.08rem;line-height:1.7}.hero-grid{grid-template-columns:minmax(320px,.88fr) minmax(340px,.9fr);align-items:stretch;gap:28px;display:grid}.poster-block,.control-block{border:1px solid var(--line);background:linear-gradient(#1a0a0cf0,#0b0506e6);box-shadow:0 20px 80px #00000059}.poster-block{aspect-ratio:9/16;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative;overflow:hidden}.poster-block:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0 35%,#ff3b301f 35% 45%,#0000 45% 100%),linear-gradient(#0000 0 62%,#ffffff0d 62% 64%,#0000 64% 100%);position:absolute;inset:0}.stamp{color:#ff987ed9;letter-spacing:.18em;text-transform:uppercase;border:3px solid #ff3b30a6;align-self:flex-end;padding:8px 14px;font-size:.8rem;transform:rotate(-11deg)}.poster-content{gap:12px;display:grid}.poster-label{color:var(--accent-dim);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.poster-content strong{text-transform:uppercase;font-size:clamp(2rem,5vw,4rem);line-height:.95}.poster-content p{max-width:28ch;color:var(--text-muted);margin:0;line-height:1.6}.poster-tags{flex-wrap:wrap;gap:10px;display:flex}.poster-tags span{color:#ffd2c8;background:#ffffff08;border:1px solid #ff787859;padding:9px 12px;font-size:.8rem}.control-block{gap:20px;padding:24px;display:grid}.input-panel{gap:18px;display:grid}.mode-switch{border:1px solid var(--line);background:#ffffff08;grid-template-columns:repeat(2,1fr);display:inline-grid}.mode-switch button,.image-actions button,.action-row button{color:inherit;background:0 0;border:0;padding:14px 18px;transition:background .18s,transform .18s}.mode-switch button.active{background:linear-gradient(90deg,#ff3b3038,#ff6c2f33)}.text-zone,.image-zone{gap:12px;display:grid}.text-zone span,.image-frame span{color:var(--text-muted);font-size:.875rem}.text-zone textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:220px;color:inherit;background:#080304e6;border-radius:0;outline:none;padding:18px}.image-frame{text-align:center;background:#080304b3;border:1px dashed #ff7d7d59;place-content:center;gap:8px;min-height:220px;padding:24px;display:grid}.image-actions,.action-row{flex-wrap:wrap;gap:12px;display:flex}.primary{color:#170607;cursor:pointer;background:linear-gradient(90deg,#ff3b30,#ff7a1a);border:0;padding:14px 18px;font-weight:700;transition:opacity .18s,transform .18s}.ghost{cursor:pointer;padding:14px 18px;transition:background .18s;border:1px solid var(--line)!important;color:#ffd2c8!important;background:0 0!important}.primary:active{transform:scale(.96)}.error-text{color:#ff998c;margin:0;font-size:.875rem}.loading-phase{background:#14080ae6;border:1px solid #ff4d4d40;border-radius:2px;justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;position:relative;overflow:hidden}.loading-phase__glow{pointer-events:none;background:radial-gradient(#ff2d2d2e 0%,#0000 70%);animation:1.6s ease-in-out infinite pulse-glow;position:absolute;inset:0}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-phase__content{z-index:1;text-align:center;max-width:480px;position:relative}.loading-phase__status{color:#ffe6de;letter-spacing:.02em;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.5}.loading-phase__fallback{color:var(--text-muted);font-size:1.1rem;font-style:italic}.loading-phase__stream{text-align:left}.loading-phase__stream-label{color:var(--accent-dim);letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem}.loading-phase__burn{color:#ffe6de;margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.typing-section{z-index:1;max-width:800px;margin:0 auto;padding:24px 0;animation:.4s ease-out both fade-in-up;position:relative}.typing-section__label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:14px;font-size:.8rem}.typing-section__text{color:#ffe6de;margin:0;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.75}.typewriter-cursor{background:var(--accent-red);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.53s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.result-section{z-index:1;max-width:900px;margin:0 auto;padding-bottom:120px;animation:.35s ease-out both scale-in;position:relative}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.result-phase{background:linear-gradient(#1a0a0cf2,#0e0607fa);border:1px solid #ff4d4d4d;gap:32px;min-height:calc(100svh - 64px);padding:40px 36px;display:grid}.result-phase__banner{text-align:center;border-bottom:1px solid #ff4d4d26;padding-bottom:8px}.result-phase__headline{text-transform:uppercase;color:#fff;letter-spacing:.05em;margin:0 0 8px;font-size:clamp(2.5rem,7vw,5rem);line-height:.95}.result-phase__subheadline{color:var(--accent-dim);letter-spacing:.12em;margin:0;font-size:1rem;font-style:italic}.result-phase__scores{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.score-stamp{background:#ffffff05;border:1px solid #ff4d4d4d;gap:8px;padding:18px 16px;display:grid}.score-stamp__num{color:#fff;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1}.score-stamp__label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dim);font-size:.72rem}.score-stamp__bar{background:#ff4d4d33;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.score-stamp__fill{background:linear-gradient(90deg,#ff3b30,#ff7a1a);border-radius:2px;height:100%;transition:width .8s ease-out}.result-phase__verdict{text-align:center}.result-phase__verdict-stamp{color:#ffb4a0e6;letter-spacing:.15em;text-transform:uppercase;border:3px solid #ff3b30b3;padding:10px 20px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;display:inline-block;transform:rotate(-4deg)}.result-phase__tags{gap:12px;display:grid}.result-phase__tags-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dim);font-size:.72rem}.result-phase__tag-list{flex-wrap:wrap;gap:10px;display:flex}.soul-tag{color:#ffd2c8;letter-spacing:.08em;text-transform:uppercase;background:#ff3b300f;border:1px solid #ff646466;padding:8px 14px;font-size:.8rem}.result-phase__gold-hint{border:1px solid #ff2d2d40;border-left:3px solid var(--accent-red);background:#ff2d2d12;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:20px 24px;display:grid}.result-phase__gold-hint .result-phase__gold-icon{grid-area:1/1;font-size:1.4rem}.result-phase__gold-hint>p{color:var(--accent-dim);letter-spacing:.1em;grid-area:1/2;margin:0;font-size:.82rem}.result-phase__gold-quote{color:#fff;grid-area:2/1/auto/-1;margin:0;font-size:clamp(1rem,2vw,1.2rem);font-style:italic;line-height:1.6}.result-phase__burn-section{gap:12px;display:grid}.result-phase__burn-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dim);font-size:.72rem}.result-phase__burn-text{color:#ffe6de;margin:0;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.75}.result-phase__preview{border-top:1px solid #ff4d4d1f;gap:12px;padding-top:24px;display:grid}.result-phase__preview-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-dim);font-size:.72rem}.result-phase__preview-lines{gap:8px;display:grid}.result-phase__preview-line{color:#ffd2c8;margin:0;font-size:1rem;font-style:italic;line-height:1.5}.share-bar{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0406f2;border-top:1px solid #ff4d4d40;gap:12px;padding:16px 24px;animation:.4s ease-out both slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-bar__primary{color:#170607;cursor:pointer;letter-spacing:.04em;background:linear-gradient(90deg,#ff3b30,#ff7a1a);border:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:1rem;font-weight:700;transition:transform .1s,opacity .18s;display:flex}.share-bar__primary:active{transform:scale(.96)}.share-bar__secondary{color:var(--accent-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ff4d4d4d;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:14px 20px;font-size:.875rem;transition:background .18s;display:flex}.share-bar__secondary:hover{background:#ff3b301f}.share-bar__icon{font-size:1rem}.share-bar__copied{color:#7dffb3;font-size:.875rem}.floating-reset{z-index:100;color:var(--accent-dim);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border:1px solid #ff4d4d40;padding:8px 14px;font-size:.75rem;font-weight:700;transition:background .18s;position:fixed;top:20px;left:24px}.floating-reset:hover{background:#ff3b301f}.share-card{background:#1a0a0a;border:1px solid #ff4d4d4d;flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.share-card__bg{z-index:0;background:radial-gradient(at top,#ff2d2d26 0%,#0000 60%),#1a0a0a;position:absolute;inset:0}.share-card__header{z-index:1;position:relative}.share-card__logo{letter-spacing:.15em;color:#ffc8c899;text-transform:uppercase;font-size:.7rem}.share-card__verdict-stamp{z-index:1;color:#fff;text-transform:uppercase;letter-spacing:.1em;border:2px solid #ff3b30b3;padding:8px 16px;font-size:clamp(1rem,3vw,1.4rem);font-weight:800;display:inline-block;position:relative;transform:rotate(-3deg)}.share-card__scores{z-index:1;gap:16px;display:flex;position:relative}.share-card__score{gap:4px;display:grid}.share-card__score-num{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.share-card__score-lbl{letter-spacing:.15em;color:var(--accent-dim);text-transform:uppercase;font-size:.6rem}.share-card__tags{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.share-card__tag{color:#ffd2c8;letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;border:1px solid #ff646459;padding:6px 10px;font-size:.7rem}.share-card__gold{z-index:1;grid-template-columns:auto 1fr;gap:6px;display:grid;position:relative}.share-card__gold-mark{font-size:1rem}.share-card__gold-text{color:#fff;margin:0;font-size:.9rem;font-style:italic;line-height:1.5}.share-card__burn{z-index:1;color:#ffe6ded9;margin:0;font-size:.85rem;line-height:1.65;position:relative}.share-card__watermark{z-index:1;letter-spacing:.08em;color:#ffc8c859;text-transform:uppercase;font-size:.6rem;position:absolute;bottom:12px;right:16px}@keyframes color-burst{0%{opacity:0}20%{opacity:.35}to{opacity:0}}.result-phase:after{content:"";background:radial-gradient(ellipse at center, var(--accent-red), transparent 70%);pointer-events:none;z-index:0;animation:.4s ease-out both color-burst;position:absolute;inset:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.app-shell{padding:18px}.hero-grid{grid-template-columns:1fr}.poster-block{aspect-ratio:auto;min-height:72svh}.result-phase__scores{grid-template-columns:1fr}.share-bar{flex-direction:column;padding:14px 18px}.share-bar__secondary{min-width:unset}}