.persistent-app-nav-module__q01-7q__wrapper{z-index:40;pointer-events:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.persistent-app-nav-module__q01-7q__nav{pointer-events:auto;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 6px 24px #0000001f}.persistent-app-nav-module__q01-7q__link{color:var(--text-muted);transition:color .15s var(--ease-out), background .15s var(--ease-out);border-radius:999px;padding:10px 14px;font-size:.75rem;line-height:1;text-decoration:none}.persistent-app-nav-module__q01-7q__link:hover,.persistent-app-nav-module__q01-7q__linkActive{color:var(--text);background:var(--bg-muted)}@media (max-width:640px){.persistent-app-nav-module__q01-7q__wrapper{bottom:12px;left:12px;right:12px;transform:none}.persistent-app-nav-module__q01-7q__nav{justify-content:space-between;width:100%}.persistent-app-nav-module__q01-7q__link{text-align:center;flex:1;padding-inline:8px}}
:root[data-theme=light]{--bg:#fff;--bg-muted:#f4f4f5;--text:#09090b;--text-muted:#71717a;--text-placeholder:#a1a1aa;--border:#d4d4d8;--border-muted:#e4e4e7;--accent:#0501b2;--accent-fg:#0501b2;--accent-text:#fff;--green:#00c853;--green-light:#4ade80;--red:#ef4444;--amber:#f59e0b}:root[data-theme=dark]{--bg:#09090b;--bg-muted:#18181b;--text:#fafafa;--text-muted:#a1a1aa;--text-placeholder:#71717a;--border:#27272a;--border-muted:#1e1e21;--accent:#0501b2;--accent-fg:#fafafa;--accent-text:#fff;--green:#4ade80;--green-light:#4ade80;--red:#f87171;--amber:#fbbf24}:root{--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:8rem;--text-display:clamp(3rem, 8vw, 6rem);--text-h1:2rem;--text-subhead:1.125rem;--text-body:.875rem;--text-label:.75rem;--text-small:.6875rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.3s;--grid-gap:20px;--page-margin:20px;--max-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}::selection{background:var(--accent);color:var(--accent-text)}body{color:var(--text);background:var(--bg);font-family:Swiss721BT,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.4285;transition:background .2s,color .2s}.mono{font-family:SF Mono,Fira Code,Fira Mono,monospace}.page{max-width:1080px;margin:0 auto;padding:48px 24px 120px}.header{border-bottom:1px solid var(--text);justify-content:space-between;align-items:flex-end;margin-bottom:0;padding-bottom:32px;display:flex}.header-title{letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.05}.header-right{align-items:center;gap:24px;display:flex}.header-meta{color:var(--text-muted);gap:24px;font-size:.6875rem;display:flex}.theme-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--text)}.theme-toggle svg{width:16px;height:16px}.divider{align-items:center;gap:16px;margin:56px 0 28px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.divider-num{color:var(--accent-fg);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.divider-text{color:var(--text-muted);white-space:nowrap;font-size:.875rem;font-weight:400}.section-title{margin-bottom:28px;font-size:1.5rem;font-weight:400;line-height:1.2}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:400}.code{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.subsection{margin-bottom:32px}.subsection-label{margin-bottom:12px}.color-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.swatch{background:var(--bg)}.swatch-block{height:120px}.swatch-info{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.swatch-name{font-size:.8125rem}.swatch-hex{color:var(--text-muted);text-transform:uppercase;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.swatch-var{color:var(--text-placeholder);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.font-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:28px;display:grid}.font-card{background:var(--bg);padding:24px}.font-card-name{color:var(--text-muted);margin-bottom:12px;font-size:.8125rem}.font-card-specimen{margin-bottom:10px;font-size:2rem;font-weight:300;line-height:1.2}.font-card-specimen.is-mono{font-family:SF Mono,Fira Code,Fira Mono,monospace}.font-card-stack{color:var(--text-placeholder);word-break:break-all;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem;line-height:1.6}.type-row{border-bottom:1px solid var(--border-muted);grid-template-columns:180px 1fr;align-items:baseline;gap:20px;padding:20px 0;display:grid}.type-row:last-child{border-bottom:none}.type-meta-name{margin-bottom:3px;font-size:.8125rem}.type-meta-detail{color:var(--text-placeholder);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem;line-height:1.7}.specimen-display{letter-spacing:-.02em;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1.05}.specimen-h1{font-size:2rem;font-weight:400;line-height:1.1875}.specimen-subhead{font-size:1.125rem;font-weight:400;line-height:1.333}.specimen-body{max-width:55ch;font-size:.875rem;font-weight:400;line-height:1.4285}.specimen-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:400}.specimen-small{color:var(--text-muted);font-size:.6875rem}.specimen-mono{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.875rem;line-height:1.5}.space-rows{flex-direction:column;gap:6px;display:flex}.space-row{grid-template-columns:100px 1fr 90px;align-items:center;gap:12px;height:28px;display:grid}.space-row .label{font-family:SF Mono,Fira Code,Fira Mono,monospace}.space-bar-track{background:var(--bg-muted);border:1px solid var(--border-muted);height:100%}.space-bar-fill{background:var(--accent);opacity:.12;height:100%}.space-val{color:var(--text-placeholder);text-align:right;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.grid-demos{flex-direction:column;gap:24px;display:flex}.grid-label{color:var(--text-muted);margin-bottom:8px;font-size:.8125rem}.grid-label .code{color:var(--text)}.grid-demo-row{gap:20px;display:grid}.grid-demo-row.c2{grid-template-columns:repeat(2,1fr)}.grid-demo-row.c3{grid-template-columns:repeat(3,1fr)}.grid-demo-row.c4{grid-template-columns:repeat(4,1fr)}.grid-cell{background:var(--bg-muted);border:1px solid var(--border-muted);height:56px;color:var(--text-placeholder);justify-content:center;align-items:center;font-size:.75rem;display:flex}.grid-params{background:var(--bg-muted);border:1px solid var(--border-muted);color:var(--text-muted);gap:32px;margin-top:16px;padding:12px 16px;font-size:.6875rem;display:flex}.grid-params span{color:var(--accent-fg);font-family:SF Mono,Fira Code,Fira Mono,monospace}.btn-section{flex-direction:column;gap:24px;display:flex}.btn-group-label{color:var(--text-muted);margin-bottom:6px;font-size:.8125rem}.btn-group-label .code{color:var(--text-placeholder)}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--text);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px 20px;font-family:inherit;font-size:.875rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:hover{background:var(--text);color:var(--bg)}.btn-filled{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;box-shadow:none;justify-content:center;align-items:center;padding:8px 20px;font-family:inherit;font-size:.875rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-filled:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.btn-filled:active{transform:translateY(1px)}.btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.btn-dark-wrap{background:var(--text);gap:var(--space-sm);padding:20px;display:flex}.btn-inv{border:1px solid var(--bg);color:var(--bg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:8px 20px;font-family:inherit;font-size:.875rem;font-weight:400;display:inline-flex}.btn-inv:hover{background:var(--bg);color:var(--text)}.border-demos{flex-direction:column;gap:16px;display:flex}.border-item{grid-template-columns:180px 1fr;align-items:center;gap:16px;display:grid}.border-box{background:var(--bg-muted);height:48px}.border-box.bt{border-top:1px solid var(--text)}.border-box.bb{border-bottom:1px solid var(--text)}.border-box.ba{border:1px solid var(--text)}.bg-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.bg-tile{align-items:flex-end;height:88px;padding:10px 12px;display:flex}.bg-tile-label{font-size:.6875rem}.motion-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.motion-card{background:var(--bg);padding:20px}.motion-card-name{margin-bottom:4px;font-size:.9375rem}.motion-card-value{color:var(--text-placeholder);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.stagger-wrap{gap:6px;margin-top:16px;display:flex}.stagger-box{background:var(--accent);opacity:.08;width:36px;height:36px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.stagger-parent:hover .stagger-box{opacity:1;transform:translateY(-3px)}.stagger-parent:hover .stagger-box:nth-child(2){transition-delay:80ms}.stagger-parent:hover .stagger-box:nth-child(3){transition-delay:.16s}.stagger-parent:hover .stagger-box:nth-child(4){transition-delay:.24s}.reveal-strip{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;display:grid}.reveal-box{background:var(--bg-muted);height:56px;color:var(--text-placeholder);opacity:0;justify-content:center;align-items:center;font-size:.6875rem;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(16px)}.reveal-box.on{opacity:1;transform:translateY(0)}.reveal-box:nth-child(2){transition-delay:80ms}.reveal-box:nth-child(3){transition-delay:.16s}.reveal-box:nth-child(4){transition-delay:.24s}.reveal-controls{gap:6px;margin-top:12px;display:flex}.selection-box{background:var(--bg-muted);border:1px solid var(--border-muted);padding:24px;font-size:1.125rem;font-weight:300;line-height:1.6}.input-demos{flex-direction:column;gap:32px;display:flex}.input-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6875rem;font-weight:400}.input-minimal{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;outline:none;padding:10px 0;font-family:inherit;font-size:.9375rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.input-minimal::placeholder{color:var(--text-placeholder)}.input-minimal:focus{border-bottom-color:var(--accent)}.textarea-minimal{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);resize:vertical;background:0 0;outline:none;min-height:80px;padding:10px 0;font-family:inherit;font-size:.9375rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.textarea-minimal::placeholder{color:var(--text-placeholder)}.textarea-minimal:focus{border-bottom-color:var(--accent)}.input-boxed{border:1px solid var(--border);background:var(--bg-muted);width:100%;color:var(--text);outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.input-boxed::placeholder{color:var(--text-placeholder)}.input-boxed:focus{border-color:var(--accent)}.textarea-boxed{border:1px solid var(--border);background:var(--bg-muted);width:100%;color:var(--text);resize:vertical;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:.875rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.textarea-boxed::placeholder{color:var(--text-placeholder)}.textarea-boxed:focus{border-color:var(--accent)}.select-minimal{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2371717a' stroke-width='1.2'/%3E%3C/svg%3E") right 0 center no-repeat;outline:none;padding:10px 24px 10px 0;font-family:inherit;font-size:.9375rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.select-minimal:focus{border-bottom-color:var(--accent)}.select-boxed{border:1px solid var(--border);background:var(--bg-muted);width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2371717a' stroke-width='1.2'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:10px 28px 10px 12px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem;font-weight:400;transition:border-color .15s cubic-bezier(.16,1,.3,1)}.select-boxed:focus{border-color:var(--accent)}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-muted);align-items:center;padding:3px 8px;font-size:.625rem;font-weight:400;display:inline-flex}.tag--active{color:var(--accent-fg);background:#0501b214;border-color:#0501b233}.tag--complete{background:var(--bg-muted);border-color:var(--border-muted);color:var(--text-placeholder)}.tag--green{color:var(--green);background:#00c85314;border-color:#00c85333}.tag--red{color:var(--red);background:#ef444414;border-color:#ef444433}.tag--amber{color:var(--amber);background:#f59e0b14;border-color:#f59e0b33}.badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-text);justify-content:center;align-items:center;padding:0 5px;font-size:.625rem;font-weight:500;display:inline-flex}.badge--muted{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-muted)}.badge--green{background:var(--green);color:#fff}.badge--red{background:var(--red);color:#fff}.card-grid{background:var(--border);border:1px solid var(--border);gap:1px;display:grid}.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--bg);cursor:default;padding:24px;transition:all .15s cubic-bezier(.16,1,.3,1)}.card--hover:hover{background:var(--bg-muted)}.card-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.6875rem;font-weight:400}.card-title{margin-bottom:8px;font-size:1.125rem;font-weight:400;line-height:1.333}.card-body{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.card-footer{border-top:1px solid var(--border-muted);color:var(--text-placeholder);justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;font-size:.6875rem;display:flex}.bento-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.bento-tile{background:var(--bg);flex-direction:column;min-height:120px;padding:20px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.bento-tile:hover{background:var(--bg-muted)}.bento-tile--span2{grid-column:span 2}.bento-tile--span3{grid-column:span 3}.bento-tile--span4{grid-column:span 4}.bento-tile--span6{grid-column:span 6}.bento-tile--tall{min-height:200px}.bento-tile--dark{color:#fffcf7;background:#110a04}.bento-tile--dark:hover{background:#1a0904}.bento-tile--blue{color:#fffcf7;background:#0501b2}.bento-tile--blue:hover{background:#0401a0}.bento-eyebrow{text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin-bottom:auto;font-size:.625rem}.bento-value{margin-bottom:4px;font-size:2rem;font-weight:300;line-height:1.1}.bento-label{opacity:.5;font-size:.6875rem}.work-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.work-card{background:var(--bg);cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);overflow:hidden}.work-card:hover{background:var(--bg-muted)}.work-card-img{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.work-card-placeholder{background-color:#0000;background-image:linear-gradient(90deg,#110a040a 1px,#0000 1px),linear-gradient(#110a040a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--bg-muted);width:100%;height:100%}.work-card-placeholder--blue{background-color:#0501b2}.work-card-placeholder--dark{background-color:#110a04}.work-card-placeholder--beige{background-color:#efede6}.work-card-info{padding:16px 20px}.work-card-client{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px;font-size:.6875rem}.work-card-title{margin-bottom:8px;font-size:1rem;font-weight:400}.work-card-tags{flex-wrap:wrap;gap:4px;display:flex}.data-table{border-collapse:collapse;border:1px solid var(--border);width:100%}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-muted);padding:10px 16px;font-size:.6875rem;font-weight:400}.data-table td{border-bottom:1px solid var(--border-muted);vertical-align:middle;font-variant-numeric:tabular-nums;padding:10px 16px;font-size:.8125rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-muted)}.data-table .col-id{color:var(--accent-fg);width:100px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.data-table .col-muted{color:var(--text-muted);font-size:.75rem}.data-table .col-mono{font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.status-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.status-indicator{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.6875rem;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot--green{background:var(--green)}.status-dot--red{background:var(--red)}.status-dot--amber{background:var(--amber)}.status-dot--pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-dot--md{width:8px;height:8px}.status-dot--lg{width:40px;height:40px}.metric-demos{flex-direction:column;gap:20px;display:flex}.metric-row{grid-template-columns:140px 1fr 60px;align-items:center;gap:12px;display:grid}.metric-label{font-size:.8125rem}.metric-bar{background:var(--border-muted);width:100%;height:3px}.metric-fill{background:var(--text);height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.metric-fill--accent{background:var(--accent)}.metric-fill--green{background:var(--green)}.metric-val{color:var(--text-muted);text-align:right;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.progress-bar{background:var(--border-muted);width:100%;height:8px}.progress-fill{background:var(--accent);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.filter-row{gap:0;display:flex}.filter-btn-group{display:flex}.filter-btn--xs{padding:4px 10px;font-size:.625rem}.filter-btn{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;margin-left:-1px;padding:8px 20px;font-family:inherit;font-size:.6875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.filter-btn:first-child{margin-left:0}.filter-btn:hover{color:var(--text);border-color:var(--text);z-index:1}.filter-btn.filter-btn--active{background:var(--text);color:var(--bg);border-color:var(--text);z-index:1}.filter-btn.filter-btn--active:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.placeholder-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.img-placeholder{aspect-ratio:16/9;color:var(--text-placeholder);justify-content:center;align-items:center;font-size:.6875rem;display:flex;position:relative}.img-placeholder--grid{background-color:#0000;background-image:linear-gradient(90deg,#110a040a 1px,#0000 1px),linear-gradient(#110a040a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--bg-muted)}.img-placeholder--beige{background-color:#efede6}.img-placeholder--blue{color:#ffffff4d;background-color:#0501b2}.img-placeholder--dark{color:#ffffff4d;background-color:#110a04}.alert{border:1px solid var(--border);align-items:flex-start;gap:10px;padding:14px 16px;font-size:.8125rem;display:flex}.alert-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.alert--info{background:#0501b20a;border-color:#0501b233}.alert--info .alert-icon{color:var(--accent-fg)}.alert--success{background:#00c8530a;border-color:#00c85333}.alert--success .alert-icon{color:var(--green)}.alert--warning{background:#f59e0b0a;border-color:#f59e0b33}.alert--warning .alert-icon{color:var(--amber)}.alert--error{background:#ef44440a;border-color:#ef444433}.alert--error .alert-icon{color:var(--red)}.alert-content{flex:1}.alert-title{margin-bottom:2px;font-weight:500}.alert-body{color:var(--text-muted);font-size:.75rem}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-family:inherit;font-size:.8125rem;font-weight:400;transition:all .15s}.tab:hover{color:var(--text)}.tab--active{color:var(--text);border-bottom-color:var(--accent)}.step-tabs{gap:16px;display:flex}.step-tab{text-transform:uppercase;letter-spacing:.06em;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-family:inherit;font-size:.75rem;font-weight:400;transition:all .15s;display:flex}.step-tab-num{color:var(--accent-fg);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.step-tab--disabled{color:var(--text-placeholder);cursor:default}.step-tab--disabled .step-tab-num{opacity:.4}.dropzone{border:1px dashed var(--border);text-align:center;cursor:pointer;padding:40px 20px;transition:all .15s}.dropzone:hover{border-color:var(--accent);background:#0501b205}.dropzone-text{color:var(--text-muted);margin-bottom:4px;font-size:.875rem}.dropzone-hint{color:var(--text-placeholder);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.avatar-row{align-items:center;gap:12px;display:flex}.avatar{color:var(--bg);flex-shrink:0;justify-content:center;align-items:center;font-weight:400;display:inline-flex}.avatar--sm{width:28px;height:28px;font-size:10px}.avatar--md{width:36px;height:36px;font-size:13px}.avatar--lg{width:48px;height:48px;font-size:17px}.avatar[data-color=noir]{background:var(--text);color:var(--bg)}.avatar[data-color=blue]{background:var(--accent);color:var(--accent-text)}.avatar[data-color=brown]{color:var(--bg);background:#45302d}.avatar[data-color=beige]{color:var(--text);background:#efede6}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-8px}.avatar-remaining{background:var(--bg-muted);border:1px solid var(--border);width:28px;height:28px;font-size:var(--text-small);color:var(--text-muted);justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.token-table{border-collapse:collapse;border:1px solid var(--border);width:100%}.token-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-muted);padding:8px 12px;font-size:.6875rem;font-weight:400}.token-table td{border-bottom:1px solid var(--border-muted);padding:8px 12px;font-size:.75rem}.token-table td:first-child{color:var(--accent-fg);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.token-table td:nth-child(2){font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.token-table td:last-child{color:var(--text-muted)}@media (max-width:768px){.color-grid{grid-template-columns:repeat(2,1fr)}.font-grid{grid-template-columns:1fr}.type-row{grid-template-columns:1fr;gap:8px}.grid-demo-row.c4,.bg-grid{grid-template-columns:repeat(2,1fr)}.motion-grid{grid-template-columns:1fr}.reveal-strip{grid-template-columns:repeat(2,1fr)}.border-item{grid-template-columns:1fr}.grid-params{flex-wrap:wrap;gap:12px}.space-row{grid-template-columns:80px 1fr 60px}.header{flex-direction:column;align-items:flex-start;gap:16px}.btn-dark-wrap{flex-wrap:wrap}.input-row,.card-grid.cols-2,.card-grid.cols-3{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-tile--span3,.bento-tile--span4,.bento-tile--span6{grid-column:span 2}.work-grid{grid-template-columns:1fr}.placeholder-grid{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:100px 1fr 50px}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:8px 10px}.filter-row{flex-wrap:wrap}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex}.app-header-nav{align-items:center;gap:24px;display:flex}.app-header-logo{font-size:var(--text-small);letter-spacing:.06em;color:var(--text);text-decoration:none}.app-header-logo--muted{color:var(--text-muted)}.app-header-link{color:var(--text);font-size:.8125rem;text-decoration:none}.app-main{padding:var(--space-lg) 24px;flex:1;width:100%;max-width:1200px;margin:0 auto}.app-main-narrow{padding:var(--space-lg) var(--space-md);flex:1;width:100%;max-width:640px;margin:0 auto}.page-center{min-height:100dvh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.page-width-sm{width:100%;max-width:480px}.page-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.form-error{color:var(--red);font-size:.8125rem}.form-actions{gap:var(--space-sm);display:flex}.form-stack{flex-direction:column;gap:20px;display:flex}.btn-loading{min-width:max-content;position:relative}.theme-option{font-size:var(--text-small);padding:var(--space-sm) 14px}.skeleton-dot{width:8px;height:8px}.section-header-label{align-items:center;gap:var(--space-sm);display:flex}.section-header-collapse{transition:max-height var(--duration-base) var(--ease-out);overflow:hidden}.section-header-count{padding:3px 10px;font-size:.625rem}.breadcrumb-item-wrap{align-items:center;gap:8px;display:flex}.metric-card-value{font-size:var(--text-h1);margin-top:var(--space-xs);font-weight:400;line-height:1.1}.field-value--empty{color:var(--text-placeholder)}.text-center{text-align:center}.page-title{font-size:var(--text-h1);margin-top:var(--space-sm);font-weight:400;line-height:1.1875}.page-subtitle{font-size:var(--text-body);color:var(--text-muted);margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.btn-sm{font-size:var(--text-label);padding:5px 14px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.slide-over-backdrop{z-index:40;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s ease-in;position:fixed;inset:0}.slide-over-backdrop.open{opacity:1;pointer-events:auto}.slide-over{background:var(--bg);border-left:1px solid var(--border);z-index:50;width:480px;max-width:100vw;transition:transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.slide-over.open{transform:translate(0)}.slide-over-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.slide-over-title{font-size:1.125rem;font-weight:500}.slide-over-close{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.slide-over-close:hover{color:var(--text);border-color:var(--text)}.slide-over-body{padding:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--border-muted) 50%, var(--bg-muted) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-circle{border-radius:50%}.skeleton-row{border-bottom:1px solid var(--border-muted);grid-template-columns:8px 120px 80px 100px 80px 60px;align-items:center;gap:16px;padding:10px 16px;display:grid}.toast-container{z-index:60;flex-direction:column-reverse;gap:8px;max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg);border:1px solid var(--border);border-left:3px solid var(--border);opacity:0;align-items:flex-start;gap:10px;padding:14px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(16px)}.toast.visible{opacity:1;transform:translateY(0)}.toast.dismissing{opacity:0;transition-duration:.15s;transition-timing-function:ease-in;transform:translateY(-8px)}.toast--error{border-left-color:var(--red)}.toast--warning{border-left-color:var(--amber)}.toast--success{border-left-color:var(--green)}.toast-message{flex:1;font-size:.8125rem}.toast-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:0;font-size:1rem;line-height:1}.toast-dismiss:hover{color:var(--text)}.section-actions{border-top:1px solid var(--border-muted);gap:8px;margin-top:16px;padding-top:12px;display:flex}.audit-entry{border-bottom:1px solid var(--border-muted);flex-direction:column;gap:2px;padding:10px 0;font-size:.8125rem;display:flex}.audit-entry:last-child{border-bottom:none}.audit-action{color:var(--text)}.audit-actor{font-weight:500}.audit-field{color:var(--accent-fg);font-family:SF Mono,Fira Code,Fira Mono,monospace}.audit-values{color:var(--text-muted);font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.6875rem}.audit-time{color:var(--text-placeholder);font-size:.6875rem}.btn:active,.btn-filled:active,.btn-ghost:active,.filter-btn:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-bar{border:1px solid var(--border);background:var(--bg);height:44px;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s cubic-bezier(.16,1,.3,1);display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none;flex:1}.search-bar input::placeholder{color:var(--text-placeholder)}.search-bar--full{border:none;border-bottom:1px solid var(--border);height:52px;padding:0 16px}.search-bar--compact{height:36px;font-size:.8125rem}.search-bar--dark{background:var(--text);color:var(--bg);border-color:var(--border)}.search-bar--dark input::placeholder{color:var(--text-placeholder)}.search-bar-icon{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.search-bar-shortcut{color:var(--text-placeholder);border:1px solid var(--border);flex-shrink:0;padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.dropdown{border:1px solid var(--border);background:var(--bg);z-index:30;width:220px;position:absolute}.dropdown-banner{border-bottom:1px solid var(--border-muted);padding:12px 14px}.dropdown-profile{border-bottom:1px solid var(--border-muted);align-items:center;gap:10px;padding:10px 14px;display:flex}.dropdown-separator{background:var(--border-muted);height:1px}.dropdown-item{min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0 14px;font-family:inherit;font-size:.8125rem;transition:background .15s cubic-bezier(.16,1,.3,1);display:flex}.dropdown-item:hover{background:var(--bg-muted)}.dropdown-item-icon{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.dropdown-item-badge{color:var(--text-placeholder);margin-left:auto;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.dropdown-item-shortcut{color:var(--text-placeholder);border:1px solid var(--border-muted);margin-left:auto;padding:1px 4px;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.dialog-backdrop{z-index:50;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;transition:opacity .2s ease-in;display:flex;position:fixed;inset:0}.dialog-backdrop.open{opacity:1;pointer-events:auto}.dialog{background:var(--bg);border:1px solid var(--border);opacity:0;width:100%;max-width:400px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);transform:scale(.96)}.dialog-backdrop.open .dialog{opacity:1;transform:scale(1)}.dialog-header{padding:20px 20px 0}.dialog-title{margin-bottom:4px;font-size:1.125rem;font-weight:400}.dialog-description{color:var(--text-muted);font-size:.8125rem}.dialog-body{padding:16px 20px}.dialog-footer{justify-content:flex-end;gap:8px;padding:0 20px 20px;display:flex}.cmdk-backdrop{z-index:60;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:flex-start;padding-top:20vh;transition:opacity .2s ease-in;display:flex;position:fixed;inset:0}.cmdk-backdrop.open{opacity:1;pointer-events:auto}.cmdk{background:var(--bg);border:1px solid var(--border);opacity:0;width:100%;max-width:520px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);transform:scale(.96)translateY(-8px)}.cmdk-backdrop.open .cmdk{opacity:1;transform:scale(1)translateY(0)}.cmdk-search{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.cmdk-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9375rem}.cmdk-search input::placeholder{color:var(--text-placeholder)}.cmdk-search-icon{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.cmdk-list{max-height:300px;padding:8px 0;overflow-y:auto}.cmdk-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-placeholder);padding:8px 16px 4px;font-size:.625rem}.cmdk-item{min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0 16px;font-family:inherit;font-size:.8125rem;transition:background .1s;display:flex}.cmdk-item:hover,.cmdk-item.active{background:var(--bg-muted)}.cmdk-item-icon{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.cmdk-item-shortcut{color:var(--text-placeholder);margin-left:auto;font-family:SF Mono,Fira Code,Fira Mono,monospace;font-size:.625rem}.cmdk-item-sublabel{font-size:var(--text-small);color:var(--text-muted);margin-left:var(--space-sm)}.cmdk-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.8125rem}.breadcrumb-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:40px;padding:0 16px;font-size:.8125rem;display:flex}.breadcrumb-item{color:var(--text-muted);text-decoration:none}.breadcrumb-item:hover{color:var(--text)}.breadcrumb-separator{color:var(--text-placeholder);font-size:.75rem}.breadcrumb-current{color:var(--text)}.toolbar-bar{border-bottom:1px solid var(--border);align-items:center;gap:0;height:40px;display:flex}.toolbar-item{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;padding:0 16px;font-family:inherit;font-size:.8125rem;transition:color .15s,border-color .15s;display:flex}.toolbar-item:hover{color:var(--text)}.toolbar-item.active{color:var(--text);border-bottom-color:var(--text)}.toolbar-item-icon{margin-right:6px}.settings-layout{border:1px solid var(--border);grid-template-columns:220px 1fr;min-height:300px;display:grid}.settings-sidebar{border-right:1px solid var(--border);padding:8px 0}.settings-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:inherit;font-size:.8125rem;transition:background .15s,color .15s;display:flex}.settings-nav-item:hover,.settings-nav-item.active{background:var(--bg-muted);color:var(--text)}.settings-content{padding:24px}.btn-compact{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:4px 10px;font-family:inherit;font-size:.6875rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-compact:hover{border-color:var(--text);color:var(--text)}.btn-compact:active{transform:translateY(1px)}