:root{--sky: #070b12;--asphalt: #0d1115;--glass: rgba(7, 11, 18, .68);--glass-strong: rgba(7, 11, 18, .88);--line: rgba(236, 229, 216, .14);--text: #ece5d8;--dim: #8e9698;--vermilion: #d65f48;--amber: #d99a45;--lamp: #f2c071;--record: #e85d4a;--control: 48px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--sky);color:var(--text);font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}#app,canvas{display:block}canvas{position:fixed;inset:0;touch-action:none}.boot{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 62%,rgba(180,71,53,.09),transparent 34%),var(--sky);color:var(--dim);font:600 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em;text-align:center;text-transform:uppercase}.boot.error{color:#ef8877;letter-spacing:.04em;text-transform:none}.ui-root{position:fixed;inset:0;z-index:10;overflow:hidden;pointer-events:none;user-select:none}.ui-root:before,.ui-root:after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none}.ui-root:before{background:linear-gradient(180deg,#030508b8 0,#03050800 24%),linear-gradient(0deg,#0305088a 0,#03050800 18%)}.ui-root:after{box-shadow:inset 0 0 12vw #0000008f}.ui-root button,.ui-debug{pointer-events:auto}.ui-brand{position:absolute;top:calc(25px + var(--safe-t));left:calc(30px + var(--safe-l));max-width:min(490px,54vw);text-shadow:0 2px 18px rgba(0,0,0,.78)}.ui-eyebrow,.ui-title,.ui-sub,.ui-footer,.ui-rec,.ui-debug{margin:0}.ui-eyebrow,.ui-sub,.ui-footer,.ui-rec,.ui-debug{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.ui-eyebrow{color:var(--vermilion);font-size:10px;font-weight:700;letter-spacing:.25em}.ui-eyebrow span{color:#ece5d89e;font-weight:500}.ui-title{margin-top:9px;color:var(--text);font-size:clamp(20px,2.15vw,32px);font-weight:520;letter-spacing:.055em;line-height:1.05}.ui-sub{margin-top:9px;color:#ece5d885;font-size:9px;letter-spacing:.16em;line-height:1.5}.ui-actions{position:absolute;top:calc(18px + var(--safe-t));right:calc(20px + var(--safe-r));display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--glass);box-shadow:0 14px 36px #00000038;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}.ui-btn{display:grid;width:var(--control);min-width:44px;height:var(--control);min-height:44px;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:#ece5d8b3;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,background-color .15s ease,transform .15s ease}.ui-btn:hover{background:#ece5d814;color:var(--text)}.ui-btn:disabled{background:transparent;color:#ece5d847;cursor:not-allowed;transform:none}.ui-btn.recording:disabled{background:#e85d4a1f;color:var(--record);cursor:progress}.ui-btn:active{transform:translateY(1px)}.ui-btn:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.ui-icon-btn svg{width:19px;height:19px}.ui-icon-btn.recording{background:#e85d4a1f;color:var(--record)}.ui-footer{position:absolute;right:calc(25px + var(--safe-r));bottom:calc(27px + var(--safe-b));color:#ece5d88f;font-size:8px;letter-spacing:.13em}.ui-debug{position:absolute;top:calc(82px + var(--safe-t));right:calc(20px + var(--safe-r));min-width:170px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--glass-strong);color:var(--dim);font-size:10px;line-height:1.75;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.ui-debug>div:first-child{margin-bottom:4px;color:var(--amber);letter-spacing:.12em}.ui-rec{position:absolute;top:calc(85px + var(--safe-t));right:calc(24px + var(--safe-r));display:flex;align-items:center;gap:7px;color:var(--record);font-size:9px;letter-spacing:.15em;text-shadow:0 1px 8px rgba(0,0,0,.72)}.ui-root.is-recording .ui-debug{top:calc(112px + var(--safe-t))}.rec-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}[hidden]{display:none!important}.sr-only{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){:root{--control: 44px}.ui-brand{top:calc(18px + var(--safe-t));left:calc(17px + var(--safe-l));max-width:calc(100vw - 228px - var(--safe-l) - var(--safe-r))}.ui-eyebrow{font-size:9px}.ui-title{margin-top:7px;font-size:clamp(15px,4.6vw,19px);line-height:1.12}.ui-sub{margin-top:7px;font-size:7px;letter-spacing:.12em}.ui-actions{top:calc(12px + var(--safe-t));right:calc(11px + var(--safe-r));gap:0;padding:3px;border-radius:12px}.ui-footer{position:fixed;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-rec{top:calc(70px + var(--safe-t));right:calc(15px + var(--safe-r))}.ui-debug{top:calc(96px + var(--safe-t));right:calc(11px + var(--safe-r))}.ui-root.is-recording .ui-debug{top:calc(98px + var(--safe-t))}}@media(max-width:390px){.ui-sub{display:none}}@media(max-width:340px){:root{--control: 48px}.ui-brand{max-width:calc(100vw - 144px - var(--safe-l) - var(--safe-r))}.ui-actions{display:grid;grid-template-columns:repeat(2,var(--control))}.ui-rec,.ui-debug{top:calc(122px + var(--safe-t))}.ui-root.is-recording .ui-debug{top:calc(146px + var(--safe-t))}}@media(pointer:coarse){.ui-btn{min-width:48px;min-height:48px}}@media(prefers-reduced-motion:reduce){.ui-btn{transition:none}}@media(forced-colors:active){.ui-actions,.ui-debug,.about-panel{border:1px solid CanvasText;background:Canvas}.ui-btn:focus-visible,.about-expand:focus-visible{outline-color:Highlight}}.about-root{position:fixed;inset:0;z-index:30;pointer-events:none}.about-root.is-visible{pointer-events:auto}.about-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.78) 0%,rgba(3,5,8,.42) 42%,rgba(3,5,8,.12) 72%,transparent 100%),linear-gradient(180deg,rgba(3,5,8,.55) 0%,transparent 28%,transparent 72%,rgba(3,5,8,.4) 100%);opacity:0;transition:opacity .24s ease}.about-root.is-visible .about-backdrop{opacity:1}.about-panel{position:absolute;top:calc(12px + var(--safe-t));bottom:calc(12px + var(--safe-b));left:calc(16px + var(--safe-l));z-index:1;display:flex;flex-direction:column;width:min(520px,calc(100vw - 32px - var(--safe-l) - var(--safe-r)));max-width:min(520px,92vw);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#070b12d1;box-shadow:0 24px 64px #00000073;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);opacity:0;transform:translate(-18px);transition:opacity .24s ease,transform .26s ease;pointer-events:none;outline:none}.about-root.is-visible .about-panel{opacity:1;transform:translate(0);pointer-events:auto}.about-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 14px;border-bottom:1px solid rgba(236,229,216,.08)}.about-identity{min-width:0}.about-eyebrow,.about-section-title,.about-role-meta,.about-status,.about-link-detail{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.about-eyebrow,.about-section-title{color:var(--vermilion);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.about-name,.about-role,.about-summary,.about-role-title,.about-role-org,.about-edu-school,.about-edu-detail,.about-focus,.about-list,.about-elsewhere,.about-education{margin:0}.about-name{margin-top:8px;color:var(--text);font-size:clamp(24px,3.2vw,34px);font-weight:520;letter-spacing:.02em;line-height:1.1}.about-role{margin-top:8px;color:#ece5d8e0;font-size:15px;font-weight:500}.about-status{margin-top:8px;color:#ece5d8a3;font-size:10px;letter-spacing:.08em}.about-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px}.about-primary-actions a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 10px;border:1px solid rgba(236,229,216,.2);border-radius:999px;color:var(--text);font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.05em;text-decoration:none}.about-primary-actions a:hover{border-color:var(--lamp);color:var(--lamp)}.about-primary-actions a:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.about-close{flex:0 0 auto;pointer-events:auto}.about-scroll{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:18px 22px calc(28px + var(--safe-b));-webkit-overflow-scrolling:touch}.about-summary{color:#ece5d8c7;font-size:14px;line-height:1.55}.about-section{margin-top:28px}.about-section-title{margin-bottom:12px}.about-list,.about-education,.about-elsewhere{padding:0;list-style:none}.about-list>li,.about-education>li,.about-elsewhere>li{position:relative;margin:0 0 10px;padding-left:14px;color:#ece5d8c7;font-size:13px;line-height:1.5}.about-list>li:before,.about-education>li:before,.about-elsewhere>li:before{position:absolute;top:.55em;left:0;width:4px;height:4px;border-radius:50%;background:#d65f48e6;content:""}.about-role-block+.about-role-block{margin-top:22px;padding-top:18px;border-top:1px solid rgba(236,229,216,.08)}.about-experience-note{margin:0 0 16px;color:#ece5d8c7;font-size:12px;line-height:1.5}.about-role-title{color:var(--text);font-size:15px;font-weight:560}.about-role-org{margin-top:4px;color:#ece5d8e0;font-size:13px}.about-role-meta{margin:6px 0 12px;color:#ece5d8a3;font-size:10px;letter-spacing:.06em}.about-details{margin-top:8px}.about-expand{margin-top:4px;min-width:44px;min-height:44px;margin-left:-12px;padding:0 12px;border:0;background:transparent;color:var(--lamp);font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.about-expand:hover{color:var(--text)}.about-expand:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.about-edu-school{color:var(--text);font-size:14px;font-weight:560}.about-edu-detail{margin-top:4px;color:#ece5d8ad;font-size:12px;line-height:1.45}.about-focus{color:#ece5d8c7;font-size:13px;line-height:1.6}.about-elsewhere a{display:flex;min-width:44px;min-height:44px;flex-wrap:wrap;align-items:center;gap:6px 10px;color:inherit;text-decoration:none}.about-elsewhere a:hover .about-link-label{color:var(--lamp)}.about-elsewhere a:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.about-link-label{color:var(--text);font-weight:560}.about-link-detail{color:#ece5d8a3;font-size:10px;letter-spacing:.06em}.about-proof a{display:flex;min-width:44px;min-height:44px;flex-direction:column;justify-content:center;color:inherit;text-decoration:none}.about-proof a:hover .about-proof-label{color:var(--lamp)}.about-proof a:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.about-proof-label{color:var(--text);font-weight:650}body.is-about-open{overflow:hidden}body.is-about-open .ui-brand,body.is-about-open .ui-footer{opacity:.28}@media(max-width:700px){.about-panel{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));left:calc(8px + var(--safe-l));width:auto;max-width:none;border-radius:14px}.about-backdrop{background:#030508b8}.about-header,.about-scroll{padding-right:16px;padding-left:16px}.about-name{font-size:clamp(22px,7vw,28px)}}@media(min-width:520px){.about-primary-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.about-backdrop,.about-panel{transition:none}.about-panel{transform:none}}