:root{--bg:#fff7fb;--bg-strong:#ffe8f3;--surface:#fff;--surface-muted:#fff1f7;--text:#1f2937;--muted:#6b7280;--line:#f4cfe0;--primary:#ff4f9a;--primary-dark:#db2777;--secondary:#7c3aed;--accent:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:0 24px 70px #7c3aed1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);letter-spacing:0;background:linear-gradient(#fff7fb 0%,#fff1f7 44%,#f8f7ff 100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff7fbe0;border-bottom:1px solid #f4cfe0cc;position:sticky;top:0}.site-header__inner,.site-footer__inner,.container{width:min(1120px,100% - 32px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.brand__mark{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 10px 30px #ff4f9a47}.nav{color:var(--muted);align-items:center;gap:18px;font-size:14px;font-weight:700;display:flex}.main{flex:1}.site-footer{background:#ffffffad;border-top:1px solid #f4cfe0e6;margin-top:72px}.site-footer__inner{color:var(--muted);gap:18px;padding:28px 0;font-size:13px;display:grid}.footer-links{flex-wrap:wrap;gap:12px 18px;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;gap:40px;min-height:calc(100vh - 116px);padding:48px 0 24px;display:grid}.eyebrow{border:1px solid var(--line);color:var(--primary-dark);background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero h1,.page-hero h1{letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;margin:16px 0 0;font-size:clamp(38px,6vw,64px);line-height:1.08}.hero-title{gap:4px;display:grid}.hero-title span{min-width:0;display:block}.hero p,.page-hero p{color:#4b5563;max-width:640px;margin:18px 0 0;font-size:17px;line-height:1.85}.hero-actions,.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{background:var(--surface);min-height:46px;color:var(--text);text-align:center;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #f4cfe0f2}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 18px 34px #ff4f9a47}.button--ghost{background:#ffffff9e}.button--full{width:100%}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.section{padding:56px 0}.section h2{letter-spacing:0;margin:0;font-size:clamp(28px,4.5vw,44px)}.section-lead{max-width:720px;color:var(--muted);line-height:1.85}.grid{gap:18px;display:grid}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #f4cfe0f0;border-radius:18px}.card__body{padding:22px}.card__body p,.panel__inner p{overflow-wrap:anywhere}.card__body p:last-child,.panel__inner p:last-child{margin-bottom:0}.card--hot{background:linear-gradient(135deg,#fffffff0,#fff1f7f5)}.mini-title{margin:0;font-size:18px;font-weight:900}.muted{color:var(--muted)}.pill-list{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pill{border:1px solid var(--line);color:#4b5563;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.page-hero{padding:46px 0 28px}.panel{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #f4cfe0f0;border-radius:20px}.panel__inner{padding:24px}.notice{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;gap:10px;padding:14px;line-height:1.65;display:flex}.ad-slot{width:min(100%,1100px);margin:56px auto}.adsbygoogle{width:100%;min-height:88px}.form-row{gap:8px;display:grid}.label{color:#374151;font-size:14px;font-weight:900}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px 14px}.textarea{resize:vertical;min-height:120px}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff4f9a1f}.manual-template-panel{gap:12px;display:grid}.manual-template-rail{scroll-snap-type:inline mandatory;grid-auto-columns:minmax(218px,270px);grid-auto-flow:column;gap:10px;margin-inline:-2px;padding:2px 2px 14px;display:grid;overflow-x:auto}.manual-template-card{border:1px solid var(--line);min-height:164px;color:var(--text);text-align:left;scroll-snap-align:start;background:#ffffffeb;border-radius:18px;align-content:start;gap:10px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 12px 28px #ec489914}.manual-template-card:hover,.manual-template-card--active{border-color:#ec489994;transform:translateY(-1px);box-shadow:0 0 0 4px #ec48991a,0 16px 34px #7c3aed24}.manual-template-card--active{background:linear-gradient(#fff,#fff1f8)}.manual-template-card__meta{flex-wrap:wrap;gap:6px;display:flex}.manual-template-badge,.manual-template-mood{border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.manual-template-badge{color:var(--primary);background:linear-gradient(135deg,#ff4f9a29,#7c3aed24)}.manual-template-mood{color:#6b7280;background:#fff;border:1px solid #f4cfe0eb}.manual-template-card strong{font-size:18px;line-height:1.25}.manual-template-card>span:last-child{color:var(--muted);font-size:14px;font-weight:800;line-height:1.65}.sticky-cta{z-index:12;margin-top:18px;position:sticky;bottom:12px}.sticky-cta--with-character{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #f4cfe0f0;border-radius:20px;grid-template-columns:minmax(190px,260px) minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid;box-shadow:0 22px 52px #7c3aed2e}.sticky-cta__character{align-items:center;gap:10px;min-width:0;padding:4px 6px;display:flex}.sticky-cta__character span{gap:2px;min-width:0;display:grid}.sticky-cta__character small{color:var(--muted);font-size:11px;font-weight:900}.sticky-cta__character strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.loading-lines{text-align:center;justify-items:center;gap:12px;padding:40px 18px;display:grid}.spinner{border:4px solid #ffd4e8;border-top-color:var(--primary);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:32px}.grid--3,.grid--2{grid-template-columns:1fr}.nav{display:none}}@media (max-width:560px){.site-header__inner,.site-footer__inner,.container{width:min(100% - 24px,1120px)}.hero h1,.page-hero h1{font-size:42px}.hero-actions .button,.actions .button{width:100%}.panel__inner,.card__body{padding:18px}}.upload-zone{text-align:center;background:linear-gradient(#ffffffeb,#fff1f7eb);border:2px dashed #f9a8d4;border-radius:22px;place-items:center;min-height:210px;padding:24px;display:grid}.upload-zone--active{border-color:var(--primary);background:#fff}.upload-zone input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.preview{gap:14px;display:grid}.preview img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-height:540px}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:12px 14px;line-height:1.65}.success-box{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px 14px;line-height:1.65}.copy-url-input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);font:inherit;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.copy-url-input:focus{border-color:#ff4f9a99;outline:3px solid #ff4f9a29}.chat-list{gap:12px;display:grid}.chat-row{align-items:flex-start;gap:10px;display:flex}.chat-row--self{justify-content:flex-end}.chat-bubble{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(78%,560px);padding:12px}.chat-row--self .chat-bubble{background:#ffe4f1}.chat-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:900;display:flex}.chat-tools{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.icon-button{border:1px solid var(--line);min-width:38px;min-height:38px;color:var(--text);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented label{border:1px solid var(--line);min-height:72px;color:var(--muted);background:#fff;border-radius:14px;gap:4px;padding:12px;display:grid}.segmented input{opacity:0;position:absolute}.segmented label:has(input:checked){border-color:var(--primary);color:var(--primary-dark);background:#fff1f7;box-shadow:0 0 0 4px #ff4f9a1a}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.character-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-auto-columns:minmax(250px,310px);grid-auto-flow:column;gap:14px;padding:4px 2px 18px;display:grid;overflow-x:auto}.character-rail::-webkit-scrollbar{height:10px}.character-rail::-webkit-scrollbar-thumb{background:#f9a8d4;border-radius:999px}.character-showcase-card{scroll-snap-align:start;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #f4cfe0f0;border-radius:20px;padding:16px;overflow:hidden}.character-showcase-card__head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.character-avatar{background-image:url(/characters/character-sheet.png);background-repeat:no-repeat;background-size:500% 200%;border:3px solid #fff;border-radius:22px;flex:none;display:inline-block;overflow:hidden;box-shadow:0 16px 34px #7c3aed2e}.character-avatar--sm{border-radius:16px;width:56px;height:56px}.character-avatar--md{width:82px;height:82px}.character-avatar--lg{border-radius:28px;width:118px;height:118px}.character-card{border:1px solid var(--line);min-height:138px;color:var(--muted);background:#fff;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative}.character-card input{opacity:0;pointer-events:none;position:absolute}.character-card strong{color:var(--text);overflow-wrap:anywhere;font-size:17px;line-height:1.35}.character-card__content{gap:6px;min-width:0;display:grid}.character-card span:last-child{line-height:1.55}.character-card__badge{width:fit-content;color:var(--primary-dark);background:#fff1f7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.character-card:hover{transform:translateY(-1px)}.character-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px #ff4f9a1a, var(--shadow);background:linear-gradient(#fff,#fff1f7)}.panel--judge-picker{background:linear-gradient(135deg,#fffffff5,#fff1f7f5);border-color:#ff4f9a47}.judge-picker-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.judge-picker-hero h2{font-size:clamp(24px,4vw,36px);line-height:1.2}.judge-picker-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;grid-auto-columns:minmax(132px,158px);grid-auto-flow:column;gap:10px;padding:2px 2px 12px;display:grid;overflow-x:auto}.judge-picker-card{scroll-snap-align:start;border:1px solid var(--line);text-align:center;background:#ffffffdb;border-radius:18px;justify-items:center;gap:8px;min-height:142px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative}.judge-picker-card input{opacity:0;pointer-events:none;position:absolute}.judge-picker-card__text{gap:3px;min-width:0;display:grid}.judge-picker-card__text span{color:var(--primary-dark);font-size:12px;font-weight:900}.judge-picker-card__text strong{color:var(--text);overflow-wrap:anywhere;font-size:15px;line-height:1.25}.judge-picker-card:hover{transform:translateY(-1px)}.judge-picker-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px #ff4f9a1a, var(--shadow);background:linear-gradient(#fff,#fff1f7)}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.score-tile{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px}.score-tile strong{margin-top:6px;font-size:26px;line-height:1;display:block}.meter{background:#fde2ef;border-radius:999px;height:10px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;display:block}.result-card{color:#fff;background:linear-gradient(145deg,#ff4f9a,#7c3aed);border-radius:28px;width:min(100%,540px);margin:0 auto;overflow:hidden;box-shadow:0 32px 80px #7c3aed47}.result-card__inner{gap:18px;padding:28px;display:grid}.result-card__brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.result-card__score{text-align:center;gap:2px;display:grid}.result-card__score strong{overflow-wrap:anywhere;font-size:76px;line-height:1.08}.result-card__type{text-align:center;overflow-wrap:anywhere;background:#ffffff2e;border-radius:18px;padding:16px;font-size:22px;font-weight:950}.result-card__comment{color:#831843;overflow-wrap:anywhere;background:#ffffffeb;border-radius:18px;padding:16px;font-weight:900;line-height:1.6}.result-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-card__metric{text-align:center;background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;padding:10px}.result-card__metric span{opacity:.86;font-size:12px;display:block}.result-card__metric strong{margin-top:4px;font-size:20px;display:block}.panel--judge{background:linear-gradient(135deg,#fffffff0,#fff1f7f5 58%,#f5f3fff2);border-color:#ff4f9a47}.result-judge{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.result-character-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.result-character-meta span{color:#831843;overflow-wrap:anywhere;background:#ffffffc7;border:1px solid #db27772e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.result-monologue{color:#374151;overflow-wrap:anywhere;margin:16px 0 0;font-size:17px;font-weight:700;line-height:1.9}.panel--quote{background:linear-gradient(135deg,#ffffffeb,#fff1f7e6)}.final-word{color:#831843;margin:12px 0 0;font-size:clamp(28px,5vw,46px);font-weight:950;line-height:1.22}.article{gap:18px;line-height:1.9;display:grid}.article h2{margin:24px 0 0}.article p{margin:0}@media (max-width:720px){.score-grid,.result-card__metrics,.segmented,.character-grid{grid-template-columns:1fr}.chat-bubble{width:min(88%,560px)}.result-card__score strong{font-size:62px}.result-judge{grid-template-columns:1fr;justify-items:start}.judge-picker-hero,.sticky-cta--with-character{grid-template-columns:1fr}.sticky-cta__character{justify-content:center}}