:root{--night:#0b1026;--night2:#101936;--ink:#eef5ff;--muted:#9ba9c7;--pink:#ff7bac;--cyan:#63f3e2;--gold:#ffd166;--violet:#bda2ff;--line:rgba(216,231,255,.27);--panel:rgba(11,16,38,.88);--panel-solid:#0d1530;--surface:#080e21;--surface-soft:#141b39;--header-bg:rgba(7,11,28,.92);--nav-ink:#c9d6f0;--video-opacity:.22;--title:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;--body:"Microsoft YaHei UI","Microsoft YaHei",sans-serif}[data-theme="day"]{--night:#edf8ff;--night2:#dceeff;--ink:#15243a;--muted:#5f718b;--line:rgba(42,78,112,.25);--panel:rgba(247,252,255,.92);--panel-solid:#f7fcff;--surface:#e7f4fb;--surface-soft:#dcecf6;--header-bg:rgba(239,249,255,.94);--nav-ink:#314967;--cyan:#0d9f9c;--gold:#bc7a05}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden}.section{content-visibility:auto;contain-intrinsic-size:900px}.reveal{transition:opacity .55s ease,transform .55s ease}.js-ready .reveal:not(.revealed){opacity:0;transform:translateY(28px)}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);line-height:1.7;overflow-x:hidden}button,input,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:9999;top:-60px;left:16px;background:var(--gold);color:#0b1026;padding:8px 14px}.skip-link:focus{top:10px}
.background-video,.background-video-overlay,#starfield,.sky-layers{position:fixed;inset:0;pointer-events:none}.background-video{z-index:-5;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.background-video-overlay{z-index:-4;background:linear-gradient(180deg,rgba(4,8,24,.62),rgba(11,16,38,.88));opacity:0;transition:opacity .8s}.video-enabled .background-video{opacity:var(--video-opacity)}.video-enabled .background-video-overlay{opacity:1}#starfield,.sky-layers{z-index:-3}#starfield{width:100%;height:100%;background:linear-gradient(180deg,#070b1c 0%,#0b1026 45%,#101b37 100%);transition:background .55s}.sky-layers{overflow:hidden;z-index:-2;background:radial-gradient(circle at 76% 12%,rgba(99,243,226,.06),transparent 26%),linear-gradient(120deg,transparent 60%,rgba(255,123,172,.035))}.sun,.moon{position:absolute;right:8%;top:9%;width:92px;height:92px;border-radius:50%;transition:opacity .55s,transform .55s}.sun{opacity:0;background:#fff6c6;box-shadow:0 0 36px #ffd166bb,0 0 120px #ffb85c66;transform:translateY(20px) scale(.85)}.moon{background:#fff2ba;box-shadow:0 0 34px #ffd16699,0 0 100px #63f3e233}.cloud{position:absolute;width:440px;height:85px;filter:blur(7px);opacity:.14;background:radial-gradient(ellipse at 20% 70%,#c8deff 0 25%,transparent 26%),radial-gradient(ellipse at 50% 45%,#c8deff 0 34%,transparent 35%),radial-gradient(ellipse at 78% 70%,#c8deff 0 27%,transparent 28%)}.cloud-a{top:20%;left:-8%;animation:cloud 46s linear infinite}.cloud-b{top:49%;left:45%;transform:scale(.72);animation:cloud 62s linear infinite reverse}.cloud-c{top:78%;left:10%;transform:scale(1.3);animation:cloud 74s linear infinite}.petal{position:absolute;top:-8vh;width:9px;height:15px;border-radius:80% 10% 70% 20%;background:linear-gradient(140deg,#fff0f5,var(--pink));opacity:.72;animation:fall linear infinite}@keyframes cloud{to{translate:100vw 20px}}@keyframes fall{to{transform:translate3d(var(--drift),112vh,0) rotate(680deg)}}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,64px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:var(--header-bg);border-color:var(--line);backdrop-filter:blur(14px);padding-top:9px;padding-bottom:9px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--title);font-size:1.2rem;letter-spacing:.12em}.brand img{width:34px;height:34px;border-radius:9px;object-fit:cover;border:1px solid var(--pink);box-shadow:0 0 18px rgba(255,123,172,.24)}.brand>span{color:var(--ink)}.brand small{margin-left:2px;color:var(--gold);font:500 .58rem var(--body);letter-spacing:.25em}.header-actions{display:flex;align-items:center;gap:14px}.site-header nav{display:flex;gap:clamp(10px,1.7vw,24px)}.site-header nav a{font-size:.78rem;color:var(--nav-ink);letter-spacing:.08em;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--cyan);transition:.2s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{width:100%}.utility-controls{display:flex;gap:6px;padding-left:12px;border-left:1px solid var(--line)}.utility-button{display:flex;align-items:center;gap:5px;min-height:36px;padding:6px 9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:.7rem;letter-spacing:.08em;transition:.2s}.utility-button span{color:var(--cyan);font-size:.9rem}.utility-button:hover,.utility-button.active{border-color:var(--pink);transform:translateY(-1px)}.utility-button.active span{color:var(--pink)}.utility-button:disabled,.utility-button.unavailable{opacity:.42;cursor:not-allowed;transform:none}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:8px}
main{max-width:1440px;margin:auto;padding:0 clamp(18px,5vw,76px)}.profile-hero{min-height:100vh;padding:120px 0 64px;display:grid;grid-template-columns:minmax(280px,.86fr) minmax(410px,1.14fr);align-items:center;gap:clamp(34px,6vw,96px);position:relative}.archive-seal{position:absolute;right:0;top:110px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);color:var(--gold);font-size:.64rem;letter-spacing:.25em;padding:5px 8px;transform:rotate(2deg)}.archive-seal b{color:var(--pink)}.portrait-zone{position:relative;max-width:520px}.portrait-frame{position:relative;min-height:610px;border:2px solid var(--cyan);background:linear-gradient(145deg,rgba(99,243,226,.08),rgba(255,123,172,.06));clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);box-shadow:15px 15px 0 rgba(255,123,172,.12);transform:rotate(-1.2deg);overflow:hidden}.portrait-frame:before{content:"";position:absolute;inset:18px;border:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(99,243,226,.04) 28px)}.portrait-placeholder{position:absolute;inset:16% 12% 8%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#63f3e21e,transparent 62%)}.portrait-glyph{font:400 clamp(9rem,18vw,17rem)/1 var(--title);color:transparent;-webkit-text-stroke:1px rgba(99,243,226,.28);text-shadow:18px 18px 0 rgba(255,123,172,.05)}.portrait-placeholder p{position:absolute;bottom:0;left:0;text-align:left;font:1.2rem var(--title);letter-spacing:.15em;color:var(--pink)}.portrait-placeholder small{font:.56rem var(--body);color:var(--cyan)}.corner{position:absolute;font-size:1.2rem}.c1{top:9px;left:12px;color:var(--gold)}.c2{top:28px;right:22px;color:var(--pink)}.c3{bottom:12px;right:16px;color:var(--cyan)}.vertical-note{position:absolute;left:-37px;top:14%;writing-mode:vertical-rl;font-size:.63rem;letter-spacing:.35em;color:var(--muted)}.rpg-panel{border:1px solid var(--line);border-left:4px solid var(--pink);background:linear-gradient(90deg,rgba(255,123,172,.04),rgba(11,16,38,.9));padding:clamp(28px,4vw,58px);position:relative;box-shadow:22px 22px 0 rgba(0,0,0,.18);transform:rotate(.5deg)}.rpg-panel:after{content:"✦ ARCHIVE OPEN";position:absolute;right:14px;bottom:7px;font-size:.55rem;letter-spacing:.2em;color:#687897}.eyebrow,.ticket-code{color:var(--cyan);font-size:.66rem;letter-spacing:.28em}.rpg-panel h1{font:400 clamp(3.7rem,8vw,7.5rem)/.85 var(--title);margin:23px 0 30px;letter-spacing:.015em;text-wrap:balance}.rpg-panel ruby{ruby-position:over}.rpg-panel rt{font:500 .1em var(--body);letter-spacing:.35em;color:var(--gold)}.hero-intro{font-size:clamp(1.05rem,1.8vw,1.35rem);color:#d9e6ff;border-left:1px solid var(--gold);padding-left:18px}.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.tag{border:1px solid var(--pink);padding:5px 14px;color:#ffd6e5;font-size:.76rem;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:22px 0}.status-grid div{padding:14px 10px;border-right:1px solid var(--line)}.status-grid div:last-child{border:0}.status-grid span{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.16em}.status-grid strong{font-size:.72rem}.online-dot{color:var(--cyan)}.online-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero-bars .meter,.skill-meter{margin:17px 0}.meter-label{display:flex;justify-content:space-between;font-size:.72rem}.meter-track{height:9px;margin-top:6px;border:1px solid #5a6985;padding:2px;transform:skewX(-10deg)}.meter-fill{display:block;height:100%;width:0;background:var(--pink);box-shadow:0 0 12px currentColor}.tone-cyan .meter-fill{background:var(--cyan)}.tone-gold .meter-fill{background:var(--gold)}.ticket-button{margin-top:28px;display:flex;align-items:center;justify-content:space-between;width:min(100%,300px);background:var(--gold);color:#131a31;border:0;padding:13px 17px;font-weight:800;letter-spacing:.12em;box-shadow:5px 5px 0 var(--pink);transition:.2s}.ticket-button:hover,.ticket-button:focus-visible{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--cyan)}
.section{padding:120px 0;position:relative}.section-heading{display:flex;align-items:flex-end;gap:22px;margin-bottom:56px}.section-heading>span{color:var(--pink);font-size:.65rem;letter-spacing:.25em;padding-bottom:12px}.section-heading h2{font:400 clamp(3.2rem,7vw,6.2rem)/.82 var(--title);margin:0}.section-heading small{display:block;font:500 .12em var(--body);color:var(--cyan);letter-spacing:.3em;margin-top:17px}.dialogue-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:center}.dialogue-box{position:relative;border:2px solid #d8e7ff;background:rgba(11,16,38,.92);padding:58px 48px 36px;box-shadow:12px 12px 0 rgba(99,243,226,.13)}.dialogue-box:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.nameplate{position:absolute;top:-18px;left:28px;background:var(--pink);color:#10152b;padding:6px 26px;font-family:var(--title);font-size:1.15rem;transform:skewX(-9deg)}.dialogue-box p{font-size:clamp(1.06rem,2vw,1.35rem);margin:0}.next-mark{position:absolute;right:20px;bottom:13px;background:none;border:0;color:var(--gold);animation:bob 1s infinite alternate}@keyframes bob{to{translate:0 5px}}.data-board{border:1px solid var(--cyan);padding:28px;background:#0c1530;transform:rotate(1deg);position:relative;overflow:hidden}.data-board p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #3b5572;padding:11px 0;margin:0}.data-board span{font-size:.68rem;color:var(--cyan)}.data-board b{font-size:.78rem;text-align:right}.scanline{position:absolute;left:0;right:0;height:1px;background:var(--cyan);opacity:.25;animation:scan 3s linear infinite}@keyframes scan{to{transform:translateY(260px)}}.skill-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px}.badge-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hex-badge{min-height:145px;border:1px solid var(--line);background:rgba(16,25,54,.85);color:var(--ink);font:2rem var(--title);clip-path:polygon(12% 0,100% 0,100% 80%,87% 100%,0 100%,0 20%);transition:.24s}.hex-badge span{display:block;color:var(--muted);font:500 .6rem var(--body);letter-spacing:.12em}.hex-badge:hover,.hex-badge:focus-visible,.hex-badge.active{transform:translateY(-8px) rotate(-2deg);border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 25px #63f3e218}.hex-badge.gold:hover{border-color:var(--gold);color:var(--gold)}.skill-ticket{border:2px solid var(--gold);padding:30px 40px;background:rgba(11,16,38,.9);position:relative;transform:rotate(-.7deg)}.skill-ticket:before,.skill-ticket:after{content:"";position:absolute;left:-10px;width:18px;height:18px;border-radius:50%;background:var(--night)}.skill-ticket:before{top:30%}.skill-ticket:after{bottom:30%}.timeline-list{list-style:none;margin:0;padding:0 0 0 20px;border-left:1px solid #617392}.timeline-item{position:relative;margin:0 0 58px;padding:0 0 0 50px;display:grid;grid-template-columns:120px 1fr;gap:28px}.timeline-item:before{content:"◆";position:absolute;left:-10px;top:0;color:var(--gold);background:var(--night);font-size:1.15rem}.timeline-year{font:3rem/1 var(--title);color:var(--pink)}.timeline-card{border:1px solid var(--line);border-left:3px solid var(--cyan);padding:20px 28px;background:rgba(11,16,38,.78);transition:.2s}.timeline-card:hover{transform:translateX(8px);border-color:var(--cyan)}.timeline-card h3{margin:0;font:1.55rem var(--title)}.timeline-card p{margin:5px 0;color:var(--muted)}.works-grid{columns:2;column-gap:24px}.work-card{break-inside:avoid;margin:0 0 24px;min-height:260px;border:1px solid var(--line);background:#111a36;padding:28px;position:relative;overflow:hidden;transition:.3s;clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%)}.work-card:nth-child(3n+1){min-height:360px}.work-card:before{content:attr(data-mark);position:absolute;right:4%;bottom:-10%;font:14rem var(--title);color:rgba(255,255,255,.025)}.work-card:hover{transform:translateY(-8px) rotate(.6deg);border-color:var(--accent);box-shadow:0 18px 60px rgba(0,0,0,.28)}.work-type{font-size:.6rem;letter-spacing:.25em;color:var(--accent)}.work-card h3{font:clamp(2rem,4vw,3.6rem)/1 var(--title);margin:52px 0 18px}.work-card p{color:var(--muted);max-width:500px}.work-arrow{position:absolute;right:24px;top:24px;color:var(--accent);font-size:1.4rem}.ai-stage{display:grid;grid-template-columns:310px 1fr;min-height:650px;border:1px solid var(--pink);background:linear-gradient(110deg,var(--surface-soft),var(--night));box-shadow:18px 18px 0 #ff7bac14}.ai-character{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-right:1px solid var(--line);padding:30px;overflow:hidden}.ai-silhouette{display:grid;place-items:center;width:250px;height:430px;padding:18px;background:radial-gradient(circle at 50% 38%,#ff7bac35,transparent 48%),linear-gradient(160deg,transparent 15%,var(--surface-soft) 16%);clip-path:polygon(25% 0,42% 11%,57% 1%,72% 19%,66% 39%,84% 100%,13% 100%,31% 38%)}.ai-silhouette img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--cyan);box-shadow:0 0 0 7px rgba(99,243,226,.07),0 20px 45px rgba(255,123,172,.22);transform:translateY(-28px);clip-path:polygon(6% 0,94% 0,100% 8%,100% 92%,94% 100%,6% 100%,0 92%,0 8%)}.ai-character p{font-family:var(--title);font-size:1.4rem;letter-spacing:.15em}.ai-character small{font:.55rem var(--body);color:var(--pink)}.gal-dialogue{display:flex;flex-direction:column;padding:26px 30px}.ai-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 14px;font-size:.7rem;color:var(--muted)}.ai-toolbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8892a8;margin-right:8px}.ai-toolbar i.online{background:#46e89b;box-shadow:0 0 10px #46e89b}.ai-toolbar i.offline{background:#ff5f6d;box-shadow:0 0 10px #ff5f6d}.ai-toolbar button{border:0;background:none;color:var(--cyan)}.chat-log{flex:1;max-height:380px;overflow:auto;padding:18px 5px;scrollbar-color:var(--pink) transparent}.message{max-width:82%;margin:14px 0}.message b{display:inline-block;background:var(--pink);color:#10152b;padding:2px 12px;font-family:var(--title)}.message p{margin:0;border:1px solid var(--line);padding:12px 15px;background:var(--panel-solid);white-space:pre-wrap}.message.user{margin-left:auto}.message.user b{background:var(--cyan)}.message.error p{border-color:#ff5f6d;color:#ffc2c8}.quick-prompts{display:flex;flex-wrap:wrap;gap:7px}.quick-prompts button{border:1px solid var(--line);background:transparent;color:var(--nav-ink);padding:6px 10px;font-size:.7rem;transition:.2s}.quick-prompts button:hover{border-color:var(--gold);color:var(--gold)}.chat-form{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-top:13px}.chat-form textarea,.contact-form input,.contact-form textarea{width:100%;border:1px solid #50617f;background:var(--surface);color:var(--ink);padding:12px;outline:0;resize:vertical}.chat-form textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #63f3e21c}.chat-form button{border:0;background:var(--cyan);color:#0b1026;font-weight:900}.chat-form button:disabled{opacity:.45}.ai-note{margin:8px 0 0;text-align:right;font-size:.58rem;color:#71809e}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px}.contact-form{border:1px solid var(--gold);padding:38px;background:#0c1430;position:relative}.form-stamp{position:absolute;right:20px;top:-13px;background:var(--gold);color:#11182f;padding:3px 13px;font-size:.58rem;letter-spacing:.2em}.contact-form label{display:block;margin-bottom:18px;font-size:.72rem;color:#cbd7ed;letter-spacing:.08em}.contact-form input,.contact-form textarea{display:block;margin-top:6px}.field-error{display:block;min-height:17px;color:#ff8792}.contact-form .invalid{border-color:#ff5f6d}.contact-form.success{animation:successPulse .7s}@keyframes successPulse{50%{box-shadow:0 0 50px #63f3e255}}#contactResult{font-size:.75rem}.social-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.social-card{min-height:145px;border:1px solid var(--line);background:rgba(15,24,51,.9);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;position:relative}.social-card:after{content:"▸";position:absolute;right:15px;top:12px;color:var(--accent)}.social-card:hover{transform:translateY(-7px) rotate(1deg);border-color:var(--accent);box-shadow:0 15px 35px rgba(0,0,0,.2)}.social-card small{color:var(--accent);letter-spacing:.2em}.social-card strong{word-break:break-all;font-size:.8rem}.social-card button{align-self:flex-start;background:none;border:0;padding:0;color:var(--muted);font-size:.68rem}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:30px clamp(18px,5vw,76px);color:var(--muted);font-size:.7rem}.powered strong{color:var(--gold)}.toast{position:fixed;z-index:1000;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--gold);color:#11182f;padding:9px 20px;font-weight:700;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.live2d-speech{position:fixed;z-index:990;right:190px;bottom:310px;max-width:230px;padding:10px 14px;border:1px solid var(--pink);background:#0b1026e8;font-size:.72rem;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.live2d-speech.show{opacity:1;transform:none}.live2d-toggle{position:fixed;z-index:995;right:16px;bottom:16px;border:1px solid var(--cyan);background:#0b1026;color:var(--cyan);padding:7px 11px;font:1rem var(--title);letter-spacing:.1em}#live2dcanvas{z-index:980!important;pointer-events:auto!important;cursor:grab!important;transition:opacity .25s}body.live2d-hidden #live2dcanvas{opacity:0;pointer-events:none!important}
[data-theme="day"] body{background:var(--night);color:var(--ink)}[data-theme="day"] #starfield{background:linear-gradient(180deg,#d8f0ff 0%,#edf8ff 47%,#ffeaf1 100%)}[data-theme="day"] .sky-layers{background:radial-gradient(circle at 76% 12%,rgba(255,209,102,.18),transparent 30%),linear-gradient(120deg,transparent 55%,rgba(255,123,172,.08))}[data-theme="day"] .moon{opacity:0;transform:translateY(-20px) scale(.8)}[data-theme="day"] .sun{opacity:1;transform:none}[data-theme="day"] .cloud{opacity:.25;filter:blur(5px)}[data-theme="day"] .background-video-overlay{background:linear-gradient(180deg,rgba(229,247,255,.82),rgba(248,250,255,.94))}[data-theme="day"] .rpg-panel,[data-theme="day"] .dialogue-box,[data-theme="day"] .skill-ticket,[data-theme="day"] .contact-form,[data-theme="day"] .gal-dialogue,[data-theme="day"] .social-card,[data-theme="day"] .work-card,[data-theme="day"] .timeline-card{background:var(--panel)}[data-theme="day"] .data-board,[data-theme="day"] .hex-badge{background:var(--surface-soft)}[data-theme="day"] .ai-stage{background:linear-gradient(110deg,#d7e9f4,#f2f9fd);box-shadow:18px 18px 0 rgba(13,159,156,.09)}[data-theme="day"] .ai-character{background:linear-gradient(180deg,rgba(236,248,253,.9),rgba(214,233,244,.92))}[data-theme="day"] .ai-silhouette{background:radial-gradient(circle at 50% 38%,rgba(255,123,172,.18),transparent 48%),linear-gradient(160deg,transparent 15%,#c8deeb 16%)}[data-theme="day"] .ai-character p{color:#28435d}[data-theme="day"] .ai-character small{color:#b23366}[data-theme="day"] .message p{background:#f7fcff}[data-theme="day"] .message b,[data-theme="day"] .nameplate{color:#172a3c}[data-theme="day"] .chat-form textarea,[data-theme="day"] .contact-form input,[data-theme="day"] .contact-form textarea{background:#e7f4fb;border-color:#91aec1;color:#15243a}[data-theme="day"] .chat-form button{color:#102b36}[data-theme="day"] .site-header nav.open{background:rgba(239,249,255,.98)}[data-theme="day"] input,[data-theme="day"] textarea{color:var(--ink)}[data-theme="night"] .sun{opacity:0}[data-theme="night"] .background-video{filter:brightness(.56) saturate(.8)}[data-theme="night"] .ai-silhouette img{filter:brightness(.8) saturate(.88)}

@media(max-width:1180px){.utility-button b{display:none}.utility-button{width:36px;justify-content:center}.site-header nav{gap:12px}}
@media(max-width:980px){.profile-hero{grid-template-columns:.8fr 1.2fr;gap:24px}.portrait-frame{min-height:490px}.dialogue-layout,.skill-layout,.contact-layout{grid-template-columns:1fr}.ai-stage{grid-template-columns:220px 1fr}.ai-silhouette{width:190px}.badge-wall{order:2}.section{padding:90px 0}}
@media(max-width:720px){html{scroll-padding-top:68px}.site-header{padding:9px 14px}.brand img{width:32px;height:32px}.brand small{display:none}.brand>span{font-size:1rem}.header-actions{gap:7px}.utility-controls{padding-left:0;border-left:0}.utility-button{width:32px;min-height:32px;padding:4px}.utility-button.admin-link{display:none}.nav-toggle{display:block}.site-header nav{position:absolute;top:100%;left:12px;right:12px;display:none;flex-direction:column;background:var(--header-bg);border:1px solid var(--line);padding:18px}.site-header nav.open{display:flex}.profile-hero{grid-template-columns:1fr;padding-top:100px}.archive-seal{top:76px}.portrait-frame{min-height:350px;width:78%}.portrait-zone{order:2}.rpg-panel{padding:28px 20px}.rpg-panel h1{font-size:clamp(3.2rem,16vw,5.4rem)}.status-grid{grid-template-columns:1fr}.status-grid div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:78px 0}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:clamp(3rem,16vw,5rem)}.dialogue-box{padding:48px 24px 28px}.badge-wall{grid-template-columns:repeat(2,1fr)}.hex-badge{min-height:120px}.skill-ticket{padding:24px}.timeline-item{grid-template-columns:1fr;padding-left:30px;gap:10px}.works-grid{columns:1}.ai-stage{display:block}.ai-character{display:none}.gal-dialogue{min-height:620px;padding:20px 14px}.chat-form{grid-template-columns:1fr}.chat-form button{min-height:44px}.social-matrix{grid-template-columns:1fr 1fr}.live2d-speech{right:90px;bottom:190px;max-width:190px}footer{display:block;text-align:center}}
@media(max-width:430px){main{padding-inline:14px}.portrait-frame{width:88%;min-height:310px}.vertical-note{display:none}.social-matrix{grid-template-columns:1fr}.rpg-panel h1{font-size:3.5rem}.section-heading h2{font-size:3.35rem}.archive-seal{font-size:.5rem}.badge-wall{gap:8px}.hex-badge{min-height:105px}.contact-form{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.petal{display:none}.cloud{animation:none}.background-video{display:none}.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}}

