:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--ink: #1a1a1a;--ink-soft: rgba(26, 26, 26, .06);--muted: #555555;--faint: #999999;--border: #e8e8e8;--accent: #d97757;--accent-ink: #ae5f46;--accent-soft: #fbeee8;--danger: #a33d32;--warning: #8a651e;--success: #3f6c50;--info: #48677a;--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Segoe UI", "Noto Sans SC", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: clamp(1.75rem, 3vw, 2.75rem);--text-2xl: clamp(2.75rem, 7vw, 5.75rem);--lh-tight: 1.08;--lh-body: 1.6;--space-1: .375rem;--space-2: .75rem;--space-3: 1.125rem;--space-4: 1.5rem;--space-5: 2.25rem;--space-6: 3.5rem;--space-7: 5.5rem;--content-max: 820px;--radius-sm: .45rem;--radius-md: 1.125rem;--radius-lg: 18px;--grid-size: 36px;--shadow-none: none;--shadow-lift: 0 3px 6px rgba(26, 26, 26, .05), 0 26px 48px -18px rgba(26, 26, 26, .16);--shadow-near: 0 3px 6px rgba(26, 26, 26, .05), 0 18px 36px -18px rgba(26, 26, 26, .18);--dur-1: .16s;--dur-2: .28s;--ease-out: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:1rem;z-index:2;padding:.5rem .75rem;color:var(--surface);background:var(--ink);transform:translateY(-160%);transition:transform var(--dur-1) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.shell{position:relative;z-index:1;min-height:100vh}.atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.atmosphere-paper,.atmosphere-clouds,.atmosphere-amb,.atmosphere-halo,.atmosphere-specks{position:absolute;inset:0}.atmosphere-paper{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M18 14.5 V21.5 M14.5 18 H21.5' stroke='%23b0a6a1' stroke-width='1' opacity='.30'/%3E%3C/svg%3E");background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,rgba(0,0,0,.25) 100%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 55%,#00000040)}.atmosphere-clouds{inset:-10%}.atmosphere-clouds i{position:absolute;display:block;border-radius:50%;background:radial-gradient(closest-side,rgba(150,140,132,.055),rgba(150,140,132,.022) 55%,transparent 78%);filter:blur(18px)}.atmosphere-clouds i:nth-child(1){width:46vw;height:30vw;left:-6%;top:8%;animation:atmosphere-cloud-a 60s ease-in-out infinite alternate}.atmosphere-clouds i:nth-child(2){width:38vw;height:26vw;right:-4%;top:42%;animation:atmosphere-cloud-b 78s ease-in-out infinite alternate}.atmosphere-clouds i:nth-child(3){width:52vw;height:24vw;left:22%;bottom:4%;animation:atmosphere-cloud-a 66s ease-in-out infinite alternate-reverse}@keyframes atmosphere-cloud-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vw,-3vh,0) scale(1.12)}}@keyframes atmosphere-cloud-b{0%{transform:translateZ(0) scale(1.06)}to{transform:translate3d(-5vw,4vh,0) scale(1)}}.atmosphere-amb{background:radial-gradient(420px 300px at 92% 4%,rgba(217,119,87,.035),transparent 70%),radial-gradient(460px 320px at 4% 98%,rgba(217,119,87,.028),transparent 70%)}.atmosphere-halo,.atmosphere-grid-lit{inset:0 auto auto 0;opacity:0;transition:opacity .5s ease;will-change:transform;transform:translate3d(-9999px,-9999px,0)}.atmosphere-halo{width:680px;height:680px;margin:-340px 0 0 -340px;border-radius:50%;background:radial-gradient(closest-side,rgba(120,158,235,.11),rgba(233,180,76,.05) 46%,transparent 72%)}.atmosphere-grid-lit{width:460px;height:460px;margin:-230px 0 0 -230px;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M18 14.5 V21.5 M14.5 18 H21.5' stroke='%235a7ec2' stroke-width='1.1' opacity='.6'/%3E%3C/svg%3E");background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:radial-gradient(closest-side,#000 20%,transparent 75%);mask-image:radial-gradient(closest-side,#000 20%,transparent 75%)}.atmosphere-lit .atmosphere-halo{opacity:1}.atmosphere-lit .atmosphere-grid-lit{opacity:.8}.atmosphere-specks i{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;background:#d97757e6;box-shadow:0 0 8px 2px #d9775759;animation:atmosphere-twinkle var(--speck-duration, 11s) linear var(--speck-delay, 0s) infinite}.atmosphere-specks i:nth-child(1){left:14%;top:24%;--speck-duration: 10s;--speck-delay: -1.5s}.atmosphere-specks i:nth-child(2){left:38%;top:12%;--speck-duration: 13s;--speck-delay: -6s}.atmosphere-specks i:nth-child(3){left:64%;top:30%;--speck-duration: 9s;--speck-delay: -4s}.atmosphere-specks i:nth-child(4){left:86%;top:18%;--speck-duration: 12s;--speck-delay: -8s}.atmosphere-specks i:nth-child(5){left:24%;top:66%;--speck-duration: 11s;--speck-delay: -3s}.atmosphere-specks i:nth-child(6){left:52%;top:78%;--speck-duration: 14s;--speck-delay: -9s}.atmosphere-specks i:nth-child(7){left:76%;top:62%;--speck-duration: 10s;--speck-delay: -5.5s}.atmosphere-specks i:nth-child(8){left:8%;top:46%;--speck-duration: 12s;--speck-delay: -7s}@keyframes atmosphere-twinkle{0%,to{opacity:0;transform:scale(.5)}3%{opacity:.8;transform:scale(1)}7%{opacity:.22}10%{opacity:0;transform:scale(.6)}}.reveal-armed{opacity:0;transform:translateY(24px)}.reveal-in{opacity:1;transform:none;transition:opacity .72s var(--ease-out),transform .72s var(--ease-out)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--content-max);margin:0 auto;padding:34px 0 0}.wordmark{display:inline-flex;align-items:baseline;gap:.5rem;text-decoration:none}.wordmark strong{font-size:var(--text-md);font-weight:500;letter-spacing:.12em}.wordmark strong:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;vertical-align:2px;border-radius:50%;background:var(--accent)}.wordmark small{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.topnav{display:flex;gap:1.35rem;color:var(--muted);font-size:var(--text-sm)}.topnav a{text-decoration:none}.topnav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:.35rem}.account-link{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:none;white-space:nowrap}.account-link[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3rem}@media(hover:hover)and (pointer:fine){.topnav a:hover,.account-link:hover{color:var(--ink)}}.main{max-width:var(--content-max);margin:0 auto;padding:8vh 0 5rem}.eyebrow{margin:0 0 var(--space-3);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:var(--space-4);font-size:clamp(3.375rem,10.5vw,7.25rem);font-weight:800;line-height:.92;letter-spacing:-.048em}h2{margin-bottom:var(--space-3);font-size:var(--text-xl);line-height:var(--lh-tight);letter-spacing:-.045em}h3{margin-bottom:var(--space-2);font-size:var(--text-lg);line-height:1.25}.lede{max-width:42rem;margin-bottom:var(--space-6);color:var(--muted);font-size:var(--text-lg)}.section{padding:var(--space-6) 0;border-top:1px solid var(--border)}.section:first-of-type{border-top:0}.section-head{display:flex;justify-content:space-between;gap:var(--space-4);align-items:baseline;margin-bottom:var(--space-4)}.section-head p{margin:0;color:var(--muted);font-size:var(--text-sm)}.specimen-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.specimen{position:relative;grid-column:span 4;min-height:12rem;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffdb;transition:border-color .6s var(--ease-out),box-shadow .6s var(--ease-out),transform .28s var(--ease-out)}@media(hover:hover)and (pointer:fine){.specimen:hover{border-color:#d5d5d5;transform:translateY(-4px);box-shadow:var(--shadow-lift)}}.specimen.wide{grid-column:span 8}[data-spotlight]{--sx: 50%;--sy: 50%}[data-spotlight]:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(200px circle at var(--sx) var(--sy),rgba(255,255,255,.55),transparent 62%),radial-gradient(240px circle at var(--sx) var(--sy),rgba(217,119,87,.16),transparent 72%);opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out)}[data-spotlight]>*{position:relative;z-index:1}@media(hover:hover)and (pointer:fine){[data-spotlight]:hover:before{opacity:1}}.specimen:has(:focus-visible),a.specimen:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-near)}@media(prefers-reduced-motion:reduce){[data-spotlight]:before{display:none}}a.specimen{display:block;color:inherit;text-decoration:none}a.specimen .go{position:absolute;right:22px;top:24px;color:var(--faint);font-size:.95rem;transition:transform .5s var(--ease-out),color .4s var(--ease-out)}@media(hover:hover)and (pointer:fine){a.specimen:hover .go,a.specimen:focus-visible .go{transform:translate(6px);color:var(--ink)}a.specimen:hover .mark,a.specimen:focus-visible .mark{background-size:100% .22em}}.mark{width:fit-content;max-width:100%;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 88%;background-size:0% .22em;transition:background-size .42s var(--ease-out)}.blob{position:relative;display:block;width:clamp(82px,12vw,120px);aspect-ratio:1;color:var(--ink);animation:blob-breathe 5.4s ease-in-out infinite}.blob svg{display:block;width:100%;height:100%}.blob-eye{transform-box:fill-box;transform-origin:center;animation:blob-blink 4.6s infinite;filter:drop-shadow(0 0 2.5px rgba(255,255,255,.95))}.blob-eye+.blob-eye{animation-delay:.05s}.blob-orbit{position:absolute;inset:-10px;display:block;pointer-events:none;animation:blob-orbit 9s linear infinite}.blob-orbit:after{content:"";position:absolute;top:-3.5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 1px #d9775761}@keyframes blob-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}@keyframes blob-blink{0%,91%,to{transform:scaleY(1)}93.5%,96.5%{transform:scaleY(.14)}}@keyframes blob-orbit{to{transform:rotate(360deg)}}.os-hero{position:relative}.hero-blob{position:absolute;right:0;top:0;width:clamp(72px,10vw,104px)}.os-hero.has-blob{padding-right:8.5rem}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--space-3)}.swatch{display:grid;gap:.45rem;align-content:start}.swatch i{display:block;height:3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--swatch, transparent)}.swatch span{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.grid-sample{height:9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36'%3E%3Cpath d='M18 14.5 V21.5 M14.5 18 H21.5' stroke='%23b0a6a1' stroke-width='1' opacity='.30'/%3E%3C/svg%3E");background-size:var(--grid-size) var(--grid-size)}.specimen-label{margin-bottom:var(--space-4);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs)}.type-display{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:var(--lh-tight);letter-spacing:-.06em}.type-body{max-width:34ch;margin:0;color:var(--muted)}.rule{height:1px;margin:var(--space-4) 0;background:var(--border)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.1rem;border:1px solid var(--ink);border-radius:999px;color:var(--surface);background:var(--ink);cursor:pointer;text-decoration:none;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--border)}@media(hover:hover)and (pointer:fine){.button:hover{color:var(--ink);background:transparent;transform:translateY(-2px)}.button.secondary:hover{border-color:var(--ink)}}.field{display:grid;gap:.45rem}.field label{font-size:var(--text-sm)}.field input,.field textarea,.field select{width:100%;padding:.75rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.field textarea{min-height:6rem;resize:vertical}.form-status{min-height:1.5em;margin:0;color:var(--muted);font-size:var(--text-sm)}.form-status[data-kind=success]{color:var(--success)}.status{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;font-size:var(--text-sm)}.status:before{content:"";width:.45rem;height:.45rem;background:currentColor;border-radius:50%}.empty-list{padding:var(--space-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.footer{padding-top:var(--space-6);color:var(--muted);font-size:var(--text-sm)}.os-main,.public-main{padding-top:var(--space-7)}.os-hero{max-width:54rem;margin-bottom:var(--space-7)}.os-hero h1{margin-bottom:var(--space-3)}.os-grid,.detail-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.os-panel{position:relative;grid-column:span 4;min-height:13rem;padding:var(--space-5);background:var(--surface)}.os-panel-wide{grid-column:span 8}.os-panel h2{max-width:20ch;margin-bottom:var(--space-3)}.os-value{margin-bottom:var(--space-2);font-size:var(--text-lg);line-height:var(--lh-tight)}.empty-state{max-width:32ch;margin-bottom:var(--space-2);font-size:var(--text-lg);line-height:1.35}.note-record{padding:var(--space-3) 0;border-top:1px solid var(--border)}.note-record:first-child{padding-top:0;border-top:0}.note-record h3{margin-bottom:var(--space-1)}.project-record{padding:var(--space-3) 0;border-top:1px solid var(--border)}.project-record:first-child{padding-top:0;border-top:0}.project-record h3{margin-bottom:var(--space-1)}.project-record-link{position:relative;display:block;color:inherit;text-decoration:none}.project-record-link .go{position:absolute;right:0;top:var(--space-3);color:var(--faint);transition:transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.project-record-link:focus-visible .go{color:var(--ink);transform:translate(4px,-4px)}.project-record-link:focus-visible h3{color:var(--accent-ink)}@media(hover:hover)and (pointer:fine){.project-record-link:hover .go{color:var(--ink);transform:translate(4px,-4px)}.project-record-link:hover h3{color:var(--accent-ink)}}.empty-section,.public-index{padding:var(--space-6) 0;border-top:1px solid var(--border)}.empty-section h2{max-width:24ch}.public-index{max-width:48rem}.back-link{display:inline-block;margin-bottom:var(--space-6);color:var(--muted);font-size:var(--text-sm);text-underline-offset:.25rem}@media(hover:hover)and (pointer:fine){.back-link:hover{color:var(--ink)}}.detail-grid .os-panel{min-height:11rem}.auth-main{max-width:680px}.auth-hero{margin-bottom:var(--space-6)}.auth-hero h1{max-width:10ch}.auth-panel{padding:var(--space-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.auth-panel .section-head{align-items:flex-start}.auth-panel h2{margin-bottom:0}.auth-form{display:grid;gap:var(--space-3);max-width:31rem}.auth-form .button{justify-self:start;margin-top:var(--space-2)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);max-width:31rem;margin:var(--space-5) 0 var(--space-4);color:var(--faint);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-passkey{max-width:31rem}.auth-passkey .button{width:100%}.auth-passkey .button:disabled{opacity:.58;cursor:not-allowed}.auth-passkey .form-status{margin-top:var(--space-2)}.auth-bootstrap{max-width:31rem;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.auth-bootstrap summary{cursor:pointer;color:var(--muted);font-size:var(--text-sm)}.auth-bootstrap>p{max-width:45ch;margin:var(--space-3) 0;color:var(--muted);font-size:var(--text-sm)}.auth-bootstrap .auth-form{margin-top:var(--space-4)}.form-status[data-kind=error]{color:var(--danger)}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column;padding:22px 20px 0}.topnav{gap:var(--space-3);flex-wrap:wrap}.account-link{align-self:flex-start}.main{padding:7vh 20px 4rem}.specimen,.specimen.wide{grid-column:span 12;min-height:auto}.os-main,.public-main{padding-top:var(--space-6)}.os-hero{margin-bottom:var(--space-6)}.os-hero.has-blob{padding-right:0}.hero-blob{position:static;width:64px;margin-top:var(--space-4)}.os-panel,.os-panel-wide{grid-column:span 12;min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.atmosphere-clouds,.atmosphere-specks,.atmosphere-halo,.atmosphere-grid-lit{display:none}.blob,.blob-eye,.blob-orbit{animation:none!important}.mark{transition:none}.reveal-armed{opacity:1;transform:none}}