:root{--bg-deep:#04110d;--bg-card:#0410116b;--ink:#d8fff1;--ink-soft:#d8fff1bd;--gold:#f0b35a;--green:#7cff8a;--border-soft:#d8fff12e;--shadow-soft:0 22px 82px #00000052;--radius-card:28px;--tint-warm:#1f6a4a;--tint-deep:#0f3a2c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{background:var(--bg-deep);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}a{color:var(--green);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--gold)}.companion-stage-shell{background:var(--bg-deep);justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0;overflow:hidden}.companion-stage{touch-action:none;flex:1;width:100%;height:100%;position:relative}.companion-stage canvas{display:block;width:100%!important;height:100%!important}.companion-stage-fallback{text-align:center;box-sizing:border-box;background:radial-gradient(circle at 30% 20%, #7cff8a1a, transparent 18rem), radial-gradient(circle at 78% 78%, #f0b35a14, transparent 22rem), linear-gradient(135deg, var(--tint-deep) 0%, var(--tint-warm) 100%);width:100%;height:100%;color:var(--ink);align-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.companion-stage-fallback__kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:900}.companion-stage-fallback h1{letter-spacing:-.04em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500}.companion-stage-fallback p{color:var(--ink-soft);max-width:32em;margin:0;font-size:1rem}.companion-app{flex-direction:column;display:flex;position:absolute;inset:0}.companion-app__frame{flex:1;min-height:0;display:flex;position:relative}.companion-app__frame.has-thermal:before{content:"";pointer-events:none;mix-blend-mode:screen;z-index:1;background:radial-gradient(circle at 50% 60%,#ff9b6e24,#0000 16rem);position:absolute;inset:0}.companion-app__frame.has-thin-shell{filter:saturate(.92)}.naming-prompt{border:1px solid var(--border-soft);background:radial-gradient(circle at 0% 0%, #7cff8a29, transparent 12rem), var(--bg-card);width:min(360px,100vw - 32px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);color:var(--ink);z-index:30;opacity:0;pointer-events:none;border-radius:22px;padding:18px 20px;transition:opacity .28s ease-out,transform .32s cubic-bezier(.18,.9,.22,1.05);position:fixed;top:clamp(28px,8vh,64px);left:50%;transform:translate(-50%)translateY(-12px)}.naming-prompt[data-visible=true]{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.naming-prompt__form{gap:10px;display:grid}.naming-prompt__label{letter-spacing:-.02em;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.2rem}.naming-prompt__hint{color:var(--ink-soft);margin:0;font-size:.86rem}.naming-prompt__input{appearance:none;border:1px solid var(--border-soft);color:var(--ink);background:#04100d8c;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:1rem}.naming-prompt__input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.naming-prompt__error{color:#ffb38a;margin:0;font-size:.82rem}.naming-prompt__actions{gap:8px;margin-top:4px;display:flex}.naming-prompt__submit{background:var(--green);color:#04110d;cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 14px;font-size:.94rem;font-weight:700;transition:filter .12s}.naming-prompt__submit:hover:not(:disabled){filter:brightness(1.08)}.naming-prompt__submit:disabled{opacity:.55;cursor:not-allowed}.naming-prompt__skip{border:1px solid var(--border-soft);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:12px;padding:10px 14px;font-size:.86rem}.naming-prompt__skip:hover{color:var(--ink)}.gen-tray{padding:12px clamp(12px, 2vw, 24px) max(12px, env(safe-area-inset-bottom));z-index:20;pointer-events:none;background:linear-gradient(#0000 0%,#04110d9e 60%,#04110ddb 100%);position:absolute;bottom:0;left:0;right:0}.gen-tray__title{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:.7rem;font-weight:800}.gen-tray__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gen-tray__item{pointer-events:auto}.gen-tray__pill{border:1px solid var(--border-soft);color:var(--ink-soft);cursor:pointer;background:#04110d9e;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.86rem;transition:all .16s;display:inline-flex}.gen-tray__pill:hover{color:var(--ink);border-color:#d8fff152}.gen-tray__pill[data-installed=true]{color:var(--ink);background:#7cff8a26;border-color:#7cff8a80}.gen-tray__pill-state{color:var(--green);font-size:.72rem}@media (width<=480px){.naming-prompt{padding:16px;top:clamp(20px,6vh,48px)}.gen-tray{padding:10px 12px max(10px, env(safe-area-inset-bottom))}.gen-tray__pill{padding:6px 12px;font-size:.82rem}}.companion-bubble{color:#04110d;letter-spacing:-.005em;z-index:22;pointer-events:none;background:#fdf7d2f5;border-radius:18px;padding:8px 16px;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:clamp(.95rem,2.6vw,1.1rem);font-weight:500;animation:4s ease-out both companion-bubble-life;position:absolute;top:clamp(20px,6vh,56px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@keyframes companion-bubble-life{0%{opacity:0;transform:translate(-50%)translateY(8px)}10%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-4px)}}.portrait-panel{border:1px solid var(--border-soft);background:radial-gradient(circle at 0% 0%, #f0b35a1f, transparent 12rem), var(--bg-card);width:min(280px,100vw - 24px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);color:var(--ink);z-index:25;border-radius:22px;gap:12px;padding:16px;display:grid;position:fixed;bottom:clamp(96px,14vh,140px);right:clamp(12px,2vw,24px)}.portrait-panel__header{gap:4px;display:grid}.portrait-panel__title{letter-spacing:-.02em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.15rem}.portrait-panel__hint{color:var(--ink-soft);margin:0;font-size:.82rem}.portrait-panel__paid-button{color:#04110d;cursor:pointer;background:linear-gradient(135deg,#f0b35aeb,#f0b35ab3);border:1px solid #f0b35a8c;border-radius:14px;gap:4px;width:100%;padding:12px 14px;font-family:inherit;transition:filter .12s,transform .12s;display:grid}.portrait-panel__paid-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.portrait-panel__paid-button:disabled{opacity:.6;cursor:progress}.portrait-panel__paid-cta{font-size:1rem;font-weight:800}.portrait-panel__paid-disclaimer{letter-spacing:.04em;opacity:.78;font-size:.72rem;font-weight:600}.portrait-panel__loading,.portrait-panel__error{margin:0;font-size:.86rem}.portrait-panel__error{color:#ffb38a}.portrait-result{gap:10px;display:grid}.portrait-result__image{border:1px solid var(--border-soft);border-radius:14px;width:100%;display:block}.portrait-result__viewer{aspect-ratio:1;border:1px solid var(--border-soft);background:#04110d;border-radius:14px;width:100%;position:relative;overflow:hidden}.portrait-result__viewer .portrait-result__image{object-fit:cover;border:none;border-radius:0;width:100%;height:100%}.specimen-card-3d{width:100%;height:100%;position:relative}.specimen-card-3d__viewport{touch-action:none;position:absolute;inset:0}.specimen-card-3d__viewport canvas{display:block;width:100%!important;height:100%!important}.specimen-card-3d__hint{letter-spacing:.04em;color:#d8fff173;pointer-events:none;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.66rem;position:absolute;bottom:10px;left:12px}.specimen-card-3d__tooltip{color:#04110d;pointer-events:none;z-index:5;background:#fdf7d2f5;border-radius:12px;max-width:240px;padding:10px 14px;font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;animation:.18s ease-out both specimen-tooltip-in;position:absolute;transform:translateY(-100%);box-shadow:0 12px 32px #00000052}.specimen-card-3d__tooltip-label{letter-spacing:-.005em;margin:0 0 3px;font-size:.95rem;font-weight:500}.specimen-card-3d__tooltip-fact{color:#04110dc7;margin:0;font-size:.78rem;line-height:1.45}@keyframes specimen-tooltip-in{0%{opacity:0;transform:translateY(-100%)translateY(4px)}to{opacity:1;transform:translateY(-100%)}}.portrait-result__cache-hint,.portrait-result__remaining,.portrait-result__copy-hint{color:var(--ink-soft);margin:0;font-size:.78rem}.portrait-result__actions{flex-wrap:wrap;gap:6px;display:flex}.portrait-result__download,.portrait-result__share,.portrait-result__regenerate{border:1px solid var(--border-soft);min-width:88px;color:var(--ink);cursor:pointer;text-align:center;background:#04110d9e;border-radius:12px;flex:1;padding:8px 12px;font-family:inherit;font-size:.84rem;text-decoration:none}.portrait-result__download:hover,.portrait-result__share:hover,.portrait-result__regenerate:hover{border-color:#d8fff152}@media (width<=480px){.portrait-panel{width:auto;padding:14px;bottom:clamp(72px,11vh,110px);left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}