@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:IBM Plex Sans,Helvetica Neue,sans-serif;background:#0f1113;color:#f5f1e8;--page-bg: #0f1113;--surface: #171a1d;--surface-strong: #1f2427;--surface-border: #2d332d;--text-main: #f5f1e8;--text-muted: #b7b8ae;--accent: #a2c462;--accent-strong: #f0d95c;--danger: #d87f67;--shadow: 0 14px 30px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top,rgba(82,112,77,.12),transparent 32%),linear-gradient(180deg,rgba(255,242,198,.04),transparent 24%),var(--page-bg);color:var(--text-main)}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:24px 24px}.scene-root{position:absolute;inset:0}.scene-root canvas{display:block;width:100%;height:100%}.panel{position:absolute;z-index:2;background:#171a1df0;border:1px solid var(--surface-border);border-radius:10px;box-shadow:var(--shadow)}.topbar{top:24px;left:24px;right:360px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:20px 22px}.title-block h1,.sidebar h2,.detail-block h3{margin:0;font-weight:600}.title-block h1{font-size:clamp(2rem,2.3vw,2.9rem);line-height:.95;letter-spacing:-.04em}.title-block p,.profile-bio,.detail-block p,.scene-pills span,#scene-summary{margin:0;color:var(--text-muted);line-height:1.45}.title-block p{max-width:44rem;margin-top:10px;font-size:1rem}.profile-form{display:grid;gap:14px;align-content:start}.field{display:grid;gap:8px}.field span,.stat-grid dt,.legend span{font-size:.85rem;color:var(--text-muted)}.field input{height:44px;padding:0 14px;border-radius:8px;border:1px solid #3a423b;background:#111416;color:var(--text-main)}.field input:focus{outline:2px solid rgba(240,217,92,.5);outline-offset:1px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row button{height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#161814;font-weight:600}.button-row .secondary{background:#263427;color:var(--text-main);border-color:#344634}.button-row .ghost{background:transparent;color:var(--text-main);border-color:#3b433d}.sidebar{top:24px;right:24px;bottom:120px;width:312px;padding:22px;display:grid;gap:18px;align-content:start}.profile-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.profile-head img{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid #394039}.profile-head p{margin:6px 0 0;color:var(--text-muted)}.profile-bio{font-size:.95rem}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.stat-grid div{padding:14px;background:var(--surface-strong);border:1px solid #2f372f;border-radius:8px}.stat-grid dt{margin-bottom:8px}.stat-grid dd{margin:0;font-size:1.2rem;font-weight:600}.detail-block{display:grid;gap:6px;padding-top:4px;border-top:1px solid #2d332d}.focus-count{color:var(--accent-strong)}.bottombar{left:24px;right:24px;bottom:24px;min-height:72px;padding:14px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.legend{display:grid;gap:8px}.legend-swatches{display:flex;gap:6px}.legend-swatches i{width:24px;height:10px;border-radius:3px;background:var(--legend-color);border:1px solid rgba(255,255,255,.08)}#scene-summary{font-size:.95rem}.scene-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.scene-pills span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #343b34;border-radius:8px;background:#121517;font-family:IBM Plex Mono,monospace;font-size:.8rem}@media(max-width:1100px){.topbar{right:24px;grid-template-columns:1fr}.sidebar{inset:auto 24px 112px;width:auto;max-width:680px}.bottombar{grid-template-columns:1fr;justify-items:start}.scene-pills{justify-content:start}}@media(max-width:720px){.topbar,.sidebar,.bottombar{left:14px;right:14px}.topbar{top:14px;padding:16px}.sidebar{bottom:108px;padding:16px}.bottombar{bottom:14px;padding:14px}.title-block h1{font-size:1.7rem}.stat-grid{grid-template-columns:1fr 1fr}}