:root{color-scheme:dark;--bg:#111326;--text:#f6f7fc;--muted:#bcc3d7;--panel:#1e2339;--glass:rgba(38,45,70,.7);--field:#171d30;--line:#727d99;--accent:#b5ff69;--on-accent:#172412;--cyan:#74e7eb;--shadow:0 18px 48px #03071c45;--soft:#ffffff0b;--card:#1b2135;--edge:#e2f4ff63}
:root[data-theme=light]{color-scheme:light;--bg:#eef1f8;--text:#18213a;--muted:#4e5a73;--panel:#fff;--glass:rgba(255,255,255,.73);--field:#fff;--line:#78839a;--accent:#356b11;--on-accent:#fff;--cyan:#126a73;--shadow:0 18px 48px #37476a12;--soft:#132b4b08;--card:#ffffffcf;--edge:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button:active:not(:disabled){transform:scale(.97)}[hidden]{display:none!important}.js-only{display:none}.js .js-only{display:flex}.shell{width:min(1440px,calc(100% - 80px));margin-inline:auto}.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{position:fixed;z-index:50;top:8px;left:12px;transform:translateY(-150%);padding:12px;background:var(--accent);color:var(--on-accent)}.skip:focus{transform:none}.ambient{position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:800px;background:radial-gradient(ellipse at 91% 25%,#7143b534,transparent 43%),radial-gradient(ellipse at 7% 0%,#04bccc25,transparent 40%)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;border-bottom:1px solid var(--soft)}.brand{display:flex;align-items:center;gap:25px}.brand img{object-fit:contain}.brand>span{font-size:12px;line-height:1.5;color:var(--muted);padding-left:25px;border-left:1px solid var(--line)}.brand strong{font-weight:500;color:var(--text)}.header-actions{display:flex;gap:28px;align-items:center}.header-link{font-size:13px}.header-link span{color:var(--accent);margin-left:12px}.theme{align-items:center;justify-content:center;background:var(--glass);box-shadow:inset 0 1px 0 var(--edge),0 3px 8px #0001;border-radius:12px;padding:12px 18px;font-size:13px;min-height:44px}
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:64px 0 66px}.eyebrow{margin:0;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(38px,4.4vw,66px);line-height:1.08;letter-spacing:-.045em;margin:23px 0;font-weight:600;text-wrap:balance}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 28px;max-width:530px}.primary{display:inline-flex;gap:30px;align-items:center;min-height:48px;padding:12px 20px;background:var(--accent);color:var(--on-accent);font-weight:650;font-size:14px;border-radius:12px}.hero-note{display:inline-block;color:var(--muted);font-size:12px;margin:12px 0 12px 18px}
.visual{position:relative;min-height:310px;isolation:isolate}.orbit{position:absolute;z-index:-1}.orbit-one{width:190px;height:190px;left:2%;top:40px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f2b6f8,#bc43d9 48%,#602ca5 85%);box-shadow:0 0 70px #c235b332}.orbit-two{width:290px;height:75px;right:0;top:120px;border-radius:50px;background:linear-gradient(90deg,#59f1d7,#37bded 65%,#5965fc);transform:rotate(-39deg);box-shadow:0 12px 70px #2cb3db25}.glass-object{position:absolute;inset:0 9% 14px 12%;padding:26px 30px;border-radius:24px;background:linear-gradient(120deg,#ffffff26,#ffffff05 50%,#18233f30);backdrop-filter:blur(3px);box-shadow:inset 1px 2px 1px #ffffff75,inset -1px -2px 1px #92cce733,0 28px 45px #0002;transform:rotate(-6deg);overflow:hidden}.glass-object:after{content:'';position:absolute;inset:-100% 53% -100% 28%;background:linear-gradient(90deg,transparent,#fff1,transparent);transform:rotate(25deg);pointer-events:none}.object-label{font-size:9px;letter-spacing:.15em;font-weight:600}.glass-object>strong{display:block;font-size:42px;line-height:1.06;font-weight:600;letter-spacing:-.04em;margin-top:24px}.glass-object em{font-style:normal;color:var(--accent)}.object-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:24px;font-size:10px}.object-arrow{font-size:30px}.floating-chip{position:absolute;right:0;bottom:10px;padding:14px 22px;background:var(--glass);backdrop-filter:blur(18px);border-radius:14px;box-shadow:inset 1px 1px 0 var(--edge),var(--shadow);font-size:12px;transform:rotate(6deg)}
.workspace{display:grid;grid-template-columns:218px minmax(0,1fr);gap:42px;align-items:start;border-top:1px solid var(--soft);padding-top:35px}.sidebar{position:sticky;top:24px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 12px 22px}.small-index{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.directions{flex-direction:column;gap:5px}.directions button{min-height:45px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;background:transparent;font-size:14px;text-align:left}.directions b{font-size:11px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.directions [aria-pressed=true]{background:var(--accent);color:var(--on-accent);font-weight:650}.directions [aria-pressed=true] b{color:inherit}.nav-divider{height:1px;background:var(--soft);margin:13px 12px}.sidebar-note{margin:32px 12px 0;padding-top:22px;border-top:1px solid var(--line)}.note-star{font-size:26px;color:var(--cyan)}.sidebar-note p{font-size:13px;font-weight:600;margin:10px 0 6px}.sidebar-note small{font-size:12px;color:var(--muted);line-height:1.6;display:block}.solid-control{gap:8px;align-items:center;font-size:11px;color:var(--muted);margin:22px 12px;min-height:44px;cursor:pointer}.solid-control input{accent-color:var(--accent);width:16px;height:16px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.catalog-heading h2{font-size:30px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 0;font-weight:600}.heading-dot{color:var(--accent)}.result-count{color:var(--muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.controls{flex-direction:column;gap:14px;margin-bottom:22px}.search-box{display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--field);border:1px solid var(--line);border-radius:13px;min-height:53px}.search-box>span{font:28px/1 Arial;color:var(--muted)}.search-box input{background:none;border:0;min-width:0;width:100%;color:var(--text);padding:13px 0;outline-offset:0}.search-box input::placeholder{color:var(--muted);opacity:1}.search-box button{background:none;min-width:40px;min-height:40px;font-size:22px}.search-box kbd{font:12px 'Segoe UI',sans-serif;border:1px solid var(--line);border-radius:5px;padding:1px 7px;color:var(--muted)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sort-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}select{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:9px 27px 9px 10px;font-size:12px;min-height:44px;max-width:100%}.view-switch{display:flex;background:var(--soft);padding:3px;border-radius:10px}.view-switch button{min-height:38px;border-radius:8px;background:none;padding:8px 13px;font-size:12px;color:var(--muted)}.view-switch [aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 2px 6px #0002;text-decoration:underline;text-underline-offset:4px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{position:relative;min-width:0;border-radius:17px;background:var(--card);box-shadow:inset 0 1px 0 var(--edge),0 6px 18px #0000000c;display:flex}.project{display:flex;flex-direction:column;align-items:start;min-width:0;width:100%;padding:23px 22px 20px;min-height:268px;border-radius:inherit}.tag{font-size:10px;line-height:1.5;letter-spacing:.03em;color:var(--cyan);padding-right:27px;min-height:30px}.project h2{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:15px 0 9px;font-weight:600;overflow-wrap:anywhere}.project p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px;overflow-wrap:anywhere}.project .open{font-size:12px;min-height:32px;display:inline-flex;align-items:center;gap:12px;margin-top:auto;color:var(--text);font-weight:600}.open b{font-size:18px;font-weight:400;color:var(--cyan)}.project .lock{font-size:10px;color:var(--muted);margin-top:8px}.lock:before{content:'● ';color:var(--cyan)}.favorite{position:absolute;right:10px;top:10px;min-width:40px;min-height:40px;border-radius:10px;align-items:center;justify-content:center;background:none;font-size:24px;color:var(--muted)}.favorite[aria-pressed=true]{color:var(--accent);background:var(--soft)}.access-note{font-size:11px;color:var(--muted);line-height:1.5;margin:-8px 0 18px}.card .featured{background:linear-gradient(145deg,#61e1d90b,transparent)}.card:has(.featured){box-shadow:inset 0 1px 0 #7cdccb88,0 6px 18px #0000000c}
.grid[data-view=list]{grid-template-columns:1fr;gap:9px}.grid[data-view=list] .project{display:grid;grid-template-columns:1.05fr 1.6fr 115px;gap:6px 24px;padding:19px 65px 19px 22px;min-height:0;align-items:center}.grid[data-view=list] .tag{grid-column:1;grid-row:1;padding:0;min-height:0}.grid[data-view=list] h2{grid-column:1;grid-row:2;font-size:16px;margin:0}.grid[data-view=list] p{grid-column:2;grid-row:1/4;margin:0;font-size:12px}.grid[data-view=list] .open,.grid[data-view=list] .project>div{grid-column:3;grid-row:1/4;margin:0!important}.grid[data-view=list] .access-note{grid-column:2;grid-row:4;margin:0}.grid[data-view=list] .lock{grid-column:1;grid-row:3;margin:0}.grid[data-view=list] .favorite{top:18px}.grid[data-view=list] .project>div .open{min-height:38px}
.pagination{align-items:center;justify-content:space-between;gap:16px;margin-top:24px;font-size:12px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.pagination button,.empty button{padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--text)}.empty{padding:64px 20px;text-align:center;border:1px dashed var(--line);border-radius:17px}.empty>span{font-size:36px;color:var(--accent)}.empty h3{font-size:22px;margin:10px}.empty p{color:var(--muted);font-size:14px}.guide{display:grid;grid-template-columns:1fr 1.5fr auto;gap:45px;align-items:center;padding:38px 0;margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--soft)}.guide>span{font-size:16px}.guide strong{font-weight:500;color:var(--muted)}.guide p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:570px}.guide>a{font-size:12px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 35px;font-size:11px;color:var(--muted)}.footer-dot{margin:0 14px;color:var(--accent)}
@media(hover:hover){.directions button:not([aria-pressed=true]):hover,.favorite:hover{background:var(--soft)}.card:hover{background:var(--panel);box-shadow:inset 0 1px 0 var(--edge),0 12px 24px #0002}.project:hover .open{text-decoration:underline;text-underline-offset:4px}.theme:hover{background:var(--panel)}}
@media(prefers-reduced-motion:no-preference){button,.card{transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.primary:hover{transform:translateY(-2px);transition:transform .18s ease}.glass-object{animation:arrive .7s cubic-bezier(.2,0,0,1) both}@keyframes arrive{from{transform:translateY(12px) rotate(-3deg)}to{transform:translateY(0) rotate(-6deg)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:active{transform:none!important}}
[data-solid=true] .glass-object,[data-solid=true] .floating-chip,[data-solid=true] .theme,[data-solid=true] .card{background:var(--panel);backdrop-filter:none}[data-solid=true] .ambient{display:none}
@supports not (backdrop-filter:blur(1px)){.glass-object,.floating-chip,.theme{background:var(--panel)}}
@media(prefers-reduced-transparency:reduce){.glass-object,.floating-chip,.theme,.card{background:var(--panel);backdrop-filter:none}}
@media(forced-colors:active){.ambient,.orbit{display:none}.glass-object,.floating-chip,.theme,.card{background:Canvas;border:1px solid CanvasText;box-shadow:none}.directions [aria-pressed=true],.view-switch [aria-pressed=true]{outline:2px solid Highlight}.primary,button,input,select{border:1px solid ButtonText}.favorite[aria-pressed=true]{outline:2px solid Highlight}}
@media(min-width:1700px){.hero{padding:70px 0 80px}}
@media(max-width:1180px){.shell{width:calc(100% - 48px)}.workspace{grid-template-columns:190px minmax(0,1fr);gap:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}h1{font-size:48px}.hero-note{display:block;margin-left:0}.visual{min-height:310px}.glass-object>strong{font-size:36px}.grid[data-view=list] .project{grid-template-columns:1fr 1.2fr;gap:8px 16px}.grid[data-view=list] .open,.grid[data-view=list] .project>div{grid-column:1/3;grid-row:5}.guide{gap:24px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.brand>span{display:none}.header-link{display:none}.topbar{padding:18px 0}.hero{grid-template-columns:1fr 0.75fr;padding:45px 0}.hero h1{font-size:38px}.hero .eyebrow{font-size:9px;letter-spacing:.05em}.lead{font-size:14px}.visual{min-height:260px}.glass-object{inset:10px 0 20px 0;padding:22px}.glass-object>strong{font-size:30px}.orbit-one{width:140px;height:140px}.orbit-two{width:200px;height:60px;right:-10px}.floating-chip{bottom:0;padding:10px 14px;font-size:10px}.object-label{font-size:8px}.object-bottom{margin-top:20px}.workspace{display:block;padding-top:24px}.sidebar{position:static}.sidebar-heading,.sidebar-note{display:none}.directions{flex-direction:row;flex-wrap:wrap;gap:7px;margin-bottom:20px}.directions button{font-size:12px;padding:8px 12px;min-height:42px;background:var(--soft);gap:12px}.nav-divider{display:none}.solid-control{margin:0 0 16px}.catalog-heading{margin-top:24px}.guide{grid-template-columns:1fr 1.5fr}.guide>a{grid-column:1/3}.grid[data-view=list] .project{grid-template-columns:1fr 1.5fr}}
@media(max-width:540px){.shell{width:calc(100% - 32px)}.hero{display:block;padding:36px 0 30px}.hero h1{font-size:clamp(34px,8.6vw,46px);margin:20px 0}.lead{font-size:14px}.lead br{display:none}.visual{margin:35px auto 10px;max-width:310px;min-height:235px}.glass-object{inset:0 24px 12px 14px;padding:20px 24px}.glass-object>strong{font-size:30px;margin-top:16px}.object-bottom{margin-top:15px}.orbit-one{left:0;top:35px}.orbit-two{top:90px;right:0}.floating-chip{right:4px;bottom:0}.hero-note{display:inline-block;margin:12px 0 0 12px;font-size:10px}.primary{font-size:13px;gap:22px}.theme{font-size:11px;padding:10px 13px}.brand img{width:90px;height:42px}.header-actions{gap:0}.catalog-heading h2{font-size:27px}.result-count{font-size:10px}.catalog-heading .eyebrow{font-size:9px}.directions{gap:6px}.directions button{font-size:11px;gap:8px;padding:8px 10px}.control-row{flex-wrap:wrap}.sort-label{flex:1}.view-switch{margin-left:auto}.search-box kbd{display:none}.search-box{padding:0 12px;gap:8px}.search-box input{font-size:16px}.grid{grid-template-columns:1fr}.project{min-height:235px;padding:23px}.project h2{font-size:21px;margin-top:11px}.project p{font-size:14px}.tag{font-size:11px}.grid[data-view=list] .project{display:flex;gap:0;padding:20px 58px 20px 20px}.grid[data-view=list] h2{font-size:18px;margin:8px 0}.grid[data-view=list] p{font-size:13px;margin:0 0 12px}.grid[data-view=list] .access-note{margin:0 0 12px}.guide{grid-template-columns:1fr;gap:20px;margin-top:40px;padding:28px 0}.guide>a{grid-column:auto}.pagination{align-items:start;flex-direction:column}.pagination>div{width:100%;justify-content:space-between}footer{flex-direction:column;gap:12px;padding-bottom:25px}.footer-dot{margin-inline:8px}}
@media(max-width:540px){.grid[data-view=list] .project{align-items:stretch}.grid[data-view=list] .tag{padding-right:0}.grid[data-view=list] .project>div{justify-content:flex-start}}
/* Keep the keyboard skip link outside screenshot/scroll compositing until focus. */
.skip:not(:focus){clip-path:inset(100%);width:1px;height:1px;overflow:hidden;padding:0}
input[type=search]::-webkit-search-cancel-button{display:none}
.publication{display:block;color:var(--muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;margin:0 0 12px;overflow-wrap:anywhere}
.grid[data-view=list] .publication{grid-column:1;grid-row:3;margin:2px 0 0}
.grid[data-view=list] .lock{grid-row:4}
@media(max-width:540px){.grid[data-view=list] .publication{margin:0 0 10px}}
.date-explanation{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:760px}

/* Optical background: static light forms behind frosted reading surfaces. */
body{isolation:isolate}
:root{--scene-cyan:#137b9255;--scene-violet:#7845c568;--scene-pink:#b5418a34;--ribbon-a:#25cbcc55;--ribbon-b:#7d59dc55;--reading-glass:rgba(22,29,49,.82)}
:root[data-theme=light]{--scene-cyan:#41d6d75c;--scene-violet:#9b7ae44a;--scene-pink:#f291c53b;--ribbon-a:#32bfc650;--ribbon-b:#9e7add46;--reading-glass:rgba(255,255,255,.76)}
.ambient{position:fixed;inset:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 100% 12%,var(--scene-violet),transparent 55%),radial-gradient(ellipse at 10% 64%,var(--scene-cyan),transparent 52%),radial-gradient(ellipse at 78% 100%,var(--scene-pink),transparent 48%)}
.ambient:before,.ambient:after{content:'';position:absolute;pointer-events:none;border-radius:50%;border-style:solid;transform:rotate(-32deg)}
.ambient:before{width:85vw;height:34vw;min-width:640px;min-height:260px;right:-24vw;top:17%;border-width:42px;border-color:var(--ribbon-a);box-shadow:inset 0 2px 2px #c5ffff25,0 -2px 2px #d4ffff24}
.ambient:after{width:70vw;height:30vw;min-width:520px;min-height:240px;left:-26vw;bottom:-8%;border-width:70px;border-color:var(--ribbon-b);transform:rotate(28deg);filter:blur(2px)}
@supports (backdrop-filter:blur(1px)){
 .card{background:var(--reading-glass);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:inset 1px 1px 0 #e2f4ff40,inset -1px -1px 0 #a3c7ea12,0 12px 28px #050c2218}
}
@media(hover:hover){.card:hover{background:var(--reading-glass);box-shadow:inset 1px 1px 0 var(--edge),0 16px 34px #050c2228}}
@media(max-width:540px){.ambient:before{right:-420px;top:30%;border-width:30px}.ambient:after{left:-390px;bottom:2%;border-width:48px}.card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}
[data-solid=true] .card{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){.card,.card:hover{background:var(--panel)}}
@media(prefers-reduced-transparency:reduce){.ambient{display:none}.card,.card:hover{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.ambient{display:none}.card,.card:hover{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:1px solid CanvasText}}

/* Skeleton follows actual script readiness; no minimum loading duration. */
:root{--skeleton-base:#303b54;--skeleton-glint:#455570}
:root[data-theme=light]{--skeleton-base:#dbe2ec;--skeleton-glint:#edf2f8}
.catalog-loading .card{pointer-events:none}
.catalog-loading .card>*{visibility:hidden}
.catalog-loading .card:after{content:'';position:absolute;inset:24px;border-radius:6px;background:linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 0/38% 10px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 45px/78% 22px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 83px/45% 10px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 115px/95% 12px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 138px/72% 12px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 100%/35% 12px;background-repeat:no-repeat;pointer-events:none}
.catalog-loading .card:nth-child(n+13){display:none}
.catalog-loading .controls{display:flex;position:relative;min-height:111px}
.catalog-loading .controls>*{visibility:hidden}
.catalog-loading .controls:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 0/100% 53px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 0 100%/42% 44px,linear-gradient(var(--skeleton-base),var(--skeleton-base)) 100% 100%/23% 44px;background-repeat:no-repeat;border-radius:13px;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.catalog-loading .card:after,.catalog-loading .controls:after{animation:skeleton-breathe 1.2s ease-in-out 3 alternate}@keyframes skeleton-breathe{from{opacity:.55}to{opacity:1}}}
@media(forced-colors:active){.catalog-loading{--skeleton-base:GrayText}}

/* Reference adaptation: compact navigation, paired actions, structured closing. */
.topbar{margin-top:16px;padding:14px 20px;border:0;border-radius:20px;background:var(--reading-glass);box-shadow:inset 0 1px 0 var(--edge),0 8px 30px #050c2210}
.header-actions{gap:18px}.header-nav{display:flex;gap:5px;align-items:center}.header-nav a{font-size:13px;padding:12px 15px;border-radius:10px;min-height:44px}.header-nav a:first-child{background:var(--soft)}.header-nav span{margin-left:8px;color:var(--cyan)}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary{padding:9px 10px 9px 20px;gap:24px;min-height:52px;border-radius:14px}.primary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#00000012;font-size:21px}.secondary{display:inline-flex;align-items:center;gap:18px;min-height:52px;padding:10px 18px;border-radius:14px;background:var(--reading-glass);box-shadow:inset 0 1px 0 var(--edge);font-size:14px}.hero-note{display:block;margin:18px 0 0;font-size:12px}.hero h1{max-width:780px}
.guide{grid-template-columns:1.15fr 1fr;gap:70px;margin-top:72px;padding:44px;border:0;border-radius:26px;background:var(--reading-glass);box-shadow:inset 1px 1px 0 var(--edge),0 20px 50px #050c2218}.guide-copy h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:18px 0}.guide-copy h2 em{font-style:normal;color:var(--accent)}.guide-copy>p:not(.eyebrow){font-size:14px;max-width:390px;margin-bottom:24px}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:23px}.guide-steps li{display:flex;gap:18px;align-items:start}.guide-steps li>span{flex:none;font-size:11px;color:var(--cyan);border-radius:10px;background:var(--soft);padding:9px 11px;font-variant-numeric:tabular-nums}.guide-steps h3{font-size:16px;margin:0 0 6px;font-weight:600}.guide-steps p{font-size:13px}
.site-footer{display:block;padding-top:48px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:55px;padding-bottom:38px}.footer-main h2{font-size:12px;font-weight:600;color:var(--text);margin:8px 0 15px}.footer-main p{font-size:12px;line-height:1.8;margin:14px 0 0}.footer-main nav a{display:block;min-height:36px;padding:8px 0;width:fit-content}.footer-main a{font-size:13px;color:var(--text)}.footer-about>a{display:inline-flex;gap:25px;min-height:44px;align-items:center}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;gap:20px}.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-brand img{object-fit:contain}
@media(hover:hover){.header-nav a:hover,.secondary:hover{background:var(--soft)}.footer-main a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:1000px){.header-nav a{padding-inline:10px;font-size:12px}.brand>span{display:none}.guide{gap:35px;padding:32px}.footer-main{gap:30px}}
@media(max-width:700px){.topbar{flex-wrap:wrap;padding:14px 16px}.header-actions{display:contents}.header-nav{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid var(--soft);padding-top:10px;gap:0}.header-nav a{padding:10px;font-size:12px}.theme{margin-left:auto}.guide{grid-template-columns:1fr;padding:26px;gap:32px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-main p{max-width:260px}.hero-actions{gap:10px}.secondary{font-size:12px;padding-inline:14px}.primary{font-size:13px;gap:15px}.hero-note{margin-left:0}.footer-bottom{align-items:start;font-size:10px}.guide-copy>p:not(.eyebrow){font-size:13px}}
[data-solid=true] .topbar,[data-solid=true] .guide,[data-solid=true] .secondary{background:var(--panel)}
@media(prefers-reduced-transparency:reduce){.topbar,.guide,.secondary{background:var(--panel)}}
@media(forced-colors:active){.topbar,.guide,.secondary{background:Canvas;border:1px solid CanvasText;box-shadow:none}}

/* Restore optical surfaces; keep light actions bright, with readable ink. */
:root{--reading-glass:rgba(22,29,49,.68);--optical-glass:rgba(26,34,56,.38);--glass-reflection:linear-gradient(120deg,#ffffff15,transparent 30%,transparent 72%,#a7dfff0a);--optical-edge:inset 1px 1px 1px #e5faff66,inset -1px -1px 1px #a7c8e51c,0 16px 40px #050c2226}
:root[data-theme=light]{--accent:#c5f879;--on-accent:#23351b;--reading-glass:rgba(255,255,255,.58);--optical-glass:rgba(255,255,255,.34);--glass-reflection:linear-gradient(120deg,#ffffff85,transparent 34%,transparent 72%,#ffffff20);--optical-edge:inset 1px 2px 1px #ffffffc9,inset -1px -1px 1px #ffffff55,0 16px 40px #334b7520}
:root[data-theme=light] h1 em,:root[data-theme=light] .guide-copy h2 em{color:#126a73}
:root[data-theme=light] .glass-object em{color:#185766}
:root[data-theme=light] .heading-dot,:root[data-theme=light] .footer-dot{color:#126a73}
:root[data-theme=light] .favorite[aria-pressed=true]{color:#126a73}
@supports (backdrop-filter:blur(1px)){
 .topbar,.guide,.secondary,.theme,.floating-chip{background:var(--glass-reflection),var(--optical-glass);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:var(--optical-edge)}
 .card{background:var(--glass-reflection),var(--reading-glass);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:var(--optical-edge)}
 .card:has(.featured){box-shadow:var(--optical-edge)}
}
@media(hover:hover){.card:hover{background:var(--glass-reflection),var(--reading-glass);box-shadow:var(--optical-edge)}.secondary:hover,.theme:hover{background:var(--glass-reflection),var(--optical-glass)}}
[data-solid=true] .topbar,[data-solid=true] .guide,[data-solid=true] .secondary,[data-solid=true] .card,[data-solid=true] .theme,[data-solid=true] .floating-chip{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not (backdrop-filter:blur(1px)){.topbar,.guide,.secondary,.card,.theme,.floating-chip{background:var(--panel)}}
@media(prefers-reduced-transparency:reduce){.topbar,.guide,.secondary,.card,.theme,.floating-chip{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.topbar,.guide,.secondary,.card,.theme,.floating-chip{background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:1px solid CanvasText}}

/* Card-specific clear glass: low tint, sharp local reflection, optical edge. */
:root{--tile-tint:rgba(16,24,44,.40);--tile-reflection:linear-gradient(118deg,#ffffff12 0%,#ffffff04 18%,transparent 38%,transparent 75%,#9deaff0a);--tile-shadow:inset 1px 1px 0 #efffff80,inset -1px -1px 0 #a3daff24,inset 0 -5px 10px #09152b18,0 12px 24px #030c2026}
:root[data-theme=light]{--tile-tint:rgba(255,255,255,.12);--tile-reflection:linear-gradient(118deg,#ffffff42 0%,#ffffff0a 18%,transparent 38%,transparent 75%,#ffffff18);--tile-shadow:inset 1px 1px 0 #ffffffdd,inset -1px -1px 0 #ffffff55,inset 0 -5px 10px #708ab414,0 12px 24px #324c721c}
@supports (backdrop-filter:blur(1px)){
 .card,.card:hover,.card:has(.featured){background:var(--tile-reflection),var(--tile-tint);backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);box-shadow:var(--tile-shadow)}
 .card:before{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 5%,#ffffff00 15%,#ffffff26 16%,#ffffff05 18%,transparent 23%);opacity:.7}
}
:root[data-theme=light] .card .project p,:root[data-theme=light] .card .publication,:root[data-theme=light] .card .access-note,:root[data-theme=light] .card .lock{color:#34415c}
[data-solid=true] .card,[data-solid=true] .card:hover{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}
[data-solid=true] .card:before{display:none}
@media(prefers-reduced-transparency:reduce){.card,.card:hover,.card:has(.featured){background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none}.card:before{display:none}}
@media(forced-colors:active){.card,.card:hover,.card:has(.featured){background:Canvas;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.card:before{display:none}:root[data-theme=light] .card .project p,:root[data-theme=light] .card .publication,:root[data-theme=light] .card .access-note,:root[data-theme=light] .card .lock{color:CanvasText}}