/* 2026-08 responsive profile fixes */
.rpg-panel{container-type:inline-size}
.rpg-panel h1{font-size:clamp(2.35rem,12cqw,6.25rem);line-height:.92;letter-spacing:-.035em;white-space:nowrap;max-width:100%}
.ai-character{justify-content:center;gap:24px;padding:34px 24px}
.ai-silhouette{display:block;width:min(250px,100%);height:auto;aspect-ratio:1;padding:10px;background:linear-gradient(145deg,rgba(99,243,226,.12),rgba(255,123,172,.12));clip-path:none;border:1px solid var(--line);overflow:hidden}
.ai-silhouette img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;clip-path:none;border:1px solid var(--cyan);box-shadow:0 14px 36px rgba(255,123,172,.18)}
[data-theme="day"] .ai-silhouette{background:linear-gradient(145deg,#eaf7fc,#d8eaf4)}
[data-theme="night"] .ai-silhouette img{filter:brightness(.88) saturate(.92)}
#live2dcanvas{z-index:95!important;right:12px!important;bottom:0!important;max-width:min(280px,42vw)!important;max-height:min(380px,48vh)!important;cursor:grab}
@media(max-width:980px){.rpg-panel h1{font-size:clamp(2.35rem,12cqw,5.35rem)}.ai-silhouette{width:min(190px,100%)}}
@media(max-width:720px){.rpg-panel h1{font-size:clamp(2.15rem,12cqw,4.5rem)}.ai-character{display:flex}.ai-stage{display:block}.ai-character{border-right:0;border-bottom:1px solid var(--line);padding:28px 18px}.ai-silhouette{width:min(230px,82vw)}#live2dcanvas{max-width:150px!important;max-height:210px!important;right:4px!important}}
@media(max-width:430px){.rpg-panel h1{font-size:clamp(2rem,11.5cqw,3.65rem)}}

/* Runtime performance budget */
.cloud{filter:blur(4px);animation-duration:90s;will-change:auto}.cloud-b{animation-duration:110s}.cloud-c{animation-duration:130s}.petal{will-change:transform}.background-video{will-change:auto}.site-header.scrolled{backdrop-filter:blur(8px)}
body:not(.video-enabled) .background-video{display:none}
.live2d-hidden #live2dcanvas{visibility:hidden!important;pointer-events:none!important}
@media(max-width:720px){.cloud-b,.cloud-c,#petals{display:none}.cloud-a{opacity:.08;filter:none;animation-duration:120s}.site-header.scrolled{backdrop-filter:none}.background-video,.background-video-overlay{display:none!important}}