:root{color-scheme:light;--bg:#eef3f9;--surface:#fff;--surface2:#f4f7fb;--ink:#10283e;--muted:#536a80;--faint:#647990;--line:#d7e1ec;--blue:#0569cc;--cyan:#087f9c;--soft:#e5f0fc;--shadow:0 18px 50px #173a6310;--nav:#f4f8fbef;--halo:#5eaffb;--halo2:#95d8df}html[data-theme=dark]{color-scheme:dark;--bg:#09121f;--surface:#101e30;--surface2:#142439;--ink:#ecf3fc;--muted:#a5b8ce;--faint:#90a7bf;--line:#293d55;--blue:#75baff;--cyan:#73d7e5;--soft:#193b5b;--shadow:0 18px 50px #0003;--nav:#091522ed;--halo:#1050a5;--halo2:#126470}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:60}.skip:focus{top:10px}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient>i{position:absolute;width:65vw;height:65vw;border-radius:50%;filter:blur(75px);background:radial-gradient(circle,var(--halo),transparent 65%);opacity:.2;left:-20vw;top:-20vw;animation:drift 24s ease-in-out infinite alternate}.ambient>i:nth-child(2){background:radial-gradient(circle,var(--halo2),transparent 65%);top:35vh;left:60vw;animation-direction:alternate-reverse;animation-duration:28s}.ambient canvas{width:100%;height:100%;opacity:.6}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:55}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:16px max(28px,calc((100% - 1160px)/2));background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap;font-size:14px;font-weight:600}.brand>b{font-size:26px;line-height:1;letter-spacing:-1px}.brand>b span{color:var(--blue)}nav{display:flex;gap:25px;margin-left:auto;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}nav a.active:after,nav a:hover:after{transform:scaleX(1)}.header-controls{display:flex;align-items:center;gap:12px}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:24px;gap:3px;background:var(--surface2)}.segmented button{border:0;background:transparent;border-radius:20px;font-size:13px;font-weight:650;padding:7px 12px;min-height:34px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.theme-label{display:flex;align-items:center;gap:5px}.theme-label select{border:0;background:transparent;color:var(--ink);font-size:13px;padding:8px 0;max-width:78px}.theme-label option{background:var(--surface);color:var(--ink)}main,footer{max-width:1160px;margin:auto}.hero{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center;padding:65px 0 48px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;color:var(--blue);display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--soft)}h1{font-size:72px;font-weight:650;letter-spacing:3px;line-height:1.15;margin:24px 0}h1 span{display:block;font-size:24px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:12px}.hero-statement{font-size:27px;line-height:1.6;letter-spacing:1px;font-weight:500;margin:22px 0 14px}.summary{max-width:630px;color:var(--muted);margin:0;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px;align-items:center}.button{display:inline-flex;align-items:center;gap:20px;padding:11px 19px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:14px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.icon-button{background:transparent;border:0;font-size:13px;padding:10px;color:var(--muted)}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;letter-spacing:1.3px;color:var(--faint);margin-top:31px}.portrait-card{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transform:rotate(1.5deg);transition:transform .4s}.portrait-card:hover{transform:rotate(0)}.portrait-frame{position:relative;border-radius:6px;overflow:hidden;background:#f5f7f9}.portrait-frame img{aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;width:100%}.portrait-label{position:absolute;bottom:0;left:0;right:0;padding:42px 20px 19px;background:linear-gradient(transparent,#081728ee);color:#fff}.portrait-label>span{font-size:12px;letter-spacing:2px}.portrait-label b{display:block;font-size:12px;letter-spacing:1px;font-weight:400;color:#d4e4f5;margin-top:3px}.mini-clock{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);padding:15px 7px 3px}.mini-clock time{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px}.clock-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.overview{display:grid;grid-template-columns:repeat(3,1fr) 2fr;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:25px 30px;box-shadow:var(--shadow);margin:0 0 60px}.stat{display:flex;flex-direction:column;justify-content:center;gap:2px}.stat>strong{font-size:34px;letter-spacing:-1px;line-height:1.2;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.stat>span{font-size:12px;color:var(--muted);margin-top:7px}.overview>.stat{border-right:1px solid var(--line);padding:0 25px}.overview>.stat:first-child{padding-left:0}.quick-contact{display:flex;flex-direction:column;align-items:flex-start;padding-left:30px;justify-content:center;gap:3px;min-width:0}.quick-contact>span{font-size:12px;letter-spacing:2px;color:var(--faint)}.quick-contact a{font-size:14px;overflow-wrap:anywhere}.quick-contact button{border:0;background:transparent;padding:0;color:var(--blue);font-size:12px}h2{font-size:32px;line-height:1.35;font-weight:650;margin:9px 0 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}.section-header>p{font-size:14px;color:var(--muted);margin:0}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-row>button{padding:8px 16px;background:transparent;border:1px solid var(--line);border-radius:25px;font-size:13px}.filter-row>button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}#filter-count{margin-left:auto;color:var(--faint);font-size:12px}.project{display:grid;grid-template-columns:1.17fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);margin-bottom:24px;box-shadow:var(--shadow);transition:border-color .3s}.project:hover{border-color:var(--blue)}.project-copy{padding:35px}.project-visual{background:var(--surface2);padding:30px;border-left:1px solid var(--line);min-width:0}.project-index{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--blue)}h3{font-size:24px;line-height:1.5;margin:11px 0 13px;font-weight:650}p{margin:12px 0}.project-copy>p{color:var(--muted);line-height:1.95;font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{font-size:12px;background:var(--soft);color:var(--blue);border:1px solid var(--line);padding:3px 9px;border-radius:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:29px 0}.stats .stat>strong{font-size:27px}.stats .stat>span{font-size:12px}.project details{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}summary{font-size:14px;color:var(--blue);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}summary:after{content:'＋';font-size:18px}details[open] summary:after{content:'−'}.detail-body{padding-top:5px}.detail-body>p{font-size:14px;color:var(--muted);line-height:1.9}.detail-body figure{margin:18px 0 0;background:white;border-radius:4px;padding:8px}.detail-body figcaption{font-size:12px;color:#536a80;padding-top:6px}.panel-title .eyebrow{font-size:12px}.panel-title h4{font-size:18px;margin:5px 0 22px;line-height:1.6;font-weight:600}.threshold{width:max-content;max-width:100%;margin-bottom:23px}.threshold button{font-size:12px;padding:7px 11px}.metric-bars{display:flex;flex-direction:column;gap:16px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:14px;gap:10px;line-height:1.5}.bar-row strong{color:var(--blue);font-variant-numeric:tabular-nums}.bar-track{height:7px;background:var(--line);border-radius:10px;margin-top:7px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:10px;transition:width .6s ease}.matrix-wrap{margin:23px 0 15px}.matrix-label{font-size:12px;color:var(--faint);margin-bottom:9px}.matrix{border-collapse:separate;border-spacing:3px;width:100%;font-size:12px}.matrix th{font-weight:400;color:var(--muted);text-align:center;font-size:12px}.matrix th:first-child{text-align:left;width:35%}.matrix td{text-align:center;background:var(--line);padding:8px;font-size:16px;border-radius:4px}.matrix td.correct{background:var(--soft);color:var(--blue);font-weight:700}.chart-note{font-size:13px;line-height:1.8;color:var(--muted);margin:13px 0}.source{font-size:12px!important;color:var(--faint);line-height:1.75;margin:15px 0 0}.chart-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-top:8px}.tradeoff{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:22px;margin-top:28px;display:flex;flex-direction:column}.tradeoff>strong{font-size:32px;line-height:1.4;letter-spacing:-1px;font-weight:550}.tradeoff>span{font-size:13px;color:var(--muted)}.tradeoff-foot{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;color:var(--blue);font-size:12px}.coherence-value{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.coherence-value strong{font-size:35px;font-weight:600;color:var(--blue)}.coherence-value span{font-size:12px;color:var(--muted)}.range-label{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.range-label output{font-weight:700;color:var(--blue)}input[type=range]{accent-color:var(--blue);width:100%;margin:14px 0 24px;height:18px}.coherence-chart{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:9px;border-bottom:1px solid var(--line);padding:6px 0}.column{text-align:center}.column>span{font-size:12px;color:var(--faint)}.column>div{width:75%;margin:7px auto;background:var(--line);border-radius:4px 4px 0 0;transition:background .25s}.column.selected>div{background:linear-gradient(var(--blue),var(--cyan))}.column>b{font-size:12px;font-weight:500;color:var(--muted)}.column.selected>b{color:var(--blue);font-weight:700}.pipeline{display:flex;flex-direction:column;gap:10px}.pipeline>span{font-size:12px;letter-spacing:2px;color:var(--blue)}.pipeline>div{font-size:14px;border:1px solid var(--line);border-radius:5px;padding:9px 16px;display:flex;align-items:center;gap:18px}.pipeline b{font-size:12px;color:var(--blue)}.resume-section{display:grid;grid-template-columns:220px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:58px 0}.section-title>span{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:600}.section-title h2{font-size:28px}.section-content{min-width:0}.experience{position:relative;padding:0 0 26px 24px;border-left:1px solid var(--line);margin-bottom:20px}.experience:last-child{margin-bottom:0;padding-bottom:0}.experience:before{content:'';position:absolute;width:8px;height:8px;left:-4.5px;top:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--bg)}.entry-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.entry-heading h3{font-size:20px;margin:0 0 4px}.role{font-size:14px;color:var(--blue);margin:0}.entry-heading time{white-space:nowrap;color:var(--faint);font-size:13px;padding-top:4px}.experience ul{padding-left:19px;margin:14px 0 0;color:var(--muted);font-size:16px}.experience li{padding-left:2px;margin-bottom:8px;line-height:1.95}strong{color:var(--ink)}.education+.education{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.education>p{font-size:16px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.skill-card{border-top:2px solid var(--line);padding-top:13px}.skill-card h3{font-size:17px;margin:0}.skill-card .tags{margin-top:12px}.skill-card p{font-size:14px;color:var(--muted)}.contact-section{display:flex;justify-content:space-between;gap:30px;padding:60px 0 45px}.contact-section h2{font-size:31px}.contact-section p{font-size:14px;color:var(--muted)}.contact-links{display:flex;flex-direction:column;gap:9px;justify-content:center;font-size:15px;overflow-wrap:anywhere}.contact-links a:first-child{color:var(--blue)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0 35px;color:var(--faint);font-size:12px}.footer-tools{display:flex;gap:25px;align-items:center}.footer-tools button{font-size:12px;color:var(--faint);border:0;background:transparent;padding:6px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:12px 24px;background:var(--ink);color:var(--bg);border-radius:7px;opacity:0;transition:opacity .2s,transform .2s;z-index:80;pointer-events:none;font-size:14px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}html[lang=en] h1{font-size:62px;letter-spacing:-2px}html[lang=en] h1 span{font-size:26px;letter-spacing:4px}html[lang=en] .hero-statement{font-size:24px;letter-spacing:-.3px}html[lang=en] .entry-heading{flex-direction:column;gap:5px}.motion-paused .ambient i{animation-play-state:paused}.motion-paused *{scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .bar-track i{transition:none}@keyframes drift{to{transform:translate(25vw,25vh) scale(1.2)}}@media(min-width:1000px){.section-title{position:sticky;top:115px;align-self:start}}@media(max-width:1215px){main,footer{margin-left:28px;margin-right:28px}.hero{gap:40px}.project-copy{padding:28px}.project-visual{padding:26px}.overview{padding:25px}.overview>.stat{padding:0 20px}.quick-contact{padding-left:25px}}@media(max-width:980px){.brand>span{display:none}.hero{grid-template-columns:1fr 280px;gap:30px;padding-top:45px}h1{font-size:60px}html[lang=en] h1{font-size:52px}.project{grid-template-columns:1fr 1fr}.project-copy,.project-visual{padding:24px}.stats .stat>strong{font-size:24px}.overview{grid-template-columns:repeat(3,1fr)}.quick-contact{grid-column:1/-1;border-top:1px solid var(--line);padding:16px 0 0;margin-top:22px;flex-direction:row;align-items:center;gap:18px}.quick-contact button{margin-left:auto}.overview>.stat:nth-child(3){border-right:0}.resume-section{grid-template-columns:180px 1fr;gap:24px}.entry-heading{flex-direction:column;gap:5px}.section-header>p{max-width:230px}}@media(max-width:760px){.topbar{display:grid;grid-template-columns:1fr auto;padding:12px 24px;gap:9px 20px}.brand>span{display:block}nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:space-between;gap:18px;font-size:13px}.header-controls{grid-column:2;grid-row:1}.hero{grid-template-columns:1fr 210px;gap:22px;padding-top:35px}h1{font-size:44px}h1 span{font-size:18px}html[lang=en] h1{font-size:40px}.hero-statement,html[lang=en] .hero-statement{font-size:20px}.summary{font-size:15px}.hero-actions{gap:8px}.button{font-size:13px;padding:9px 13px;gap:10px}.hero-meta{font-size:12px;gap:10px}.portrait-card{padding:8px}.mini-clock{flex-wrap:wrap;gap:5px}.portrait-label{padding:30px 12px 12px}.portrait-label b{font-size:12px}.project{grid-template-columns:1fr}.project-visual{border-left:0;border-top:1px solid var(--line);padding:28px}.project-copy{padding:28px}.stats{max-width:450px}.section-header{align-items:start;flex-direction:column;gap:12px}.section-header>p{max-width:none}.overview{margin-bottom:40px}.resume-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.coherence-chart{max-width:440px;margin:auto}.panel-title h4{font-size:20px}.contact-links{font-size:13px}html{scroll-padding-top:145px}}@media(max-width:550px){main,footer{margin-left:20px;margin-right:20px}.topbar{padding:12px 20px;gap:8px 10px}.brand>span{font-size:12px}.header-controls{gap:8px}.segmented button{padding:5px 10px}.theme-label select{max-width:60px;font-size:12px}.hero{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:32px}.hero-copy{order:1}.portrait-card{order:0;max-width:175px;justify-self:start;padding:6px}.portrait-frame img{aspect-ratio:1/1.05}.portrait-label{padding:24px 10px 9px}.portrait-label b{display:none}.portrait-label>span{font-size:12px}.mini-clock{font-size:12px}.mini-clock time{font-size:12px}.hero-copy h1{font-size:47px;margin:17px 0}html[lang=en] h1{font-size:44px}.hero-statement,html[lang=en] .hero-statement{font-size:23px}.overview{padding:21px 17px}.overview>.stat{padding:0 14px}.overview .stat>strong{font-size:30px}.overview .stat>span{font-size:12px}.quick-contact{gap:6px;flex-wrap:wrap}.quick-contact>span{width:100%}.quick-contact a{font-size:12px}.filter-row{gap:6px}.filter-row>button{font-size:12px;padding:7px 12px}h2{font-size:28px}h3{font-size:22px}.project-copy,.project-visual{padding:23px}.stats{gap:10px}.stats .stat>strong{font-size:25px}.stats .stat>span{font-size:12px}.skill-grid{grid-template-columns:1fr}.contact-section{flex-direction:column;gap:12px}.contact-links{font-size:14px}.footer-tools{gap:10px}.coherence-chart{gap:5px}.column>span{font-size:12px}.ambient>i{width:120vw;height:120vw}.ambient>i:nth-child(2){left:40vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.ambient canvas{display:none}}@media print{:root,html[data-theme=dark]{color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#f5f6f8;--ink:#10283e;--muted:#40576c;--faint:#536a80;--line:#ccd5df;--blue:#185b98;--soft:#eaf1f8}body{font-size:10pt;background:white}.topbar,.ambient,.reading-progress,.hero-actions,.filter-row,.footer-tools,#toast,.mini-clock,.quick-contact button{display:none!important}main,footer{margin:0;max-width:none}.hero{padding:0 0 18px;grid-template-columns:1fr 130px;gap:25px}.hero-copy{order:0}.portrait-card{order:1;transform:none!important;box-shadow:none;max-width:130px}.portrait-label{display:none}h1,html[lang=en] h1{font-size:30pt}.hero-statement,html[lang=en] .hero-statement{font-size:16pt}.summary{font-size:10pt}.hero-meta{margin-top:12px}.overview{box-shadow:none;padding:15px;margin-bottom:24px}.overview .stat>strong{font-size:19pt}.project{box-shadow:none;display:block;break-inside:avoid}.project-copy,.project-visual{padding:18px}.project-visual{border-left:0}.project-copy>p{font-size:10pt}.project h3{font-size:16pt}.project .stats{margin:15px 0}.project .stat>strong{font-size:18pt}.reveal{opacity:1;transform:none}.resume-section{padding:22px 0;display:block}.section-title{position:static;margin-bottom:18px}.section-header h2,.section-title h2{font-size:20pt}.experience,.education{break-inside:avoid}.experience ul,.education>p{font-size:10pt}.skill-grid{grid-template-columns:1fr 1fr}.contact-section{padding:24px 0}.source{font-size:8pt!important}.project-visual .threshold{display:none}.project[hidden]{display:block!important}@page{margin:14mm}}

/* Ordered resume sections and Netflix content project */
.projects-section{padding-top:50px}.netflix-project .project-index,.netflix-project .pipeline>span{color:#b92535}.netflix-project .pipeline h4{font-size:20px;margin:0 0 14px;line-height:1.6}.netflix-project .pipeline>div b{color:#b92535}.netflix-project .netflix-focus{margin-top:14px;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0 0;font-size:13px;color:var(--muted)}html[data-theme=dark] .netflix-project .project-index,html[data-theme=dark] .netflix-project .pipeline>span,html[data-theme=dark] .netflix-project .pipeline>div b{color:#ff8790}.quick-contact .phone-contact{font-size:13px}.quick-contact{gap:5px}@media(max-width:980px){.quick-contact{flex-wrap:wrap}.quick-contact .phone-contact{white-space:nowrap}}@media(max-width:550px){.quick-contact .phone-contact{font-size:12px;width:100%}.projects-section{padding-top:35px}}@media print{.projects-section{padding-top:22px}}

/* Full project archive and interactive case studies */
.filter-row{flex-wrap:wrap}.filter-row>span{white-space:nowrap}.project{min-width:0}.project-copy,.project-visual{min-width:0}.project-visual figure{margin:22px 0 0}.project-visual figcaption{color:var(--muted);font-size:12px;margin-top:9px}.project-visual figure img{width:100%;border-radius:10px;border:1px solid var(--line)}
.source-pills,.region-tags{display:flex;gap:8px;flex-wrap:wrap}.source-pills span,.region-tags span{font-size:13px;background:var(--soft);color:var(--blue);padding:5px 10px;border:1px solid var(--line);border-radius:8px}.data-model{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.data-model>div{background:var(--surface);border:1px solid var(--line);padding:15px;border-radius:12px;font-size:13px}.data-model>div:first-child,.data-model>div:last-child{grid-column:1/-1}.data-model b{display:block;font-size:21px;color:var(--blue);margin-top:7px}.workflow-list{margin-top:24px}.workflow-list details{margin-top:7px}.image-expand{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;text-align:left}.image-expand img{width:100%;height:auto}.image-expand>span{display:block;padding:10px 14px;font-size:13px;color:var(--blue)}.flow-steps{list-style:decimal-leading-zero;padding-left:30px;margin:25px 0;color:var(--muted)}.flow-steps li{padding:8px 0 8px 5px;border-bottom:1px solid var(--line)}
#agent-dialog{width:min(1500px,96vw);max-width:96vw;max-height:92vh;overflow:auto;padding:22px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}#agent-dialog::backdrop{background:#04101fd9}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-toolbar h2{font-size:20px;margin:0}.dialog-toolbar button,.snake-actions button{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:7px 14px}.dialog-toolbar button{white-space:nowrap}#agent-dialog img{width:100%;min-width:600px}.iteration-list{padding-left:22px;margin:25px 0 0}.iteration-list>li{padding:0 0 12px 6px}.iteration-list b{color:var(--ink)}.iteration-list p{margin:5px 0 0;font-size:14px;color:var(--muted)}.snake-select{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.snake-select select{width:100%;padding:9px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}#snake-canvas{display:block;width:100%;height:auto;aspect-ratio:5/4;border:1px solid var(--line);border-radius:12px;background:#0b1725}.snake-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0}.snake-metrics>div{font-size:12px;color:var(--muted)}.snake-metrics strong{display:block;font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.snake-actions{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.snake-actions button:hover{background:var(--soft)}#snake-status{min-height:2em}.match-demo{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.match-demo small{color:var(--faint);display:block;font-size:10px;letter-spacing:2px}.match-demo code{display:block;font:clamp(10px,1.45vw,18px)/2.7 monospace;overflow-wrap:anywhere}.match-demo mark{background:var(--soft);color:var(--blue);border-bottom:2px solid var(--blue)}.match-demo p{font-size:13px;margin-bottom:0}.method-pairs>div{border-bottom:1px solid var(--line);padding:17px 0}.method-pairs b{display:block}.method-pairs span{font-size:13px;color:var(--muted)}.research-map>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin:15px 0}.research-map h5,.funding-card h5{font-size:17px;margin:0 0 12px}.research-map p,.funding-card p{font-size:13px;color:var(--muted)}.funding-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px;margin:15px 0}.funding-card>strong{color:var(--blue);font-size:30px}.funding-card>strong span{font-size:13px}.project-index{overflow-wrap:anywhere}.skill-card h3{font-size:18px}.skill-card p{overflow-wrap:anywhere}.project-visual .source{overflow-wrap:anywhere}
@media(max-width:760px){.match-demo code{font-size:18px}}@media(max-width:550px){.match-demo code{font-size:13px}.dialog-toolbar h2{font-size:16px}#agent-dialog{padding:15px}.snake-actions button{padding:8px 12px}.data-model{gap:8px}}
@media print{.image-expand>span,.snake-actions,.snake-select,#agent-dialog{display:none!important}.project{break-inside:auto}.project-copy,.project-visual{break-inside:avoid}#snake-canvas{max-width:400px}.workflow-list details{break-inside:avoid}}

/* Compact supporting experience and registration footer */
.supplemental-practice{margin:28px 0 0;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:18px 24px}.supplemental-practice summary{cursor:pointer;color:var(--muted);font-size:14px}.supplemental-practice p{font-size:14px;color:var(--muted);margin:14px 0 0}.footer-identity{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}.icp-record{font-size:12px;color:var(--muted)}.icp-record:hover{text-decoration:underline;color:var(--blue)}
@media(max-width:550px){.footer-identity{flex-direction:column;align-items:flex-start;gap:6px}.supplemental-practice{padding:16px 20px}}