:root{--bg:#000;--text:#f3e9dc;--muted:#a89a8a;--accent:#ff8a3d;--panel:#140e0abf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}#fire-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.title{text-align:center;pointer-events:none;width:calc(100% - 32px);transition:opacity 1.2s,transform 1.2s;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.title__name{letter-spacing:.25em;color:var(--text);text-shadow:0 0 24px #ff8a3d73,0 0 60px #ff5a1440;margin:0 -.25em 0 0;font-size:clamp(44px,11vw,80px);font-weight:300}.title__lead{color:var(--muted);letter-spacing:.08em;margin:16px 0 0;font-size:15px}.title.is-hidden{opacity:0;transform:translate(-50%,calc(-50% - 24px))}.sound-toggle{z-index:1;background:var(--panel);min-height:48px;color:var(--muted);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #f3e9dc26;border-radius:999px;padding:10px 20px;font-size:17px;font-weight:700;position:fixed;top:16px;right:16px}.sound-toggle[aria-pressed=true]{color:var(--text)}.result-panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;border-radius:12px;width:min(480px,100% - 32px);padding:16px;position:fixed;top:76px;left:50%;transform:translate(-50%)}.result-panel[hidden]{display:none}.result-panel__title{margin:0 0 12px;font-size:15px}.result-panel__title strong{color:var(--accent);margin:0 .2em}.result-panel__preview{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;display:block}.result-panel__actions{gap:8px;margin-top:12px;display:flex}.result-panel__actions button{font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 8px;font-size:14px;font-weight:700}#share-x{color:#111;background:#f3e9dc}#share-instagram{color:#fff;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}#save-image{background:var(--accent);color:#1a0f08}.result-panel__note{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.result-panel__note[hidden]{display:none}.result-panel__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:22px;line-height:1;position:absolute;top:4px;right:8px}.word-form{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;width:min(560px,100% - 32px);padding:12px;transition:opacity .8s,transform .8s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.is-burning .word-form{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.word-form textarea{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:none;outline:none;font-size:16px;line-height:1.6}.word-form__footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}#char-count{color:var(--muted);font-size:13px}.word-form button{background:var(--accent);color:#1a0f08;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:8px 20px;font-weight:700}.word-form button:disabled{opacity:.4;cursor:default}