@charset "UTF-8";
:root{--bg:#f8f9fb;--ink:#202522;--muted:#737875;--line:#dfe3e1;--lime:#d3ff63;--radius:20px;font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #4565e8;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.page-width{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-60px;background:var(--ink);color:white;padding:12px 20px;z-index:20}.skip-link:focus{top:10px}.site-header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:20px;white-space:nowrap}.brand-mark{font-size:34px;line-height:1}.brand-slash{margin-inline:4px;color:#bec3bf;font-size:22px;font-weight:300}.brand-caption{font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--muted)}nav{display:flex;gap:37px}nav a{font-size:14px;padding-block:10px;position:relative}nav a::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover::after,nav a[aria-current]::after{transform:scaleX(1)}.hero{position:relative;padding-top:76px;display:grid;grid-template-columns:1fr 300px;column-gap:65px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:550;margin:0 0 20px;display:flex;align-items:center;gap:11px;line-height:1.5}.small-line{width:23px;height:1px;background:var(--ink)}h1{font-weight:600;line-height:1.24;letter-spacing:-.045em;font-size:clamp(54px,6.3vw,84px);margin:0 0 30px}h1 .period{color:#6d8460}.hero-last{display:inline-block;position:relative;z-index:0}.underline{position:absolute;bottom:0;left:-1%;width:100%;height:15px;z-index:-1;overflow:visible}.underline path{fill:none;stroke:var(--lime);stroke-width:11;stroke-linecap:round}.hero-description{font-size:16px;line-height:1.95;color:#68706b;margin:0 0 27px;letter-spacing:.025em}.primary-link{display:inline-flex;align-items:center;gap:34px;min-height:50px;background:var(--ink);color:white;border-radius:30px;padding:12px 23px;font-size:14px;transition:background .2s,transform .2s}.primary-link:hover{background:#3d473f;transform:translateY(-2px)}.primary-link>span{font-size:22px;font-weight:300}.hero-aside{align-self:center;padding-top:3px;justify-self:end;width:250px}.idea-symbol{height:195px;width:195px;position:relative;display:grid;place-items:center;margin:0 0 22px 6px}.idea-orbit{position:absolute;inset:11px;border:1px solid #d5dad5;border-radius:50%;transform:rotate(-25deg) scaleX(1.25)}.idea-asterisk{font-size:160px;font-family:Arial,sans-serif;line-height:1;color:var(--ink);font-weight:400;display:inline-block;transform:rotate(-8deg)}.orbit-label{position:absolute;font-size:10px;letter-spacing:.12em;background:var(--bg);bottom:7px;left:4px;transform:rotate(-17deg);padding:5px}.orbit-dot{position:absolute;right:0;top:35px;width:14px;height:14px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px var(--bg)}.hero-aside>p{font-size:15px;line-height:1.95;letter-spacing:.02em;margin-bottom:12px}.aside-caption{font-size:10px;letter-spacing:.1em;color:#8a908b}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:72px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:12px;color:#868d87}.hero-bottom>a{display:flex;gap:17px;align-items:center;font-size:10px;letter-spacing:.1em}.scroll-arrow{font-size:21px;color:var(--ink)}.work-section{padding-top:68px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.section-heading .eyebrow{margin-bottom:10px;color:var(--muted);font-size:11px}h2{font-size:32px;font-weight:550;letter-spacing:-.025em;line-height:1.5;margin:0}.section-count{font-size:12px;vertical-align:top;display:inline-block;margin:9px 0 0 13px;color:#838b84;letter-spacing:0;font-weight:400}.sample-label{font-size:12px;color:#838982;margin-bottom:7px}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.project{min-width:0}.project-preview{position:relative;overflow:hidden;width:100%;height:380px;padding:0;border:0;border-radius:var(--radius);display:block;text-align:left;cursor:pointer;isolation:isolate}.focus-preview{background:#dce9fa}.notes-preview{background:#eee9fd}.preview-corner{position:absolute;left:28px;top:25px;font-size:10px;letter-spacing:.12em;font-weight:500;color:#58677c}.preview-bottom{position:absolute;bottom:23px;left:28px;color:#5e7189;font-family:Georgia,serif;font-size:14px;font-style:italic}.preview-open{position:absolute;bottom:18px;right:23px;display:grid;place-items:center;font-size:24px;width:36px;height:36px;line-height:1;border:1px solid #92a2b447;border-radius:50%;transition:background .2s,transform .2s}.project-preview:hover .preview-open{background:var(--ink);color:white;transform:rotate(45deg)}.focus-window{position:absolute;top:65px;left:50%;width:300px;border-radius:13px;background:#fff;box-shadow:0 18px 40px #5a719723;transform:translateX(-50%) rotate(-4deg);border:1px solid #fff;transition:transform .6s cubic-bezier(.2,.8,.2,1);color:#27332e}.project-preview:hover .focus-window{transform:translateX(-50%) rotate(-1deg) translateY(-6px)}.mini-window-head{height:34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ee;padding:0 11px;font-size:10px}.mini-window-head>span:first-child{display:flex;gap:4px}.mini-window-head i{display:block;width:5px;height:5px;border-radius:50%;background:#d6dcd8}.mini-window-head b{font-weight:500;margin-right:8px}.window-plus{font-size:14px}.focus-app{padding:17px 22px 16px}.focus-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e8981}.focus-topline>span:last-child{font-size:18px;color:#84937e}.timer-dial{width:165px;height:134px;margin:5px auto 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.timer-dial::before{content:"";position:absolute;width:127px;height:127px;border:2px solid #e6eddc;border-top-color:#8b9d6b;border-right-color:#8b9d6b;border-radius:50%;transform:rotate(-32deg)}.timer-time{font-size:38px;font-weight:400;letter-spacing:-1px;z-index:1;font-variant-numeric:tabular-nums}.timer-time>span{opacity:.55}.timer-dial small{font-size:6px;letter-spacing:.1em;margin-top:7px;z-index:1;color:#83907f}.timer-action{background:#2b3b30;color:white;border-radius:7px;padding:8px 16px;text-align:center;font-size:9px;display:flex;justify-content:center;gap:55px;align-items:center}.timer-action>span{font-size:12px}.focus-app-footer{display:flex;justify-content:center;gap:26px;font-size:8px;color:#8c958e;margin-top:12px}.focus-app-footer>span:first-child{color:#27382b}.note-app{position:absolute;left:50%;top:64px;width:284px;transform:translateX(-50%) rotate(5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-preview:hover .note-app{transform:translateX(-50%) rotate(2deg) translateY(-6px)}.note-app-heading{display:flex;gap:9px;align-items:center;margin-bottom:13px;font-size:16px;font-weight:550;color:#544875}.note-icon{background:#d1c5f1;border:1px solid #bfb1e0;width:34px;height:34px;border-radius:10px;font-size:23px;text-align:center;line-height:32px}.note-app-caption{display:block;font-size:8px;letter-spacing:.03em;font-weight:400;margin-top:3px;color:#9585b2}.note-menu{margin-left:auto;font-size:20px}.note-sheet{position:relative;border-radius:11px;padding:22px 24px 17px;background:#fffefc;box-shadow:0 12px 32px #57437314;border:1px solid #e2ddeb;z-index:1}.note-date{font-size:8px;letter-spacing:.04em;color:#9a929d}.note-sheet h4{font-size:18px;font-weight:550;margin:14px 0 12px;letter-spacing:-.03em}.note-sheet p{font-size:12px;color:#8d8595;line-height:1.9;margin:0}.note-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:17px;color:#8f7daf}.note-bottom>span:last-child{font-size:13px}.note-behind{padding:15px 15px 8px;font-size:9px;color:#9e94ad;background:#ffffff63;border:1px solid #dcd3ed;border-radius:9px;margin: -7px 8px 0;display:flex;justify-content:space-between}.notes-preview .preview-bottom{color:#87769e}.notes-preview .preview-corner{color:#85759a}.project-meta{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;padding-top:21px}.project-meta h3{font-size:21px;margin:0 0 9px;font-weight:550;letter-spacing:-.02em}.project-meta h3>span{font-size:14px;font-weight:400;color:#848b86;margin-left:7px;letter-spacing:-.02em}.project-meta p{font-size:14px;color:#747c75;margin:0;line-height:1.75}.project-category{font-size:11px;border:1px solid #dce1dc;border-radius:20px;padding:6px 10px;white-space:nowrap;margin-top:2px;color:#757e76}.tools-section{padding-top:82px}.tools-panel{border-radius:var(--radius);background:#242c27;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:48px 52px;position:relative}.tools-copy{z-index:1}.tools-copy .eyebrow{color:#acb8ac;font-size:10px;margin-bottom:17px}.tools-copy h2{font-size:34px;letter-spacing:-.02em}.tools-copy h2>span{color:var(--lime)}.tools-copy>p:not(.eyebrow){font-size:14px;color:#afb8b1;line-height:1.9;margin:14px 0 23px}.coming-soon{display:inline-flex;gap:37px;align-items:center;font-size:12px;color:#d8e6ce;border:1px solid #62715c;padding:10px 15px;border-radius:30px}.coming-soon>span{font-size:18px}.tool-decoration{display:flex;align-items:center;gap:20px;color:#d3ff63;font-family:Georgia,serif;font-size:160px;font-weight:300;line-height:1;margin-right:25px}.tool-decoration>span:first-child,.tool-decoration>span:last-child{font-weight:300;color:#5b695a}.tool-asterisk{font-family:Arial,sans-serif;font-size:145px;display:inline-block}.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-list:empty{display:none}.tool-list>a{margin-top:22px;display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:24px;border-radius:14px;transition:background .2s}.tool-list>a:hover{background:#edf1e7}.tool-list h3{font-size:17px;margin:0 0 8px;font-weight:550}.tool-list p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.tool-list>a>span{font-size:24px}.about-section{padding-block:94px 85px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-section .eyebrow{font-size:10px;color:var(--muted);margin-bottom:17px}.about-section h2{font-size:35px;line-height:1.6;font-weight:500}.about-copy{padding-top:26px;max-width:460px}.about-copy>p{font-size:15px;color:#727a73;line-height:2;margin:0}.about-copy .about-note{margin-top:16px;color:#38433a}.about-signoff{margin-top:26px;display:flex;gap:11px;align-items:center;font-size:12px;color:#687267}.small-asterisk{font-size:24px;color:#536447}.site-footer{border-top:1px solid var(--line);padding-block:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#828981}.footer-brand{font-size:15px;color:var(--ink);font-weight:550;display:flex;align-items:center;gap:7px}.footer-brand>span:first-child{font-size:24px}.site-footer>a:last-child{font-size:12px;display:flex;gap:12px;align-items:center}.site-footer>a:last-child>span{font-size:18px}dialog{width:min(560px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1a241f70;backdrop-filter:blur(8px)}.dialog-inner{padding:34px}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dialog-top .eyebrow{margin:0;color:var(--muted);font-size:11px}.dialog-close{font-size:28px;background:#e9ece7;border:0;border-radius:50%;width:40px;height:40px;cursor:pointer}.dialog-inner>h2{font-size:35px;line-height:1.3}.dialog-inner>p{font-size:16px;line-height:1.95;color:#717a71}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.dialog-tags>span{font-size:12px;padding:7px 12px;background:#e8ede3;border-radius:20px;color:#58654f}.dialog-inner .dialog-notice{font-size:13px;line-height:1.8;background:#eff1ec;border-radius:12px;padding:16px;margin-top:28px}.dialog-back{border:0;border-bottom:1px solid #b9c3b5;background:none;margin-top:12px;padding:8px 0;cursor:pointer;font-size:14px}
@media(min-width:1450px){.hero{padding-top:87px}h1{font-size:88px}.hero-bottom{margin-top:87px}.project-preview{height:400px}.focus-window{top:75px}.note-app{top:75px}}
@media(max-width:1000px){.page-width{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 230px;column-gap:30px;padding-top:60px}.hero-aside{width:220px}.hero-bottom{margin-top:56px}.project-grid{gap:22px;grid-template-columns:1fr 1fr}.project-preview{height:355px}.focus-window{width:270px;top:57px}.note-app{width:248px;top:59px}.note-sheet{padding:18px 20px 14px}.note-sheet p{font-size:11px}.note-sheet h4{font-size:17px}.project-meta{flex-wrap:wrap}.project-category{margin-top:5px}.tools-panel{padding:40px 35px}.tool-decoration{font-size:120px;gap:12px;margin-right:0}.tool-asterisk{font-size:115px}.tool-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-width{width:calc(100% - 40px)}.site-header{height:86px}.brand{font-size:18px;gap:8px}.brand-mark{font-size:29px}.brand-caption,.brand-slash{display:none}nav{gap:23px}nav a{font-size:13px}.hero{padding-top:51px;grid-template-columns:1fr}.hero .eyebrow{font-size:10px;letter-spacing:.09em;gap:8px;margin-bottom:23px}h1{font-size:clamp(43px,10.6vw,68px);line-height:1.29;margin-bottom:24px}.hero-description{font-size:14px;line-height:1.9;letter-spacing:0}.primary-link{min-height:47px;padding:10px 20px;gap:30px;font-size:13px}.hero-aside{display:none}.hero-bottom{margin-top:45px;padding-bottom:20px;font-size:10px}.hero-bottom>a{gap:9px;font-size:8px}.work-section{padding-top:42px}.section-heading{margin-bottom:24px;gap:16px;align-items:flex-start}.section-heading .eyebrow{font-size:10px}h2{font-size:25px}.section-count{margin-top:5px;margin-left:8px;font-size:10px}.sample-label{font-size:10px;align-self:flex-end;margin-bottom:4px}.project-grid{grid-template-columns:1fr;gap:35px}.project-preview{height:360px;border-radius:16px}.focus-window{width:282px;top:58px}.note-app{width:270px;top:58px}.note-sheet{padding:22px 24px 17px}.note-sheet h4{font-size:18px}.note-sheet p{font-size:12px}.preview-corner{left:23px;top:23px;font-size:9px}.preview-bottom{left:23px;font-size:13px}.project-meta{flex-wrap:nowrap;padding-top:18px}.project-meta h3{font-size:20px;margin-bottom:6px}.project-meta h3>span{font-size:12px}.project-meta p{font-size:12px}.project-category{font-size:10px;padding:5px 9px}.tools-section{padding-top:49px}.tools-panel{padding:32px 27px;border-radius:16px;min-height:290px}.tools-copy .eyebrow{font-size:9px}.tools-copy h2{font-size:28px}.tools-copy>p:not(.eyebrow){font-size:13px}.tool-decoration{position:absolute;right:-18px;bottom:-7px;opacity:.16;transform:rotate(-15deg);gap:12px;font-size:150px}.tool-asterisk{font-size:140px}.coming-soon{font-size:11px;gap:25px}.about-section{padding-block:53px 47px;grid-template-columns:1fr;gap:24px}.about-section h2{font-size:29px}.about-copy{padding-top:0;max-width:none}.about-copy>p{font-size:14px}.about-copy .about-note{margin-top:12px}.about-signoff{margin-top:19px}.site-footer{flex-wrap:wrap;padding-block:22px 24px;gap:15px}.site-footer>span{order:3;flex-basis:100%;font-size:10px}.site-footer>a:last-child{font-size:11px}.footer-brand{font-size:14px}.dialog-inner{padding:26px}.dialog-inner>h2{font-size:29px}.tool-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Short, one-time motion. Content stays available with scripts or motion disabled. */
body.dialog-open{overflow:hidden;scrollbar-gutter:stable}.generic-preview{background:#e4eedf;display:grid;place-items:center}.generic-name{font-size:48px;font-weight:550;letter-spacing:-.03em}.about-copy>p{font-size:16px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.hero-copy>.eyebrow{animation:enter .65s both}.hero-copy h1{animation:enter .8s .08s both}.hero-description{animation:enter .8s .16s both}.hero-copy>.primary-link{animation:enter .8s .24s both}.hero-aside{animation:enter .9s .25s both}.idea-asterisk{animation:symbol-enter 1.2s .15s both;transition:rotate 1.2s cubic-bezier(.2,.8,.2,1)}.idea-symbol:hover .idea-asterisk{rotate:90deg}.tool-asterisk{transition:transform 1s cubic-bezier(.2,.8,.2,1)}.tools-panel:hover .tool-asterisk{transform:rotate(90deg)}dialog[open]{animation:dialog-enter .25s ease-out}.brand-mark{transition:transform .5s}.brand:hover .brand-mark{transform:rotate(90deg)}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes symbol-enter{from{opacity:0;transform:rotate(-50deg) scale(.9)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){.brand{font-size:18px;letter-spacing:-.03em}.brand-mark{font-size:27px}.about-copy>p{font-size:16px}.project-meta p{font-size:14px}.project-meta{flex-wrap:wrap}.project-category{font-size:12px}nav a{font-size:14px}.hero-description{font-size:16px}.tools-copy>p:not(.eyebrow){font-size:16px}.sample-label{font-size:12px;max-width:115px;text-align:right;line-height:1.5}.section-heading{align-items:flex-end}.coming-soon{font-size:14px}.site-footer>a:last-child{font-size:14px}}
@media(max-width:360px){nav{gap:15px}.page-width{width:calc(100% - 32px)}.project-preview{height:340px}.focus-window{width:260px}.note-app{width:244px}.note-sheet{padding:17px 20px}.tool-decoration{right:-50px}.hero-bottom>span{max-width:120px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}*,*::before,*::after{animation:none!important;transition:none!important}.idea-asterisk{rotate:none!important}.tool-asterisk{transform:none!important}}

nav a{min-height:44px;display:flex;align-items:center}

/* Appearance: a quiet charcoal palette with ink-blue and plum work surfaces. */
:root{color-scheme:light;--surface:#fff;--surface-hover:#edf1e9;--selection:#eaf2dd;--control-ink:#445239;--focus:#4565e8;--menu-shadow:0 12px 45px #20252214}
:root[data-theme="dark"]{color-scheme:dark;--bg:#121715;--ink:#e8eee8;--muted:#a3afa6;--line:#303c34;--lime:#c8ef82;--surface:#1c2520;--surface-hover:#27352b;--selection:#30402b;--control-ink:#d1ecaa;--focus:#c8ef82;--menu-shadow:0 16px 50px #0005}
.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}
.header-actions{display:flex;align-items:center;gap:30px}
.theme-picker{position:relative;z-index:10}
.theme-picker summary{display:flex;align-items:center;justify-content:center;gap:8px;width:124px;flex-shrink:0;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:24px;cursor:pointer;list-style:none;color:var(--ink);font-size:13px;transition:background-color .18s,border-color .18s}
.theme-current{display:inline-block;min-width:4em;text-align:center;white-space:nowrap}
.theme-picker summary::-webkit-details-marker{display:none}
.theme-picker summary:hover,.theme-picker[open] summary{background:var(--surface-hover)}
.theme-picker summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.theme-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.theme-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.theme-picker[open] .theme-chevron{transform:rotate(180deg)}
[data-theme-icon]{display:none}
:root[data-appearance="light"] [data-theme-icon="light"],:root[data-appearance="dark"] [data-theme-icon="dark"],:root[data-appearance="auto"] [data-theme-icon="auto"],:root:not([data-appearance]) [data-theme-icon="auto"]{display:block}
.theme-menu{position:absolute;top:calc(100% + 12px);right:0;width:208px;margin:0;padding:8px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--menu-shadow)}
.theme-menu-heading{margin:6px 10px 9px;color:var(--muted);font-size:12px;letter-spacing:.03em}
.theme-option{display:flex;position:relative;align-items:center;gap:12px;min-height:46px;padding:10px;border-radius:10px;cursor:pointer;color:var(--ink);font-size:14px;line-height:1.5}
.theme-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.theme-option small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.theme-option:hover{background:var(--surface-hover)}
.theme-option:has(input:checked){background:var(--selection);color:var(--control-ink)}
.theme-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:1px}
.theme-check{margin-left:auto;opacity:0;font-size:16px}
.theme-option input:checked~.theme-check{opacity:1}
.theme-picker[open] .theme-menu{animation:appearance-enter .16s ease-out}
@keyframes appearance-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.header-actions{gap:24px}.brand-caption,.brand-slash{display:none}}
@media(max-width:700px){.header-actions{gap:16px}nav{gap:20px}.theme-picker summary{width:44px;padding:0}.theme-current,.theme-chevron{display:none}.theme-menu{width:202px}.theme-menu-heading{font-size:13px}.theme-option{min-height:48px}}
@media(max-width:400px){.header-actions{gap:10px}nav{gap:14px}.brand{gap:6px;font-size:17px}.brand-mark{font-size:25px}}
@media(max-width:350px){nav{gap:10px}nav a{font-size:13px}.header-actions{gap:7px}.brand{font-size:16px}.brand-mark{font-size:23px}}

:root[data-theme="dark"] ::selection{background:var(--lime);color:#182115}
:root[data-theme="dark"] :is(a,button):focus-visible{outline-color:var(--focus)}
:root[data-theme="dark"] .brand-slash{color:#526257}
:root[data-theme="dark"] :is(.hero-description,.project-meta p,.about-copy>p,.dialog-inner>p){color:#aab6ad}
:root[data-theme="dark"] :is(.aside-caption,.hero-bottom,.section-count,.sample-label,.project-meta h3>span,.site-footer,.about-signoff){color:#95a59a}
:root[data-theme="dark"] h1 .period{color:var(--lime)}
:root[data-theme="dark"] .underline path{stroke:#4c6731}
:root[data-theme="dark"] .idea-asterisk{color:#d1e9b6}
:root[data-theme="dark"] .idea-orbit{border-color:#3a4c3f}
:root[data-theme="dark"] .primary-link{background:var(--lime);color:#182115}
:root[data-theme="dark"] .primary-link:hover{background:#d9f7a7}
:root[data-theme="dark"] .skip-link{background:var(--lime);color:#182115}
:root[data-theme="dark"] .focus-preview{background:#1c2c39;box-shadow:inset 0 0 0 1px #324553}
:root[data-theme="dark"] .notes-preview{background:#2a2439;box-shadow:inset 0 0 0 1px #403750}
:root[data-theme="dark"] :is(.preview-corner,.preview-bottom){color:#9cbbd1}
:root[data-theme="dark"] .notes-preview :is(.preview-corner,.preview-bottom){color:#baaacf}
:root[data-theme="dark"] .preview-open{border-color:#7a8a995e;color:#d5dfe7}
:root[data-theme="dark"] .project-preview:hover .preview-open{background:var(--lime);border-color:var(--lime);color:#182115}
:root[data-theme="dark"] .focus-window{background:#1c2823;border-color:#415448;color:#e1ece3;box-shadow:0 20px 45px #090f194d}
:root[data-theme="dark"] .mini-window-head{border-color:#35493d}
:root[data-theme="dark"] .mini-window-head i{background:#5c7062}
:root[data-theme="dark"] .focus-topline{color:#a9b9ad}
:root[data-theme="dark"] .focus-topline>span:last-child{color:#c6e89a}
:root[data-theme="dark"] .timer-dial::before{border-color:#394d3d;border-top-color:#b7d993;border-right-color:#b7d993}
:root[data-theme="dark"] .timer-dial small{color:#a5ba9d}
:root[data-theme="dark"] .timer-action{background:#c2dfa3;color:#1b2a1c}
:root[data-theme="dark"] .focus-app-footer{color:#a5b7a8}
:root[data-theme="dark"] .focus-app-footer>span:first-child{color:#dbedce}
:root[data-theme="dark"] .note-app-heading{color:#e4dcef}
:root[data-theme="dark"] .note-icon{background:#514167;border-color:#766086;color:#eadcfb}
:root[data-theme="dark"] .note-app-caption{color:#baabcd}
:root[data-theme="dark"] .note-sheet{background:#302a3d;border-color:#51465f;box-shadow:0 15px 35px #130c2440;color:#ece4f5}
:root[data-theme="dark"] :is(.note-date,.note-sheet p){color:#c1b6cc}
:root[data-theme="dark"] .note-bottom{color:#c4adda}
:root[data-theme="dark"] .note-behind{background:#352d455c;border-color:#514660;color:#bfb1cc}
:root[data-theme="dark"] .project-category{border-color:#3a4a3f;color:#a7b9aa}
:root[data-theme="dark"] .tools-panel{background:#202c23;box-shadow:inset 0 0 0 1px #3a4c34;color:#e5eedf}
:root[data-theme="dark"] .tools-copy :is(.eyebrow,p:not(.eyebrow)){color:#b3c4ad}
:root[data-theme="dark"] .coming-soon{border-color:#5b704a;color:#d0e6b7}
:root[data-theme="dark"] .tool-decoration{color:var(--lime)}
:root[data-theme="dark"] .tool-decoration>span:first-child,:root[data-theme="dark"] .tool-decoration>span:last-child{color:#52694a}
:root[data-theme="dark"] .tool-list>a{background:#1a241e}
:root[data-theme="dark"] .tool-list>a:hover{background:#293629}
:root[data-theme="dark"] .generic-preview{background:#253927;color:#d3e7c6}
:root[data-theme="dark"] .about-copy .about-note{color:#d0dec9}
:root[data-theme="dark"] .small-asterisk{color:var(--lime)}
:root[data-theme="dark"] dialog{background:#1a231e;border-color:#3a4a3e;box-shadow:0 30px 100px #0007}
:root[data-theme="dark"] dialog::backdrop{background:#070e0aad}
:root[data-theme="dark"] .dialog-close{background:#303d32}
:root[data-theme="dark"] .dialog-tags>span{background:#2b3c2a;color:#d2e7b9}
:root[data-theme="dark"] .dialog-inner .dialog-notice{background:#263228;color:#b8c8b7}
:root[data-theme="dark"] .dialog-back{border-color:#60765a}
@media(prefers-reduced-motion:reduce){.theme-picker[open] .theme-menu{animation:none}}

/* Vector symbols retain their monochrome appearance on iOS and Android. */
.site-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-icon-asterisk{stroke-width:2.6;stroke-linecap:butt}
:is(.brand-mark,.idea-asterisk,.tool-asterisk,.small-asterisk,.island-outro-mark)>.site-icon{display:block}