.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#3a3d43}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(.55) saturate(.9);transform:scale(1.05)}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:repeat}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.35) 100%)}.trail-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.enter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:linear-gradient(180deg,var(--bg-top),var(--bg-mid));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity 1s ease,visibility 1s ease}.enter-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.enter-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:1px solid var(--silver);box-shadow:var(--shadow)}.enter-word{font-size:14px;letter-spacing:.3em;color:var(--slate)}.enter-btn{font-size:12px;letter-spacing:.2em;background:none;border:1px solid var(--silver);color:var(--ink);padding:11px 32px;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:lowercase}.enter-btn:hover{background:var(--surface-solid);box-shadow:var(--shadow)}.side-dock{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:10px}.dock-btn{writing-mode:vertical-rl;text-orientation:mixed;background:#3c3e4499;border:1px solid var(--silver);color:var(--ink);font-size:12px;letter-spacing:.2em;padding:16px 8px;border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;text-transform:lowercase}.dock-btn:hover,.dock-btn.active{background:var(--surface-solid);box-shadow:var(--shadow)}.side-panel{position:fixed;right:70px;top:50%;transform:translateY(-50%) translate(20px);z-index:39;width:230px;background:#3c3e44bf;border:1px solid var(--silver);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.side-panel.open{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.side-panel h3{margin:0 0 12px;font-size:13px;letter-spacing:.15em;color:var(--slate);font-weight:400}.side-panel a,.side-panel .row{display:flex;justify-content:space-between;font-size:13px;color:var(--ink);text-decoration:none;padding:7px 0;border-top:1px solid var(--silver-soft)}.side-panel a:first-of-type,.side-panel .row:first-of-type{border-top:none}.side-panel a:hover{color:var(--ink);opacity:.75}.note{font-size:11px;color:var(--slate);font-style:italic;margin-top:8px}.side-panel.wide-panel{width:320px}.side-panel .row p{margin:0 0 10px}.side-panel .row p:last-child{margin-bottom:0}.qa-item{padding:10px 0;border-top:1px solid var(--silver-soft)}.qa-item:first-child{border-top:none;padding-top:0}.qa-item .q{font-size:13px;color:var(--ink);font-weight:700;margin-bottom:4px}.qa-item .a{font-size:13px;color:var(--slate);line-height:1.5}@media (max-width: 720px){.side-dock{right:10px;flex-direction:row;top:auto;bottom:16px;transform:none}.dock-btn{writing-mode:horizontal-tb;padding:10px 14px}.side-panel{right:10px;left:10px;width:auto;top:auto;bottom:70px;transform:translateY(10px)}.side-panel.open{transform:translateY(0)}}.wings{position:absolute;top:-22px;left:50%;width:320px;transform:translate(-50%);z-index:0;pointer-events:none;display:flex;justify-content:center;overflow:hidden;max-height:150px}.wings img{width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(120,125,140,.3))}@media (max-width: 480px){.wings{width:250px;top:-16px;max-height:120px}}.card-wrap{position:relative;display:flex;justify-content:center}.profile-card{position:relative;width:min(92vw,400px);background:var(--surface);border:1px solid var(--silver);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:44px 30px 28px;text-align:center;z-index:1}.avatar{position:relative;z-index:1;display:block;width:90px;height:90px;margin:0 auto 16px;border-radius:50%;object-fit:cover;border:1px solid var(--silver);box-shadow:var(--shadow)}.profile-card h1{font-size:30px;font-weight:700;margin:8px 0 0;letter-spacing:.04em;color:var(--ink)}.tagline{margin-top:8px;font-size:14px;color:var(--slate)}.about-text{margin-top:20px;font-size:13px;line-height:1.6;color:var(--slate);border-top:1px solid var(--silver-soft);padding-top:16px}.audio-control{position:relative;margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;z-index:5}.audio-icon-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--silver);background:#3c3e4480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.eqwrap{display:flex;align-items:flex-end;height:12px;gap:2px}.bar{width:3px;background:var(--slate);border-radius:2px;animation:eq 1.1s ease-in-out infinite}.bar:nth-child(1){height:5px;animation-delay:0s}.bar:nth-child(2){height:10px;animation-delay:.15s}.bar:nth-child(3){height:4px;animation-delay:.3s}.audio-icon-btn.paused .bar{animation-play-state:paused}@keyframes eq{0%,to{height:4px}50%{height:11px}}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:3px;background:var(--silver-soft);border-radius:999px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid var(--silver);cursor:pointer}.volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--ink);border:1px solid var(--silver);cursor:pointer}main{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px 60px}footer{position:relative;z-index:1;text-align:center;padding-bottom:24px;font-size:10.5px;letter-spacing:.15em;color:#9297a4}:root{--bg-top: #6b6e76;--bg-mid: #55585f;--bg-bottom: #404349;--surface: rgba(60, 62, 68, .55);--surface-solid: #4a4d54;--mist: #5a5d64;--silver: #8a8e98;--silver-soft: #9a9ea6;--slate: #c4c8d0;--ink: #e8e9ec;--shadow: 0 10px 40px rgba(0, 0, 0, .35);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--font: Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{font-family:var(--font);color:var(--ink);text-transform:lowercase;background:radial-gradient(ellipse at 50% 0%,var(--bg-top) 0%,var(--bg-mid) 55%,var(--bg-bottom) 100%);overflow-x:hidden}button,input,textarea{font-family:var(--font)}a{color:inherit}@media (prefers-reduced-motion: reduce){*{animation:none!important}}