:root{color-scheme:dark;--color-bg: #090d14;--color-surface: #111824;--color-raised: #182232;--color-ink: #f0f4fc;--color-muted: #a1adbf;--color-faint: #8493a9;--color-border: #273143;--color-accent: #69e9e0;--color-accent-hover: #a4f7ee;--color-accent-soft: #142a32;--color-focus: #9a89ff;--color-navy: #101b2c;--color-on-accent: #092421;--color-code: #101722;--color-code-ink: #dce6f3;--container-wide: 1160px;--container-reading: 760px;--radius-card: 16px;--radius-control: 10px;--radius-panel: 20px;--shadow-card: 0 12px 34px rgb(0 0 0 / 14%);--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=light]{color-scheme:light;--color-bg: #f7f9fc;--color-surface: #fff;--color-raised: #edf1f7;--color-ink: #172337;--color-muted: #536278;--color-faint: #68768a;--color-border: #d7dfeb;--color-accent: #087d79;--color-accent-hover: #086a65;--color-accent-soft: #e4f4f2;--color-focus: #7460d2;--color-navy: #e9eef6;--color-on-accent: #fff;--shadow-card: 0 12px 34px rgb(32 51 82 / 7%)}:root[data-width=wide]{--container-reading: 960px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;color:var(--color-ink);background:var(--color-bg);font:400 16px/1.75 var(--font-sans);-webkit-font-smoothing:antialiased}body,h1,h2,h3,p,figure,ul,ol{margin-block-start:0}h1,h2,h3{font-weight:650;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}h1{font-size:clamp(38px,5.5vw,72px)}h2{font-size:clamp(28px,3.5vw,44px)}h3{font-size:21px}p{margin-block-end:1.3em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}img{height:auto}[hidden]{display:none!important}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.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:1000;top:12px;left:12px;padding:10px 16px;transform:translateY(-160%);background:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-card)}.skip-link:focus{transform:translateY(0)}.accent-text{color:var(--color-accent)}.muted{color:var(--color-muted);font-size:14px}.container{width:min(calc(100% - 80px),var(--container-wide));margin-inline:auto}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:10px;color:var(--color-accent);font:500 11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow__line{width:20px;height:1px;background:currentColor}label{display:grid;gap:8px;font-size:14px;color:var(--color-muted)}input,select,textarea{width:100%;min-width:0;padding:11px 13px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-bg)}input::placeholder,textarea::placeholder{color:var(--color-faint)}@media(max-width:959px){.container{width:min(calc(100% - 48px),var(--container-wide))}}@media(max-width:639px){.container{width:min(calc(100% - 36px),var(--container-wide))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-motion=reduce],html[data-motion=reduce] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(18px)}.site-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.site-logo{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:17px;font-weight:700;letter-spacing:-.035em}.site-logo__mark{width:30px;height:34px;font-size:29px;line-height:1;letter-spacing:-.13em;display:flex;align-items:baseline}.site-logo__mark span{color:var(--color-accent)}.desktop-nav{display:flex;gap:28px;align-items:center}.nav-link{display:inline-flex;gap:7px;align-items:center;min-height:44px;color:var(--color-muted);font-size:14px;white-space:nowrap}.nav-link:hover,.nav-link[aria-current],.nav-dropdown a[aria-current]{color:var(--color-ink)}.nav-dropdown{position:relative}.nav-dropdown summary{cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown>div{position:absolute;top:48px;left:-18px;display:grid;width:195px;padding:9px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;box-shadow:var(--shadow-card)}.nav-dropdown a{display:flex;justify-content:space-between;padding:10px 12px;color:var(--color-muted);font-size:14px;border-radius:8px}.nav-dropdown a:hover{background:var(--color-raised)}.header-tools{display:flex;align-items:center;gap:8px}.search-trigger{display:flex;align-items:center;gap:9px;min-height:38px;padding:6px 10px;background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);border-radius:9px;font-size:12px}.search-trigger kbd{color:var(--color-faint);font:10px var(--font-mono);padding-left:10px}.icon-button,.menu-toggle{display:inline-flex;justify-content:center;align-items:center;width:40px;min-height:40px;border:0;border-radius:9px;color:var(--color-muted);background:transparent}.icon-button:hover,.menu-toggle:hover{background:var(--color-raised);color:var(--color-ink)}.menu-toggle{display:none;font-size:22px}.mobile-nav{border-top:1px solid var(--color-border);background:var(--color-surface);max-height:calc(100dvh - 76px);overflow:auto}.mobile-nav__inner{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-block:12px 20px}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid var(--color-border);font-size:14px}.mobile-nav a[aria-current]{color:var(--color-accent)}.section{padding-block:100px}.section--compact{padding-block:55px 100px}.section--tinted{background:var(--color-surface);border-block:1px solid var(--color-border)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{margin:14px 0}.section-heading p{margin:0;color:var(--color-muted)}.section-link{display:inline-flex;gap:15px;align-items:center;padding-block:8px;white-space:nowrap;color:var(--color-muted);font-size:14px}.section-link:hover{color:var(--color-accent)}.page-hero{padding-block:84px 64px;border-bottom:1px solid var(--color-border)}.page-hero h1{margin:20px 0 22px}.page-hero__lead{max-width:770px;margin:0 0 15px;font-size:clamp(19px,2.6vw,26px);font-weight:450}.page-hero__detail{max-width:660px;margin:0;color:var(--color-muted)}.list-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:12px}.project-grid,.content-grid,.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding-top:58px}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-bottom:42px}.footer-brand{font-size:23px;font-weight:700;letter-spacing:-.04em}.footer-brand span{color:var(--color-accent)}.site-footer p{margin:10px 0 0;color:var(--color-muted);font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:560px;padding-top:8px;color:var(--color-muted);font-size:13px}.footer-links a:hover,.footer-bottom a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:23px;border-top:1px solid var(--color-border);color:var(--color-faint);font-size:11px}@media(max-width:959px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.section{padding-block:72px}.section--compact{padding-block:40px 72px}.project-grid,.content-grid,.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{flex-direction:column}}@media(max-width:639px){.site-header__inner{gap:10px;min-height:66px}.search-trigger{border:0;background:transparent;padding:8px;min-height:40px}.search-trigger span,.search-trigger kbd{display:none}.header-tools{gap:1px}.site-logo{font-size:16px}.section{padding-block:56px}.section-heading{align-items:start;flex-direction:column;gap:12px}.project-grid,.content-grid,.tech-grid{grid-template-columns:1fr;gap:16px}.page-hero{padding-block:56px 40px}.list-bar{flex-wrap:wrap}}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:var(--radius-control);font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button--primary,.button--light{background:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover,.button--light:hover{background:var(--color-accent-hover)}.button--dark{background:var(--color-raised);color:var(--color-ink);border-color:var(--color-border)}.button--ghost,.button--outline{background:transparent;color:var(--color-ink);border-color:var(--color-border)}.button--outline:hover,.button--ghost:hover,.button--dark:hover{background:var(--color-raised);border-color:var(--color-faint)}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:40px;padding:0;color:var(--color-accent);background:transparent;border:0;font-size:14px;font-weight:550}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.project-card,.content-card,.tech-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.project-card:hover,.content-card:hover,.tech-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-faint)}.project-card{display:block}.project-card__visual{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--color-raised)}.project-card__visual img{width:100%;height:100%;object-fit:cover}.project-card__placeholder{display:flex;justify-content:space-between;align-items:end;height:100%;padding:24px;background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 65%);color:var(--color-muted)}.project-card__placeholder span{font:11px var(--font-mono)}.project-card__placeholder b{color:var(--color-ink);font-size:76px;line-height:1;letter-spacing:-.12em}.project-card__state{position:absolute;top:16px;right:16px;padding:5px 10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);color:var(--color-muted);font-size:11px}.project-card__body{padding:25px}.project-card__kicker,.content-card__top{display:flex;justify-content:space-between;gap:16px;color:var(--color-accent);font:500 11px/1.4 var(--font-mono)}.project-card :is(h2,h3){margin:20px 0 10px;font-size:23px}.project-card p,.content-card p,.tech-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--color-muted);font-size:14px;line-height:1.75}.project-card__meta,.content-card__meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid var(--color-border);color:var(--color-faint);font-size:11px}.project-card__meta{margin-top:26px}.content-card__meta{margin-top:auto}.content-card{display:flex;min-height:270px;flex-direction:column;padding:25px}.content-card__index{margin:22px 0 -6px;color:var(--color-faint);font:400 36px/1 var(--font-mono);opacity:.55}.content-card :is(h2,h3){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:22px 0 12px;font-size:22px}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:center}.empty-state__graphic{display:flex;align-items:center;gap:18px;height:64px;color:var(--color-faint);font:300 32px var(--font-mono)}.empty-state__graphic span:nth-child(2){transform:translateY(-10px);color:var(--color-accent)}.empty-state :is(h2,h3){margin:12px 0;font-size:24px}.empty-state p{max-width:510px;margin:0;color:var(--color-muted);font-size:14px}.empty-state .text-link{margin-top:14px}.tag-list{display:flex;flex-wrap:wrap;gap:7px}.tag{display:inline-block;padding:4px 10px;border:1px solid var(--color-border);border-radius:7px;color:var(--color-muted);background:var(--color-raised);font-size:11px;line-height:1.5}a.tag:hover{color:var(--color-accent);border-color:var(--color-accent)}.tech-card{position:relative;display:flex;flex-direction:column;min-height:235px;padding:25px}.tech-card__number{color:var(--color-faint);font:12px var(--font-mono)}.tech-card__icon{position:absolute;top:22px;right:25px;color:var(--color-accent)}.tech-card h3{margin:auto 0 12px;padding-top:45px;font-size:23px}.tech-card p{margin:0}.quiet-panel{display:flex;align-items:center;gap:28px;min-height:165px;padding:26px 32px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg)}.quiet-panel__symbol{display:grid;place-items:center;flex:0 0 68px;height:68px;background:var(--color-raised);border-radius:14px;color:var(--color-accent);font-size:32px}.quiet-panel h3{margin-bottom:6px}.quiet-panel p{margin:0;color:var(--color-muted);font-size:14px}.quiet-panel .text-link{margin-left:auto;white-space:nowrap}@media(max-width:639px){.quiet-panel{flex-direction:column;align-items:start;padding:24px;gap:18px}.quiet-panel .text-link{margin-left:0}.content-card{min-height:245px;padding:22px}}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 28%,color-mix(in srgb,var(--color-focus) 7%,transparent),transparent 56%),var(--color-bg)}.hero__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:610px;gap:60px;padding-block:80px 60px}.hero__content{position:relative;z-index:1}.hero h1{margin:28px 0 24px;font-size:clamp(50px,5.8vw,80px);line-height:1.15;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--color-ink);letter-spacing:-.06em}.hero h1 em span{color:var(--color-accent)}.hero__lead{margin-bottom:12px;font-size:clamp(18px,2vw,23px);font-weight:450;color:var(--color-ink)}.hero__sub{max-width:470px;color:var(--color-muted);font-size:15px;margin-bottom:30px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__visual{position:relative;width:min(100%,430px);aspect-ratio:1;justify-self:end;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 65%)}.hero__gridlines{position:absolute;inset:4%;border-radius:50%;background-image:linear-gradient(color-mix(in srgb,var(--color-accent) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 9%,transparent) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,#000,transparent 72%)}.hero__orbit{position:absolute;border:1px solid color-mix(in srgb,var(--color-accent) 42%,transparent);border-radius:50%}.hero__orbit--one{inset:10%;transform:rotate(-28deg) scaleY(.58)}.hero__orbit--two{inset:4%;transform:rotate(40deg) scaleY(.48);border-color:color-mix(in srgb,var(--color-focus) 35%,transparent)}.hero__orbit--one:after{content:"";position:absolute;top:10%;left:10%;width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent) 40%,transparent)}.hero__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 clamp(100px,14vw,175px)/1 var(--font-sans);letter-spacing:-.15em}.hero__center span{color:var(--color-accent)}.hero__coord,.hero__spark{position:absolute;color:var(--color-faint);font:9px var(--font-mono);letter-spacing:.13em}.hero__coord--top{top:6%;left:1%}.hero__coord--bottom{bottom:4%;right:0}.hero__spark--one{top:20%;right:9%;font-size:20px;color:var(--color-accent)}.hero__spark--two{bottom:20%;left:4%;font-size:20px}.hero__bottom{display:flex;justify-content:space-between;padding-block:16px 22px;border-top:1px solid var(--color-border);color:var(--color-faint);font:10px var(--font-mono);letter-spacing:.1em}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:end}.intro-grid h2{margin:20px 0 0;font-weight:500}.intro-copy{max-width:450px}.intro-copy p{color:var(--color-muted)}.intro-copy p:first-child{color:var(--color-ink);font-size:20px;line-height:1.65}.recent-list{border-top:1px solid var(--color-border)}.recent-item{display:grid;grid-template-columns:90px 1fr 130px 20px;align-items:center;gap:20px;min-height:80px;border-bottom:1px solid var(--color-border)}.recent-item:hover{color:var(--color-accent)}.recent-item__kind{color:var(--color-muted);font-size:12px}.recent-item__title{font-size:17px}.recent-item time{color:var(--color-faint);font:12px var(--font-mono)}.reading-strip{border-top:1px solid var(--color-border);background:radial-gradient(ellipse at 60% 100%,color-mix(in srgb,var(--color-accent) 6%,transparent),transparent 70%)}.reading-strip__inner{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-block:80px}.reading-strip h2{margin:16px 0 0;font-weight:500}.reading-strip h2 span{color:var(--color-accent)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.about-monogram{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:410px;overflow:hidden;background:radial-gradient(circle,var(--color-accent-soft),var(--color-surface) 70%);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.about-monogram>span{font-size:clamp(110px,17vw,210px);font-weight:700;letter-spacing:-.14em}.about-monogram small{position:absolute;left:26px;bottom:26px;font:11px var(--font-mono);color:var(--color-faint)}.about-copy h2{margin:20px 0}.about-copy p{color:var(--color-muted)}.about-copy p.lead{color:var(--color-ink);font-size:21px}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle-grid>div{padding:26px;min-height:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.principle-grid span{color:var(--color-accent);font:12px var(--font-mono)}.principle-grid h3{margin:50px 0 12px}.principle-grid p{color:var(--color-muted);font-size:14px;margin:0}.narrow-block{max-width:760px}.narrow-block h2{margin:18px 0}.narrow-block p{color:var(--color-muted);font-size:18px}.about-cta,.area-list{border-top:1px solid var(--color-border)}.area-item{display:grid;grid-template-columns:130px 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--color-border);scroll-margin-top:100px}.area-item__number{color:var(--color-accent);font:14px var(--font-mono)}.area-item h2{font-size:31px;margin-bottom:16px}.area-item__summary{color:var(--color-muted);max-width:680px;font-size:18px}.area-item__projects{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:14px}.area-item__projects>span{color:var(--color-faint)}.area-item__projects a{color:var(--color-accent)}.topic-group+.topic-group{margin-top:65px}.topic-group__heading{margin-bottom:24px}.topic-group__heading h2{margin:10px 0 0;font-size:30px}.knowledge-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:65px}.knowledge-map__item{display:grid;align-content:space-between;gap:18px;min-height:165px;padding:22px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:transform .2s,border-color .2s}.knowledge-map__item:hover{transform:translateY(-2px);border-color:var(--color-accent)}.knowledge-map__index,.knowledge-map__item>span:last-child,.knowledge-area__count{color:var(--color-faint);font:11px var(--font-mono)}.knowledge-map__item strong{font-size:20px;font-weight:550}.knowledge-map__item>span:last-child{display:flex;justify-content:space-between}.knowledge-map__item>span:last-child span{color:var(--color-accent)}.knowledge-area{padding-top:34px;border-top:1px solid var(--color-border);scroll-margin-top:100px}.knowledge-area__header{display:flex;justify-content:space-between;align-items:end;gap:20px}.knowledge-area__header .topic-group__heading{margin-bottom:12px}.knowledge-area__description{color:var(--color-muted);margin-bottom:18px}.knowledge-area__tracks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px;padding:0;list-style:none}.knowledge-area__tracks li{padding:5px 10px;border:1px solid var(--color-border);border-radius:7px;color:var(--color-muted);background:var(--color-bg);font-size:12px}.knowledge-area__empty{padding:20px 24px;background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-control);color:var(--color-faint);font-size:14px}.not-found{min-height:620px;padding-block:70px}.not-found__number{margin:24px 0;font:650 clamp(110px,17vw,210px)/1 var(--font-sans);color:var(--color-raised);letter-spacing:-.08em}.not-found__number span{color:var(--color-accent)}.not-found h1{font-size:38px;margin:0 0 20px}.not-found p{color:var(--color-muted)}.not-found .search-input-row{max-width:560px;margin-block:24px}.article-shell{padding-block:40px 90px}.back-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--color-muted);font-size:14px}.back-link:hover{color:var(--color-accent)}.article-header{max-width:960px;margin:45px 0 50px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.article-header h1{margin:20px 0 24px;font-size:clamp(34px,4.6vw,60px)}.article-header__summary{max-width:800px;color:var(--color-muted);font-size:clamp(18px,2.2vw,23px);line-height:1.6}.article-header__meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--color-faint);font-size:12px}.article-header .tag-list{margin-top:20px}.article-content{max-width:960px;min-width:0}.article-cover{overflow:hidden;margin-bottom:40px;border-radius:var(--radius-card);background:var(--color-raised)}.article-cover img{width:100%;max-height:550px;object-fit:cover}.project-facts,.experiment-facts{display:flex;flex-wrap:wrap;margin-bottom:36px;border-block:1px solid var(--color-border)}.project-facts>div,.experiment-facts>div{min-width:180px;flex:1;display:grid;gap:8px;padding:18px 20px 18px 0}.project-facts span,.experiment-facts span,.article-tools>span{color:var(--color-faint);font-size:12px}.project-facts strong,.experiment-facts strong{font-size:15px}.article-tools{margin-bottom:36px}.article-tools .tag-list{margin-top:10px}.article-toc{max-width:var(--container-reading);padding:24px 28px;margin-bottom:38px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.article-toc strong{font-size:14px}.article-toc ol{margin:12px 0 0;padding-left:20px;color:var(--color-muted);font-size:14px}.article-toc li+li{margin-top:6px}.article-toc a:hover,.article-toc a[aria-current]{color:var(--color-accent)}.article-toc .toc-subheading{margin-left:18px;font-size:13px}.note-callout{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:var(--container-reading);padding:18px 22px;margin-bottom:28px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-accent-soft)}.note-callout a{color:var(--color-accent)}.prose{max-width:var(--container-reading);color:var(--color-ink);font-size:17px;line-height:1.85;overflow-wrap:anywhere}:root[data-font=large] .prose{font-size:20px}.prose h2{margin:2.1em 0 .65em;font-size:clamp(25px,3vw,32px);scroll-margin-top:110px}.prose h3{margin:1.8em 0 .6em;font-size:23px;scroll-margin-top:110px}.prose p{margin-bottom:1.35em}.prose a,.article-references a{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.5em}.prose li+li{margin-top:.35em}.prose blockquote{margin:1.8em 0;padding:16px 24px;border-left:3px solid var(--color-accent);border-radius:0 10px 10px 0;background:var(--color-surface);color:var(--color-muted)}.prose blockquote p:last-child{margin:0}.prose pre{max-width:100%;overflow-x:auto;padding:22px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-code);color:var(--color-code-ink);font-size:14px;line-height:1.7}.prose :not(pre)>code{padding:.15em .4em;border-radius:5px;color:var(--color-accent);background:var(--color-accent-soft);font:.88em var(--font-mono)}.prose img{border-radius:12px}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}.prose th,.prose td{min-width:100px;padding:11px 14px;border:1px solid var(--color-border)}.prose th{background:var(--color-raised)}.article-external,.article-references,.related-content{max-width:var(--container-reading);margin-top:50px;padding-top:28px;border-top:1px solid var(--color-border)}.article-external h2,.article-references h2,.related-content h2{margin:0 0 20px;font-size:23px}.article-references ul{padding-left:20px;overflow-wrap:anywhere}.related-content{display:grid;gap:10px}.related-content a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--color-border)}.related-content a:hover{color:var(--color-accent)}.related-content a span{color:var(--color-faint);font-size:12px;flex-shrink:0}.article-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:var(--container-reading);margin-top:60px;padding-top:20px;border-top:1px solid var(--color-border);color:var(--color-faint);font:11px var(--font-mono)}.article-end a{color:var(--color-accent)}@media(max-width:959px){.hero__grid{gap:24px;min-height:540px}.intro-grid,.about-grid{gap:40px}.knowledge-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.hero__grid{grid-template-columns:1fr;padding-block:60px 35px;gap:40px}.hero__visual{width:290px;justify-self:center}.hero h1{font-size:clamp(40px,8vw,60px)}.intro-grid,.about-grid,.principle-grid{grid-template-columns:1fr}.recent-item{grid-template-columns:70px 1fr 20px;gap:12px}.recent-item time{display:none}.reading-strip__inner{align-items:start;flex-direction:column;padding-block:55px}}@media(max-width:639px){.hero__visual{width:250px}.hero__lead{font-size:18px}.intro-grid{gap:24px}.area-item{grid-template-columns:1fr;gap:15px;padding:32px 0}.article-shell{padding-top:22px}.article-header{margin:32px 0}.prose{font-size:16px}.knowledge-map{gap:10px;margin-bottom:45px}.knowledge-map__item{min-height:145px;padding:17px}.knowledge-map__item strong{font-size:18px}.knowledge-area__header{gap:12px}.project-facts>div,.experiment-facts>div{min-width:140px}}.site-dialog{width:min(610px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-panel);color:var(--color-ink);background:var(--color-surface);box-shadow:0 30px 110px #0006}dialog::backdrop{background:#000000a6;backdrop-filter:blur(5px)}html:has(dialog[open]){overflow:hidden}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:24px}.dialog-heading h2{font-size:24px;margin:6px 0 0}.dialog-heading .icon-button{flex-shrink:0}.site-dialog .inline-actions{margin-block:22px}.site-dialog .muted:last-child{margin-bottom:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.check-row{grid-column:1/-1;display:flex;align-items:center;gap:10px}.check-row input{width:18px;height:18px;accent-color:var(--color-accent)}.command-dialog{padding:22px;width:min(680px,calc(100% - 32px));margin-top:min(12vh,110px)}.command-dialog #command-input{padding:15px;font-size:17px}#command-status{margin:18px 4px 8px;font-size:12px}.command-results{max-height:min(48vh,440px);overflow:auto;display:grid;gap:4px}.command-result{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:12px 13px;border:0;border-radius:9px;color:var(--color-ink);background:transparent;text-align:left;font-size:14px}.command-result span{overflow-wrap:anywhere}.command-result small{color:var(--color-faint);flex-shrink:0;font-size:11px}.command-result:hover,.command-result:focus{outline-offset:-2px;background:var(--color-raised)}.dialog-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--color-border);padding-top:14px;margin-top:16px;color:var(--color-faint);font-size:11px}.dialog-hint a{color:var(--color-accent)}.reader-toast{position:fixed;z-index:1000;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 20px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-ink);background:var(--color-raised);box-shadow:var(--shadow-card);font-size:14px;pointer-events:none}.announcement{background:var(--color-accent-soft);font-size:13px}.announcement .container{display:flex;align-items:center;justify-content:center;gap:24px;padding-block:8px}.announcement button{flex-shrink:0;border:0;padding:6px;background:transparent;color:var(--color-muted)}.archive-filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;align-items:end;gap:12px;margin-bottom:32px}.archive-filters label{font-size:12px}.archive-filters :is(input,select){height:44px;font-size:13px}.view-toggle{display:inline-flex;padding:3px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.view-toggle button{border:0;padding:7px 13px;border-radius:7px;color:var(--color-muted);background:transparent;font-size:12px;min-height:34px}.view-toggle button[aria-pressed=true]{background:var(--color-raised);color:var(--color-ink)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;background:var(--color-surface);transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.archive-card:hover{border-color:var(--color-faint);transform:translateY(-2px)}.archive-card>a{display:block}.archive-card h2{font-size:22px;margin:24px 0 14px}.archive-card p{color:var(--color-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card__meta,.archive-card__footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--color-faint);font-size:11px}.archive-card__meta span{color:var(--color-accent)}.archive-card__footer{align-items:center;padding-top:18px;margin-top:auto;border-top:1px solid var(--color-border)}.archive-card__footer>span{white-space:nowrap}.archive-grid[data-view=list]{grid-template-columns:1fr;gap:12px}.archive-grid[data-view=list] .archive-card{padding:22px 28px}.archive-grid[data-view=list] .archive-card h2{margin:12px 0}.archive-grid[data-view=list] .archive-card p{-webkit-line-clamp:2}#archive-more{margin-top:30px}.quiet-empty{padding:64px 24px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-card);text-align:center}.quiet-empty h2{font-size:24px}.quiet-empty p{color:var(--color-muted);font-size:14px}.tag-cloud{display:flex;flex-wrap:wrap;gap:14px}.tag-cloud a{display:inline-flex;align-items:center;gap:30px;padding:15px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.tag-cloud a:hover{border-color:var(--color-accent)}.tag-cloud b{font:12px var(--font-mono);color:var(--color-faint)}.subscription-card{max-width:750px;padding:42px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:radial-gradient(ellipse at right top,var(--color-accent-soft),var(--color-surface) 65%)}.subscription-card h2{margin:25px 0}.subscription-card p{color:var(--color-muted)}.subscription-card .inline-actions{margin-block:25px}.changelog{max-width:920px}.changelog article{display:grid;grid-template-columns:150px 1fr;gap:40px;padding-bottom:55px;margin-bottom:45px;border-bottom:1px solid var(--color-border)}.changelog time{color:var(--color-faint);font:13px var(--font-mono);padding-top:10px}.changelog h2{margin:22px 0;font-size:28px}.changelog p,.changelog ul{color:var(--color-muted)}.library-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:28px}.saved-list{margin-bottom:35px}.saved-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--color-border)}.saved-list article>a{min-width:0}.saved-list h2{font-size:22px;margin-bottom:10px}.saved-list p{font-size:12px;color:var(--color-faint);margin:0}.saved-list .button{flex-shrink:0}.reading-progress{position:fixed;top:75px;left:0;right:0;height:2px;z-index:101;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:var(--color-accent)}.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}.article-actions>span{color:var(--color-faint);font-size:12px;margin-right:12px}.article-actions .button{font-size:12px;min-height:38px;padding:8px 13px}.article-actions [aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.resume-reading{display:block;padding:11px 16px;margin-top:20px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-accent-soft);color:var(--color-accent);font-size:13px}.reading-completion{max-width:var(--container-reading);padding:28px;margin-top:55px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.reading-completion p{margin-bottom:10px}.article-pagination{display:grid;grid-template-columns:1fr 1fr;max-width:var(--container-reading);gap:20px;margin-top:35px}.article-pagination a{min-width:0;padding:20px;border:1px solid var(--color-border);border-radius:12px}.article-pagination a:hover{border-color:var(--color-accent)}.article-pagination small{display:block;color:var(--color-faint);margin-bottom:10px}.article-pagination strong{font-size:15px;font-weight:500;overflow-wrap:anywhere}#share-qr{margin:0 auto 15px;border-radius:12px}#share-status{text-align:center}.image-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;margin:0;background:#090d14;color:#f0f4fc}.image-dialog[open]{display:flex;flex-direction:column}.image-toolbar{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;flex-shrink:0;gap:8px;padding:12px;background:#111824;border-bottom:1px solid #273143;z-index:1}.image-toolbar button{padding:8px 14px;min-height:40px;border:1px solid #354056;border-radius:8px;color:#f0f4fc;background:#182232;font-size:13px}#image-count{padding-inline:10px;font:12px var(--font-mono);color:#a1adbf}.image-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow:auto;padding:20px}.image-stage img{max-width:100%;max-height:100%;object-fit:contain}.image-dialog.zoomed .image-stage{display:block}.image-dialog.zoomed img{max-width:none;max-height:none;width:auto;margin:auto}#image-caption{padding:12px 20px;text-align:center;color:#a1adbf;margin:0;font-size:13px}.zoomable-image{cursor:zoom-in}.video-panel{margin:24px 0;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.video-panel video{display:block;width:100%;max-height:70vh;background:#000}.video-panel figcaption{margin-top:10px;color:var(--color-faint);font-size:12px}.search-shell{max-width:960px}.search-input-row{display:flex;gap:12px;margin-block:12px 22px}.search-input-row input{flex:1}.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:20px}#search-status{margin:32px 0 18px;color:var(--color-muted)}.search-result{padding:25px 0;border-top:1px solid var(--color-border)}.search-result h2{font-size:23px;margin:0 0 12px}.search-result p{color:var(--color-muted);margin:0}.search-result mark{background:var(--color-accent-soft);color:var(--color-accent)}@media(max-width:959px){.archive-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.site-dialog{padding:20px}.dialog-heading h2{font-size:22px}.settings-grid{gap:16px}.dialog-hint>span{display:none}.archive-filters{grid-template-columns:1fr 1fr}.archive-filters>label:first-child{grid-column:1/-1}.archive-grid{grid-template-columns:1fr}.archive-card{padding:22px}.subscription-card{padding:26px}.changelog article{grid-template-columns:1fr;gap:15px}.reading-progress{top:65px}.article-pagination{grid-template-columns:1fr}.article-pagination>span{display:none}.reading-completion{padding:22px}.image-toolbar{gap:5px}.image-toolbar button{padding:7px 10px}}@media print{:root{--color-ink: #000;--color-bg: #fff;--color-muted: #444;--color-accent: #145b59;--color-surface: #fff}.site-header,.site-footer,.announcement,.article-actions,.reading-completion,.article-pagination,.related-content,.article-end,.back-link,.code-copy,.reading-progress,.resume-reading,.reader-toast{display:none!important}body{background:#fff;color:#000}.container{width:100%}.article-header{margin-top:0}.prose{max-width:none;font-size:11pt}.article-shell{padding:0}.prose pre,.prose blockquote{white-space:pre-wrap;break-inside:avoid}.prose pre{color:#000;background:#eee}.prose pre code span{color:#000!important}.prose a{color:#000}}