@charset "UTF-8";
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-latin-200-normal.woff2') format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#111418;--card:#171b21;--ink:#efede6;--muted:#a8a8ad;--line:#343941;--accent:#a0adff;--green:var(--accent);--sage:#252c43;--sans:Inter,Arial,sans-serif;--display:Montserrat,Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;padding:22px;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1360px;padding:0 48px;margin:auto}.skip{position:fixed;top:-100px;left:28px;z-index:999;background:var(--accent);color:var(--paper);padding:15px}.skip:focus{top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* A continuous, fine typographic frame. It never sits over reading or input areas. */
.motion-frame{position:fixed;inset:0;z-index:40;pointer-events:none;color:var(--accent);font:7px/12px var(--mono);letter-spacing:1.8px;background:transparent}.edge{position:absolute;overflow:hidden;opacity:.78;background:var(--paper)}.edge-top,.edge-bottom{left:22px;right:22px;height:12px}.edge-top{top:4px}.edge-bottom{bottom:4px}.ticker-track{display:flex;width:max-content;animation:frame-x 62s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:34px;min-width:calc(100vw - 44px);flex-shrink:0;padding-right:34px}.ticker-group>span{white-space:nowrap}.ticker-group i{font-style:normal;margin-left:25px}.edge-bottom .ticker-track{animation-direction:reverse}.edge-left,.edge-right{top:22px;bottom:22px;width:12px}.edge-left{left:4px}.edge-right{right:4px}.edge-left .ticker-track,.edge-right .ticker-track{width:12px;height:max-content;flex-direction:column;animation-name:frame-y}.edge-left .ticker-track{animation-direction:reverse}.edge-left .ticker-group,.edge-right .ticker-group{min-width:0;min-height:calc(100dvh - 44px);width:12px;flex-direction:column;gap:28px;padding:0 0 28px}.edge-left .ticker-group>span,.edge-right .ticker-group>span{writing-mode:vertical-rl}.motion-paused .ticker-track{animation-play-state:paused}@keyframes frame-x{to{transform:translateX(-50%)}}@keyframes frame-y{to{transform:translateY(-50%)}}
.topbar{height:100px;max-width:1456px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px;white-space:nowrap;font:200 28px/1.2 var(--display);letter-spacing:-.8px}.brand small{display:block;margin-top:9px;font:9px/1.3 var(--sans);letter-spacing:3px;color:var(--muted)}.mark{position:relative;display:inline-block;flex:none;width:28px;height:29px;border-left:1px solid var(--ink);border-top:1px solid var(--ink);margin-right:6px}.mark:after{content:'';position:absolute;right:-10px;bottom:-6px;width:27px;height:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--accent)}.topbar nav{display:flex;gap:27px;font:10px var(--mono)}.topbar nav a:hover,.text-link:hover{color:var(--accent)}#saved-count{color:var(--accent);margin-left:3px;font-size:9px}.header-actions{display:flex;align-items:center;gap:24px}.motion-toggle{display:flex;align-items:center;gap:8px;background:none;border:0;padding:9px 0;color:var(--muted);font:8px var(--mono)}.motion-toggle:hover{color:var(--ink)}.motion-icon{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 21px;border:1px solid var(--line);border-radius:0;font:10px/1.5 var(--mono);min-height:47px;transition:background .18s,color .18s,border-color .18s}.dark{background:var(--ink);border-color:var(--ink);color:var(--paper)}.dark:hover{background:var(--accent);border-color:var(--accent)}.outline{background:transparent;color:var(--ink)}.outline:hover{border-color:var(--accent);color:var(--accent)}.text-link{font:10px var(--mono);border-bottom:1px solid var(--line);padding-block:5px}.text-link span{margin-left:20px}.eyebrow{font:10px/1.8 var(--mono);color:var(--accent);letter-spacing:1.1px;margin:0 0 30px}.dot{display:inline-block;width:5px;height:5px;margin-right:12px;background:var(--accent)}.tiny{font:8px/1.6 var(--mono);letter-spacing:1.2px}
.hero{display:grid;grid-template-columns:1.17fr 1fr;align-items:center;gap:40px;padding-top:66px;padding-bottom:62px;min-height:740px}.hero h1{font:300 clamp(62px,6.9vw,106px)/1.06 var(--display);letter-spacing:-4.8px;margin:0 0 28px}.hero h1 em,h2 em{font-style:normal;color:var(--accent);font-weight:inherit}.lede{font-size:13px;line-height:1.85;color:var(--muted);max-width:390px;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.author-line{margin:32px 0 0;font-size:10px;color:var(--muted)}.author-line strong{font-weight:400;color:var(--ink)}.author-line span{display:block;margin-top:3px;font-size:9px}.hero-art{position:relative;min-width:0;min-height:550px;display:flex;align-items:center;justify-content:center;isolation:isolate;border:1px solid var(--line);margin:0 5px 0 0;background:linear-gradient(130deg,#1b1f2a66,transparent 65%)}.hero-art:before,.hero-art:after{content:'';position:absolute;width:13px;height:13px;border-color:var(--accent);border-style:solid;z-index:3}.hero-art:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hero-art:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.hero-amp{position:absolute;left:0;right:0;text-align:center;top:14px;font:200 480px/1.1 var(--display);color:#2d344f;opacity:.7;z-index:-1;user-select:none}.hero-book{display:block;position:relative;width:63%;max-width:305px;margin:5px 0 0;transform:rotate(-5deg);border:1px solid #4c5362;box-shadow:13px 20px 0 -1px #111418,13px 20px 0 0 #343941,0 25px 45px #0005;transition:transform .25s}.hero-book:hover{transform:rotate(-2deg) translateY(-6px)}.hero-book img{width:100%}.book-open{background:var(--accent);color:var(--paper);font:8px/1.6 var(--mono);letter-spacing:.5px;display:flex;justify-content:space-between;padding:12px 15px}.book-open span{font-size:14px;line-height:1}.art-coordinate{position:absolute;font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.art-coordinate.top{top:20px;left:22px}.art-coordinate.side{right:13px;top:115px;writing-mode:vertical-rl;font-size:7px}.art-foot{position:absolute;bottom:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:7px/1.7 var(--mono);letter-spacing:.3px;color:var(--muted)}.crosshair{font:200 36px var(--display);color:var(--accent);margin-right:auto}.art-foot>span:nth-child(2){margin-right:auto}.art-foot>span:last-child{color:var(--accent)}
.newsletter-strip{border-block:1px solid var(--line)}.newsletter-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:21px;padding-bottom:21px}.newsletter-strip p{margin:0;font-size:11px}.newsletter-strip .tiny{margin-right:25px;color:var(--accent)}.newsletter-strip a{font:9px var(--mono)}.newsletter-strip a span{margin-left:20px;color:var(--accent)}
.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:16px}h2{font:300 47px/1.15 var(--display);letter-spacing:-1.8px;margin:0 0 20px}.section-heading p:not(.eyebrow),.tools-section p:not(.eyebrow),.about p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0;max-width:470px}.search{display:flex;align-items:center;gap:12px;min-width:235px;border-bottom:1px solid var(--line);padding-bottom:12px}.search svg{fill:none;stroke:var(--accent);stroke-width:1.2}.search input{width:100%;min-width:0;border:0;background:none;color:var(--ink);font:10px var(--mono)}input::placeholder,textarea::placeholder{color:#898b96;opacity:1}.filters{display:flex;gap:8px;margin-bottom:35px;flex-wrap:wrap}.filters button{padding:9px 15px;border:1px solid var(--line);background:none;color:var(--muted);font:9px var(--mono)}.filters button.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.filters button:hover{border-color:var(--accent)}.collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.card{min-width:0}.card-art{height:284px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);background:#191e27}.card-art.blue{background:#1b2030}.card-art.green{background:#191e26}.card-art.sand{background:#222329}.card-art:before{content:'+';position:absolute;top:6px;left:10px;color:#626c8f;font:200 16px var(--display)}.card-art:hover{border-color:#6875b4}.card-art .corner{position:absolute;bottom:12px;right:12px;font:8px var(--mono);color:var(--accent)}.pdf-cover{width:160px;transform:rotate(-5deg);border:1px solid #444c5d;box-shadow:7px 9px 0 #111418;transition:transform .2s}.card-art:hover .pdf-cover,.card-art:hover .cover{transform:rotate(0) translateY(-5px)}.cover{position:relative;width:155px;height:214px;padding:17px 15px;background:#111418;color:var(--ink);border:1px solid #535d78;box-shadow:7px 9px 0 #111418;transform:rotate(4deg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.cover .tiny{font-size:6px;letter-spacing:.4px;color:var(--accent)}.cover strong{font:300 22px/1.13 var(--display);letter-spacing:-.8px}.cover em{font:300 15px/1.2 var(--display);font-style:normal;color:var(--muted)}.tool-symbol{position:relative;width:150px;height:173px;border:1px solid #6875aa;padding:18px 15px;background:#111418;transform:rotate(-4deg)}.tool-symbol:before{content:'01 / 02';font:8px var(--mono);letter-spacing:2px;color:var(--accent)}.tool-symbol .tool-line{height:3px;background:#3f4965;margin:18px 0;width:80%}.tool-symbol .tool-line:nth-child(3){width:60%;background:var(--accent)}.tool-symbol .tool-line:nth-child(4){width:90%}.tool-symbol .tool-line:nth-child(5){width:45%}.tool-symbol.notes{transform:rotate(4deg);border-color:#6a6c7b}.tool-symbol.notes .tool-line{height:1px;background:#6a6c7b;margin:22px 0;width:100%}.card-info{padding-top:16px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;font:7px/1.5 var(--mono);letter-spacing:.5px;color:var(--muted);min-height:30px;margin-bottom:8px}.save-button{width:32px;height:32px;flex:none;background:none;border:1px solid transparent;color:var(--muted);font-size:23px;line-height:1;padding:3px}.save-button[aria-pressed=true]{color:var(--accent)}.save-button:hover{border-color:var(--line)}.card h3{font:400 15px/1.5 var(--display);letter-spacing:-.2px;margin:0 0 9px}.card p{font-size:11px;color:var(--muted);line-height:1.75;margin:0 0 14px}.card-link{font:9px var(--mono);color:var(--accent);text-decoration:underline;text-underline-offset:5px}.empty{font-size:12px;padding:25px;border:1px dashed var(--line);color:var(--muted)}
.tools-section{padding:78px 0;border-block:1px solid var(--line);background:#151920}.tool-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.tools-section h2{position:relative;font-size:69px;letter-spacing:-3px;line-height:1.08}.heading-arrow{display:inline-block;color:var(--accent);margin-left:14px;font-weight:200;font-size:62px}.tools-section .button{margin-top:28px}.workflow-step{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:20px 0}.workflow-step:first-child{padding-top:0}.workflow-step>span{font:10px var(--mono);color:var(--accent);padding-top:4px}.workflow-step h3{font:400 16px/1.3 var(--display);margin:0 0 8px}.workflow-step p{font-size:11px!important}.workflow .boundary{font-size:9px!important;line-height:1.8;margin-top:24px!important}.saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.saved-grid .card-art{height:230px}.saved-grid .pdf-cover{width:130px}.saved-grid .cover{width:130px;height:180px;padding:16px 13px}.saved-grid .cover strong{font-size:18px}.saved-grid .tool-symbol{transform:scale(.85) rotate(-4deg)}.saved-grid .empty{grid-column:1/-1;margin:0}.notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.note-card{border:1px solid var(--line);background:var(--card);padding:24px;margin-top:28px}.note-card h3{font:300 23px/1.2 var(--display);overflow-wrap:anywhere;margin:14px 0}.note-card p{font-size:11px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.note-card .tiny{color:var(--accent);font-size:8px}.note-actions{display:flex;gap:18px;margin-top:20px}.note-actions button{background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:4px;color:var(--accent);font:9px var(--mono)}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-top:75px;padding-bottom:75px;border-top:1px solid var(--line)}.about p:not(.eyebrow){margin-bottom:20px}.about .text-link{display:inline-block;margin-top:8px}.closing{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}.closing h2{font-size:68px;letter-spacing:-3px}.closing>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:20px 0}.closing .small{font-size:9px!important;max-width:410px}.closing .button{margin-top:10px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:32px}.footer .brand{font-size:25px}.footer .mark{transform:scale(.75);margin-right:0}.footer p{font-size:9px;color:var(--muted);line-height:1.8}.footer button{font:9px/1.7 var(--mono);padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.mobile-nav{display:none}
dialog{border:1px solid #596381;border-radius:0;background:var(--card);color:var(--ink);width:min(640px,calc(100% - 40px));max-height:calc(100dvh - 48px);overflow:auto;padding:32px;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#080b11cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:15px}.dialog-heading h2{font-size:32px;letter-spacing:-1px}.dialog-heading .eyebrow{margin-bottom:7px}.icon-button{background:none;border:0;font:300 30px var(--display);padding:0 5px;color:var(--muted)}dialog label{display:block;font:10px var(--mono);margin-top:20px}dialog input:not([type=hidden]),dialog textarea{display:block;width:100%;margin-top:9px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:0;font:12px/1.6 var(--sans);color:var(--ink)}dialog textarea{resize:vertical}dialog .small{font-size:11px;color:var(--muted)}.dialog-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}#info-body p,#info-body li{font-size:12px;color:var(--muted)}#info-body .export-text{width:100%;font:11px/1.6 var(--mono);padding:13px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--accent);color:var(--paper);padding:13px 22px;font-size:11px;z-index:100;transition:opacity .2s,transform .2s;max-width:calc(100vw - 55px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{min-height:790px}.hero-art{min-height:600px}.hero-book{max-width:330px}.hero h1{font-size:106px}}
@media(max-width:1100px){.topbar{padding-inline:32px;gap:20px}.brand{font-size:25px}.brand small{font-size:8px;letter-spacing:2.3px}.topbar nav{gap:19px}.header-actions{gap:18px}.motion-label{display:none}.wrap{padding-inline:32px}.hero{gap:30px;min-height:690px}.hero h1{font-size:75px;letter-spacing:-3.8px}.hero-art{min-height:500px}.hero-amp{font-size:385px;top:55px}.art-foot{left:17px;right:17px}.art-foot>span:nth-child(2){font-size:6px}.collection,.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.card-art{height:330px}.pdf-cover{width:190px}.cover{width:184px;height:253px;padding:23px 20px}.cover strong{font-size:25px}.cover em{font-size:18px}.cover .tiny{font-size:7px}.tool-grid,.about{gap:55px}.tools-section h2{font-size:59px}.heading-arrow{font-size:50px}.notes-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body{padding:17px}.motion-frame{font-size:6px;letter-spacing:1.3px}.edge-top,.edge-bottom{left:17px;right:17px}.edge-top{top:2px}.edge-bottom{bottom:2px}.edge-left,.edge-right{top:17px;bottom:17px;width:9px}.edge-left{left:2px}.edge-right{right:2px}.ticker-group{min-width:calc(100vw - 34px)}.edge-left .ticker-track,.edge-right .ticker-track,.edge-left .ticker-group,.edge-right .ticker-group{width:9px}.edge-left .ticker-group,.edge-right .ticker-group{min-height:calc(100dvh - 34px)}.topbar{height:83px;padding:0 18px;gap:14px}.brand{font-size:23px;gap:13px;letter-spacing:-.7px}.brand small{font-size:6px;letter-spacing:2px;margin-top:6px}.mark{width:21px;height:22px;margin-right:4px}.mark:after{width:21px;height:22px;right:-7px;bottom:-5px}.topbar nav{display:none}.header-actions{gap:14px}.motion-toggle{padding:12px 2px}.motion-icon{font-size:12px}.subscribe-link{font-size:0;min-height:0;padding:9px 11px;gap:0}.subscribe-link span{font-size:17px}.wrap{padding-inline:20px}.hero{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:40px;min-height:0}.hero h1{font-size:clamp(47px,12.5vw,78px);letter-spacing:-2.8px;margin-bottom:24px}.eyebrow{font-size:7px;letter-spacing:.65px;margin-bottom:24px}.dot{width:4px;height:4px;margin-right:7px}.lede{font-size:12px;line-height:1.8;max-width:360px;margin-bottom:25px}.hero-actions{gap:20px}.hero-actions .button{font-size:9px;padding:12px 15px;gap:20px}.hero-actions .text-link{font-size:8px}.hero-actions .text-link span{margin-left:8px}.author-line{font-size:9px;margin-top:27px}.author-line span{font-size:8px}.hero-art{min-height:440px;margin:0}.hero-amp{font-size:340px;top:38px}.hero-book{width:65%;max-width:225px}.book-open{font-size:6px;padding:10px 12px}.art-coordinate.top{font-size:7px;top:16px;left:17px}.art-coordinate.side{font-size:6px;right:10px;top:100px}.art-foot{bottom:15px;left:16px;right:16px;gap:10px;font-size:6px}.art-foot>span:nth-child(2){font-size:6px}.crosshair{font-size:29px}.newsletter-strip .wrap{display:block;padding-block:20px}.newsletter-strip p{font-size:10px}.newsletter-strip .tiny{display:block;font-size:7px;margin-bottom:8px}.newsletter-strip a{display:block;margin-top:11px;font-size:8px;line-height:1.8}.section{padding-block:50px}.section-heading{display:block;margin-bottom:26px}h2{font-size:35px;letter-spacing:-1.6px}.section-heading p:not(.eyebrow){font-size:11px}.search{min-width:0;margin-top:25px;padding-bottom:13px}.filters{gap:5px;margin-bottom:25px}.filters button{font-size:8px;padding:8px 10px}.collection,.saved-grid{gap:30px 14px}.card-art{height:215px}.pdf-cover{width:125px}.cover{width:120px;height:169px;padding:15px 12px}.cover strong{font-size:18px;letter-spacing:-.7px}.cover em{font-size:13px}.cover .tiny{font-size:5px;letter-spacing:.25px}.tool-symbol{transform:scale(.75) rotate(-4deg);flex-shrink:0}.tool-symbol.notes{transform:scale(.75) rotate(4deg)}.card-art .corner{font-size:6px;bottom:9px;right:9px}.card-meta{font-size:6px;letter-spacing:0;gap:0;margin-bottom:6px}.card-info{padding-top:12px}.save-button{font-size:21px;width:27px;height:30px}.card h3{font-size:12px;line-height:1.5}.card p{font-size:10px;line-height:1.7}.card-link{font-size:8px;line-height:1.8}.tool-grid,.about{grid-template-columns:1fr;gap:35px}.tools-section{padding-block:50px}.tools-section h2{font-size:53px;letter-spacing:-2.4px}.heading-arrow{font-size:46px}.tools-section p:not(.eyebrow){font-size:11px}.workflow-step{gap:20px;padding:18px 0}.workflow-step h3{font-size:15px}.workflow-step p{font-size:10px!important}.workflow .boundary{font-size:8px!important}.saved-grid .card-art{height:210px}.saved-grid .pdf-cover{width:120px}.saved-grid .cover{width:120px;height:169px;padding:15px 12px}.saved-grid .cover strong{font-size:18px}#new-note{margin-top:21px}.notes-list{grid-template-columns:1fr;gap:0}.note-card{padding:20px}.about{padding-block:50px}.about p:not(.eyebrow){font-size:11px}.closing{padding-block:50px}.closing h2{font-size:42px;letter-spacing:-2.2px}.closing>p:not(.eyebrow){font-size:11px}.closing .small{font-size:8px!important}.footer{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-block:27px 95px}.footer .brand{font-size:21px;gap:10px}.footer p,.footer button{font-size:7px}.footer button{text-align:left}.mobile-nav{position:fixed;display:flex;left:17px;right:17px;bottom:17px;z-index:30;justify-content:space-around;background:#111418f5;border:1px solid var(--line);padding:11px 8px calc(11px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px;font:7px var(--mono);color:var(--muted)}.mobile-nav span{font-size:19px;line-height:1.1;color:var(--accent)}dialog{padding:23px;max-height:calc(100dvh - 44px)}.dialog-heading h2{font-size:28px}.dialog-actions .button{font-size:8px;padding:12px}.toast{bottom:110px}}
@media(max-width:370px){.brand{font-size:20px}.header-actions{gap:7px}.topbar{padding-inline:14px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-actions{gap:15px}.hero-art{min-height:405px}.card-art{height:190px}.pdf-cover{width:107px}.cover{width:107px;height:150px;padding:13px 11px}.cover strong{font-size:16px}.cover em{font-size:11px}.tool-symbol{transform:scale(.66) rotate(-4deg)}.tool-symbol.notes{transform:scale(.66) rotate(4deg)}.filters button{font-size:7px;padding:8px}.closing h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ticker-track{will-change:auto}}

/* Email signup stays within the existing editorial palette. */
.subscribe-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;scroll-margin-top:40px}
.subscribe-copy>p:not(.eyebrow){max-width:490px;color:var(--muted);font-size:13px;margin:22px 0}
.subscribe-copy .small{font-size:10px!important;line-height:1.8}
.email-signup{background:var(--card);border:1px solid var(--line);padding:34px}
.email-signup h3{font:300 29px/1.3 var(--display);letter-spacing:-1px;margin:0 0 20px}
.email-signup>p:not(.eyebrow){font-size:12px;color:var(--muted)}
.email-signup .small{max-width:none;font-size:10px!important;margin-top:18px;line-height:1.7}
.email-signup a:not(.button){text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
.email-signup .button:disabled{opacity:.65;cursor:wait}
#email-form-host:empty{display:none}
#email-form-host .formkit-form{margin:22px 0 0!important;max-width:100%!important;min-width:0!important}
@media(max-width:900px){.subscribe-section{gap:36px}.email-signup{padding:24px}}
@media(max-width:760px){.subscribe-section{grid-template-columns:1fr;gap:30px}.email-signup{padding:24px 20px}.email-signup h3{font-size:25px}.subscribe-copy>p:not(.eyebrow){font-size:12px}}