:root{--acid-yellow:#f5f500;--electric-coral:#ff3d3d;--flat-cobalt:#1a1aff;--near-black:#0d0d0d;--off-white:#f2efe8;--bg-page:var(--off-white);--bg-card:#fff;--bg-card-alt:#fffef0;--text-main:var(--near-black);--text-invert:#fff;--text-muted:#555;--text-dim:#999;--border-color:var(--near-black);--shadow-color:var(--near-black);--border:3px solid var(--border-color);--shadow:6px 6px 0px var(--shadow-color);--shadow-hover:10px 10px 0px var(--shadow-color);--radius:4px;--font-display:"Syne", sans-serif;--font-mono:"IBM Plex Mono", monospace;--transition:all .15s cubic-bezier(.2, 0, 0, 1)}.docs-page[data-theme=dark],.app-layout[data-theme=dark]{--bg-page:#0d0d0d;--bg-card:#151515;--bg-card-alt:#1a1a1a;--text-main:#e2dfd8;--text-invert:#0d0d0d;--text-muted:#999;--text-dim:#666;--border-color:#444;--shadow-color:var(--flat-cobalt)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-mono);background-color:var(--bg-page);color:var(--text-main);width:100%;max-width:100vw;padding-top:56px;line-height:1.6;overflow-x:hidden}.topnav{background:var(--border-color);border-bottom:3px solid var(--border-color);z-index:500;height:56px;box-shadow:0 3px 0 var(--acid-yellow);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.topnav-logo{font-family:var(--font-display);letter-spacing:-1px;color:var(--bg-page);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.4rem;font-weight:800;line-height:1;text-decoration:none}.topnav-logo em{color:var(--electric-coral);font-style:normal}.topnav-links{gap:0;display:flex}.topnav-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;padding:.5rem 1rem;font-size:.78rem;font-weight:600}.topnav-link:hover{color:var(--bg-page)}.topnav-link.active{color:var(--acid-yellow);border-bottom-color:var(--acid-yellow)}.page-wrapper{min-height:calc(100vh - 56px)}.standalone-page{max-width:900px;margin:0 auto;padding:4rem 2rem}body:before{content:"";z-index:9999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--off-white);border-left:var(--border)}::-webkit-scrollbar-thumb{background:var(--near-black)}.app-layout{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-main);display:flex;position:relative;overflow-x:hidden}.sidebar{background:var(--bg-page);border-right:var(--border);z-index:100;flex-direction:column;width:260px;height:calc(100vh - 56px);padding:2rem 1.2rem;display:flex;position:fixed;top:56px;left:0;overflow-y:auto}.sidebar-logo{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:.25rem;font-size:1.6rem;font-weight:800;line-height:1}.sidebar-logo span{color:var(--electric-coral)}.sidebar-tagline{text-transform:uppercase;letter-spacing:3px;color:var(--text-dim);border-bottom:var(--border);margin-bottom:2rem;padding-bottom:1rem;font-size:.65rem}.sidebar-nav{flex:1;list-style:none}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{font-family:var(--font-mono);color:var(--text-main);transition:var(--transition);border:2px solid #0000;padding:.5rem .75rem;font-size:.78rem;text-decoration:none;display:block}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--acid-yellow);border-color:var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);color:#000;transform:translate(-2px,-2px)}.main-content{box-sizing:border-box;flex:1;max-width:calc(100vw - 260px);margin-left:260px;padding:3rem;overflow-x:hidden}.hero{margin-bottom:4rem;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-3px;word-break:break-word;max-width:100%;margin-bottom:1rem;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:.9;transform:rotate(-2deg)}.hero-title .highlight-yellow{color:var(--acid-yellow);text-shadow:3px 3px 0 var(--border-color)}.hero-title .highlight-coral{color:var(--electric-coral)}.hero-sub{border-left:5px solid var(--flat-cobalt);max-width:520px;padding-left:1rem;font-size:.85rem;line-height:1.7;transform:rotate(-.5deg)}.component-section{opacity:0;max-width:100%;margin-bottom:5rem;animation:.5s cubic-bezier(.2,0,0,1) forwards stampIn;overflow:hidden}.component-section:nth-child(2){animation-delay:50ms}.component-section:nth-child(3){animation-delay:.1s}.component-section:nth-child(4){animation-delay:.15s}.component-section:nth-child(5){animation-delay:.2s}.component-section:nth-child(6){animation-delay:.25s}.component-section:nth-child(7){animation-delay:.3s}.component-section:nth-child(8){animation-delay:.35s}.component-section:nth-child(9){animation-delay:.4s}.component-section:nth-child(10){animation-delay:.45s}.component-section:nth-child(11){animation-delay:.5s}@keyframes stampIn{0%{opacity:0;transform:translateY(30px)scale(.97)}60%{opacity:1;transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.section-header{font-family:var(--font-display);letter-spacing:-2px;z-index:2;word-break:break-word;max-width:100%;margin-bottom:1.5rem;margin-left:0;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:800;line-height:1;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.section-header:after{content:"";background:var(--acid-yellow);z-index:-1;width:100%;height:14px;position:absolute;bottom:4px;left:0;transform:rotate(.5deg)}.section-desc{max-width:500px;color:var(--text-muted);margin-bottom:2rem;font-size:.8rem}.preview-panel{border:var(--border);background:var(--bg-card);box-shadow:var(--shadow);padding:2.5rem;position:relative}.preview-panel .preview-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.preview-panel .preview-row:last-child{margin-bottom:0}.preview-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:.75rem;font-size:.65rem;font-weight:600}.copy-btn{font-family:var(--font-mono);background:var(--border-color);color:var(--bg-page);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);border:none;padding:.35rem .75rem;font-size:.65rem;position:absolute;top:.75rem;right:.75rem}.copy-btn:hover{background:var(--flat-cobalt);color:#fff}.copy-btn.copied{background:var(--acid-yellow);color:var(--near-black)}.zn-btn{font-family:var(--font-mono);border:var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:var(--transition);text-transform:uppercase;letter-spacing:1px;padding:.75rem 1.75rem;font-size:.85rem;font-weight:600;position:relative}.zn-btn:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.zn-btn:active{box-shadow:1px 1px 0 var(--shadow-color);transform:translate(3px,3px)}.zn-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.zn-btn--primary{background:var(--acid-yellow);color:#000}.zn-btn--secondary{color:var(--text-main);background:0 0}.zn-btn--danger{background:var(--electric-coral);color:#fff}.zn-btn--ghost{box-shadow:none;text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline;text-decoration-thickness:3px}.zn-btn--ghost:hover{box-shadow:none;-webkit-text-decoration-color:var(--electric-coral);text-decoration-color:var(--electric-coral)}.zn-input-wrap{flex-direction:column;width:100%;min-width:200px;max-width:320px;display:inline-flex;position:relative}.zn-input-wrap label{text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem;font-size:.65rem;font-weight:600}.zn-input{font-family:var(--font-mono);border:none;border-bottom:var(--border);color:var(--text-main);transition:var(--transition);background:0 0;outline:none;padding:.75rem 0;font-size:.9rem}.zn-input:focus{border-bottom-color:var(--flat-cobalt)}.zn-input-wrap.error .zn-input{border-bottom-color:var(--electric-coral)}.zn-input-wrap.error:after{content:"//";font-family:var(--font-display);color:var(--electric-coral);font-size:1.8rem;font-weight:800;position:absolute;bottom:10px;right:0;transform:rotate(-12deg)}.zn-input-error{color:var(--electric-coral);margin-top:.35rem;font-size:.7rem;font-weight:600}.zn-badge{font-family:var(--font-mono);border:var(--border);border-radius:var(--radius);text-transform:uppercase;letter-spacing:1px;color:var(--text-main);align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.zn-badge--yellow{background:var(--acid-yellow);color:#000}.zn-badge--coral{background:var(--electric-coral);color:#fff}.zn-badge--cobalt{background:var(--flat-cobalt);color:#fff}.zn-badge--outline{background:0 0}.zn-badge .dismiss{cursor:pointer;color:inherit;font-size:.85rem;font-weight:800;line-height:1;font-family:var(--font-mono);background:0 0;border:none;margin-left:.2rem}.zn-badge .dismiss:hover{color:var(--electric-coral)}.zn-badge .blink-dot{background:#00ff6a;border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.zn-card{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-card);transition:var(--transition);width:100%;max-width:320px;overflow:hidden}.zn-card:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.zn-card-body{padding:1.5rem}.zn-card-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.zn-card-text{color:var(--text-muted);font-size:.8rem;line-height:1.6}.zn-card-img{object-fit:cover;background:repeating-linear-gradient(45deg, var(--bg-card), var(--bg-card) 10px, var(--bg-card-alt) 10px, var(--bg-card-alt) 20px);border-bottom:var(--border);width:100%;height:160px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;justify-content:center;align-items:center;font-size:.7rem;display:flex}.zn-card-footer{border-top:var(--border);gap:.75rem;padding:1rem 1.5rem;display:flex}.zn-card-footer .zn-btn{padding:.5rem 1rem;font-size:.7rem}.zn-toggle-wrap{cursor:pointer;align-items:center;gap:.75rem;display:flex}.zn-toggle-wrap span{-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:600}.zn-checkbox{appearance:none;border:var(--border);cursor:pointer;width:24px;height:24px;transition:var(--transition);background:var(--bg-card);border-radius:2px;position:relative}.zn-checkbox:checked{background:var(--acid-yellow)}.zn-checkbox:checked:after{content:"✓";color:#000;font-size:1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zn-switch{border:var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;width:56px;height:30px;transition:var(--transition);position:relative}.zn-switch:after{content:"";background:var(--border-color);width:20px;height:20px;transition:var(--transition);border-radius:2px;position:absolute;top:3px;left:3px}.zn-switch.active{background:var(--acid-yellow)}.zn-switch.active:after{left:29px}.zn-alert{border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-card);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden}.zn-alert:before{content:"";width:6px;height:100%;position:absolute;top:0;left:0}.zn-alert--info:before{background:var(--flat-cobalt)}.zn-alert--warning:before{background:var(--acid-yellow)}.zn-alert--error:before{background:var(--electric-coral)}.zn-alert--success:before{background:#00c853}.zn-alert-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:800}.zn-alert-msg{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.zn-alert-icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.zn-modal-overlay{z-index:1000;background:#0d0d0dd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zn-modal{background:var(--bg-page);border:var(--border);box-shadow:12px 12px 0 var(--shadow-color);width:90%;max-width:520px;animation:.3s cubic-bezier(.2,0,0,1) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.zn-modal-header{font-family:var(--font-display);letter-spacing:-2px;padding:2rem 2rem .5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1}.zn-modal-body{color:var(--text-muted);padding:.5rem 2rem 1.5rem;font-size:.82rem;line-height:1.7}.zn-modal-footer{border-top:var(--border);justify-content:flex-end;gap:1rem;padding:1.25rem 2rem;display:flex}.zn-accordion{border:var(--border);box-shadow:var(--shadow)}.zn-accordion-item{border-bottom:var(--border)}.zn-accordion-item:last-child{border-bottom:none}.zn-accordion-trigger{background:var(--bg-card);cursor:pointer;width:100%;font-family:var(--font-mono);text-align:left;transition:var(--transition);border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.85rem;font-weight:600;display:flex}.zn-accordion-trigger:hover{background:var(--bg-card-alt)}.zn-accordion-trigger.open{background:var(--acid-yellow)}.zn-accordion-icon{transition:var(--transition);font-size:1.2rem;font-weight:800;font-family:var(--font-mono)}.zn-accordion-trigger.open .zn-accordion-icon{transform:rotate(45deg)}.zn-accordion-panel{max-height:0;transition:max-height .35s cubic-bezier(.2,0,0,1);overflow:hidden}.zn-accordion-panel.open{max-height:300px}.zn-accordion-panel-inner{color:var(--text-muted);background:var(--bg-card-alt);padding:1.25rem 1.5rem;font-size:.8rem;line-height:1.7}.zn-tooltip-wrap{display:inline-block;position:relative}.zn-tooltip{background:var(--near-black);color:#fff;font-family:var(--font-mono);white-space:nowrap;pointer-events:none;opacity:0;z-index:50;border:2px solid var(--near-black);border-radius:0;padding:.5rem .85rem;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.zn-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--near-black);position:absolute;top:100%;left:50%;transform:translate(-50%)}.zn-tooltip-wrap:hover .zn-tooltip{opacity:1}.zn-avatar{border:var(--border);border-radius:var(--radius);width:48px;height:48px;font-family:var(--font-display);background:var(--acid-yellow);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex;position:relative}.zn-avatar--coral{background:var(--electric-coral);color:#fff}.zn-avatar--cobalt{background:var(--flat-cobalt);color:#fff}.zn-avatar .online-dot{border:2px solid var(--bg-page);background:#00ff6a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.zn-avatar-group{display:flex}.zn-avatar-group .zn-avatar{margin-left:-12px}.zn-avatar-group .zn-avatar:first-child{margin-left:0}.zn-ticker-wrap{background:var(--acid-yellow);border-top:var(--border);border-bottom:var(--border);width:100%;box-shadow:0 4px 0 var(--shadow-color);color:#000;margin:1.5rem 0;padding:.75rem 0;overflow:hidden;transform:rotate(-1.5deg)}.zn-ticker{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;font-size:2.5rem;font-weight:800;animation:10s linear infinite ticker;display:flex}.zn-ticker span{padding:0 2rem}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.zn-ticket{background:var(--bg-card);border:var(--border);box-shadow:var(--shadow);width:100%;max-width:420px;transition:var(--transition);display:flex;position:relative}.zn-ticket:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)rotate(1deg)}.zn-ticket-main{border-right:3px dashed var(--border-color);background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000005 10px 20px);flex:1;padding:1.5rem}.zn-ticket-stub{background:var(--electric-coral);color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100px;padding:1.5rem 1rem;display:flex}.zn-ticket-title{font-family:var(--font-display);text-transform:uppercase;color:var(--near-black);margin-bottom:.5rem;font-size:1.6rem;font-weight:800;line-height:1.1}.zn-ticket-label{text-transform:uppercase;letter-spacing:3px;color:#888;margin-bottom:.3rem;font-size:.65rem;font-weight:600}.zn-ticket-barcode{background:repeating-linear-gradient(to right, var(--border-color), var(--border-color) 3px, transparent 3px, transparent 6px, var(--border-color) 6px, var(--border-color) 7px, transparent 7px, transparent 9px, var(--border-color) 9px, var(--border-color) 14px, transparent 14px, transparent 17px);width:100%;height:45px;margin-top:1.5rem}.zn-ticket-stub-text{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:2px;white-space:nowrap;font-size:1.4rem;font-weight:800;transform:rotate(180deg)}.zn-redacted{background:var(--border-color);color:var(--border-color);transition:var(--transition);-webkit-user-select:none;user-select:none;cursor:crosshair;margin:0 .1rem;padding:0 .3rem;font-weight:700;display:inline-block}.zn-redacted:hover{background:var(--acid-yellow);color:#000}.zn-progress-track{border:var(--border);background:var(--bg-card);width:100%;height:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.zn-progress-fill{background:var(--acid-yellow);border-right:var(--border);background-image:repeating-linear-gradient(-45deg,#0000,#0000 8px,#00000014 8px 16px);height:100%;transition:width .5s cubic-bezier(.2,0,0,1);position:relative}.zn-progress-fill--coral{background-color:var(--electric-coral)}.zn-progress-fill--cobalt{background-color:var(--flat-cobalt)}.zn-progress-label{font-family:var(--font-mono);mix-blend-mode:difference;color:#fff;font-size:.65rem;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.zn-tabs{width:100%}.zn-tab-list{border-bottom:var(--border);gap:0;margin-bottom:0;display:flex}.zn-tab-btn{font-family:var(--font-mono);border:none;border-right:var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:var(--transition);background:0 0;border-bottom:3px solid #0000;margin-bottom:-3px;padding:.75rem 1.5rem;font-size:.8rem;font-weight:700;position:relative}.zn-tab-btn:last-child{border-right:none}.zn-tab-btn:hover{background:var(--bg-card-alt)}.zn-tab-btn.active{background:var(--acid-yellow);border-color:var(--border-color);border-bottom:3px solid var(--acid-yellow);box-shadow:0 -3px 0 var(--border-color) inset;color:#000;transform:translateY(-2px)}.zn-tab-panel{border:var(--border);background:var(--bg-card);color:var(--text-muted);border-top:none;padding:1.5rem;font-size:.82rem;line-height:1.7}.zn-kbd{align-items:center;gap:.25rem;display:inline-flex}.zn-key{font-family:var(--font-mono);background:var(--bg-card);border:var(--border);box-shadow:0 3px 0 var(--border-color);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:var(--text-main);border-radius:3px;padding:.25rem .6rem;font-size:.72rem;font-weight:700;line-height:1.4}.zn-key--yellow{background:var(--acid-yellow)}.zn-key--coral{background:var(--electric-coral);color:#fff}.zn-kbd-plus{padding:0 .1rem;font-size:.8rem;font-weight:800}.zn-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;width:100%;display:grid}.zn-stat{border:var(--border);background:var(--bg-card);box-shadow:var(--shadow);transition:var(--transition);padding:1.5rem 1rem;position:relative;overflow:hidden}.zn-stat:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.zn-stat:before{content:"";width:100%;height:5px;position:absolute;top:0;left:0}.zn-stat:first-child:before{background:var(--acid-yellow)}.zn-stat:nth-child(2):before{background:var(--electric-coral)}.zn-stat:nth-child(3):before{background:var(--flat-cobalt)}.zn-stat:nth-child(4):before{background:var(--near-black)}.zn-stat-value{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:.5rem;font-size:clamp(2rem,3vw,3rem);font-weight:800;line-height:1}.zn-stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:.65rem;font-weight:600}.zn-stat-delta{margin-top:.5rem;font-size:.7rem;font-weight:700}.zn-stat-delta--up{color:#00c853}.zn-stat-delta--down{color:var(--electric-coral)}.zn-dropzone{border:3px dashed var(--near-black);text-align:center;cursor:pointer;transition:var(--transition);background:#fff;padding:3rem 2rem;position:relative}.zn-dropzone:hover,.zn-dropzone.dragging{background:var(--acid-yellow);box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.zn-dropzone-icon{margin-bottom:.75rem;font-size:2.5rem;line-height:1;display:block}.zn-dropzone-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;margin-bottom:.4rem;font-size:1.1rem;font-weight:800}.zn-dropzone-sub{color:#777;font-size:.72rem}.zn-dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.zn-pagination{gap:0;display:flex}.zn-page-btn{font-family:var(--font-mono);border:var(--border);cursor:pointer;width:42px;height:42px;transition:var(--transition);text-transform:uppercase;background:#fff;justify-content:center;align-items:center;margin-left:-3px;font-size:.8rem;font-weight:700;display:flex;position:relative}.zn-page-btn:first-child{margin-left:0}.zn-page-btn:hover{background:var(--acid-yellow);z-index:1;box-shadow:var(--shadow);transform:translate(-2px,-2px)}.zn-page-btn.active{background:var(--near-black);color:var(--acid-yellow);z-index:1;box-shadow:var(--shadow);transform:translate(-2px,-2px)}.zn-page-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.zn-slider-wrap{width:100%}.zn-slider-label{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.zn-slider-label span:first-child{text-transform:uppercase;letter-spacing:2px;font-size:.65rem;font-weight:600}.zn-slider-val{font-family:var(--font-display);letter-spacing:-1px;background:var(--acid-yellow);border:var(--border);text-align:center;min-width:56px;padding:0 .5rem;font-size:1.4rem;font-weight:800}.zn-slider{appearance:none;border:var(--border);cursor:pointer;width:100%;height:20px;box-shadow:var(--shadow);background:#fff;outline:none}.zn-slider::-webkit-slider-thumb{appearance:none;background:var(--near-black);border:3px solid var(--near-black);cursor:grab;width:32px;height:32px;transition:var(--transition);border-radius:0}.zn-slider::-webkit-slider-thumb:hover{background:var(--electric-coral)}.zn-slider::-moz-range-thumb{background:var(--near-black);border:3px solid var(--near-black);cursor:grab;border-radius:0;width:32px;height:32px}.zn-spinner-wrap{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.zn-spinner{border:4px solid var(--near-black);border-top-color:var(--acid-yellow);border-radius:0;width:48px;height:48px;animation:.8s steps(8,end) infinite spin}.zn-spinner--coral{border-top-color:var(--electric-coral)}.zn-spinner--cobalt{border-top-color:var(--flat-cobalt)}.zn-spinner--lg{border-width:5px;width:64px;height:64px}@keyframes spin{to{transform:rotate(360deg)}}.zn-pulse-dot{background:var(--acid-yellow);border:3px solid var(--near-black);border-radius:0;width:16px;height:16px;animation:1s steps(2,end) infinite pulseDot}@keyframes pulseDot{0%,to{box-shadow:none;transform:scale(1)}50%{box-shadow:4px 4px 0 var(--near-black);transform:scale(1.4)}}.scroll-top-btn{z-index:300;background:var(--acid-yellow);border:var(--border);width:52px;height:52px;box-shadow:var(--shadow);font-family:var(--font-display);cursor:pointer;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;transition:opacity .2s,transform .2s cubic-bezier(.2,0,0,1),box-shadow .15s,background .15s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px)}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{background:var(--near-black);color:var(--acid-yellow);box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.scroll-top-btn:active{box-shadow:2px 2px 0 var(--near-black);transform:translate(2px,2px)}.hamburger{z-index:200;background:var(--acid-yellow);border:var(--border);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none;position:fixed;top:1rem;left:1rem}.hamburger span{background:var(--near-black);width:22px;height:3px;transition:var(--transition)}.hamburger.open span:first-child{transform:rotate(45deg)translate(3px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(3px,-5px)}@media (width<=768px){.hamburger{display:flex}.sidebar{z-index:150;transition:transform .3s cubic-bezier(.2,0,0,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0;padding:4rem 1.25rem 3rem;overflow-x:hidden}.hero-title{letter-spacing:-1px;word-wrap:break-word;font-size:2.5rem}.section-header{letter-spacing:-1px;word-wrap:break-word;margin-left:0;font-size:2rem}.preview-panel{padding:1.25rem}.preview-panel .preview-row{gap:.75rem}.zn-input-wrap{max-width:100%}.zn-ticker{font-size:1.8rem}.zn-ticket{flex-direction:column;max-width:100%}.zn-ticket-main{border-right:none;border-bottom:3px dashed var(--near-black)}.zn-ticket-stub{flex-direction:row;width:100%;padding:1rem}.zn-ticket-stub-text{writing-mode:horizontal-tb;text-align:center;font-size:1.2rem;transform:none}}.home-page{width:100%;overflow-x:hidden}.home-hero{background:var(--near-black);color:var(--off-white);border-bottom:var(--border);flex-direction:column;gap:3rem;padding:5rem 2rem 4rem;display:flex}.home-hero-inner{width:100%;max-width:700px;margin:0 auto}.home-hero-stamp{text-transform:uppercase;letter-spacing:4px;color:#888;font-size:.75rem;font-family:var(--font-mono);margin-bottom:1rem}.home-hero-title{font-family:var(--font-display);letter-spacing:-4px;margin-bottom:1.5rem;font-size:clamp(3.5rem,8vw,7rem);font-weight:800;line-height:.9}.home-hero-title em{color:var(--electric-coral);font-style:normal}.home-hero-sub{color:#ccc;max-width:520px;margin-bottom:2rem;font-size:1rem;line-height:1.7}.home-hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.home-hero-preview{flex-wrap:wrap;gap:1rem;width:100%;max-width:700px;margin:0 auto;display:flex}.home-preview-chip{flex-direction:column;gap:.5rem;display:flex}.home-preview-label{text-transform:uppercase;letter-spacing:2px;color:#666;font-size:.6rem}.home-stats-bar{border-bottom:var(--border);flex-wrap:wrap;justify-content:center;display:flex}.home-stat-item{border-right:var(--border);text-align:center;padding:1.25rem 2.5rem;font-size:.82rem}.home-stat-item:last-child{border-right:none}.home-stat-item strong{font-family:var(--font-display);font-size:1.5rem;font-weight:800;display:block}.home-section{padding:5rem 2rem}.home-section--dark{background:var(--near-black);color:var(--off-white)}.home-section-title{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:.75rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:800}.home-section-sub{color:#666;margin-bottom:3rem;font-size:.9rem}.home-section--dark .home-section-sub{color:#888}.home-philosophy{background:var(--off-white);border-bottom:var(--border);padding:6rem 2rem;position:relative;overflow:hidden}.home-philosophy-inner{max-width:800px;margin:0 auto;position:relative}.phil-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;color:var(--electric-coral);margin-bottom:1rem;font-size:.75rem}.phil-title{font-family:var(--font-display);letter-spacing:-2px;text-transform:uppercase;margin-bottom:2.5rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.phil-title .highlight{background:var(--acid-yellow);border:var(--border);box-shadow:4px 4px 0 var(--near-black);padding:0 .5rem;display:inline-block;transform:rotate(-1deg)}.phil-content{color:var(--near-black);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;font-size:1rem;line-height:1.7;display:grid}.phil-content p strong{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:3px}.phil-stamp{font-family:var(--font-display);border:3px solid var(--electric-coral);color:var(--electric-coral);text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;padding:.5rem 1rem;font-size:1rem;font-weight:800;position:absolute;top:-20px;right:-40px;transform:rotate(15deg)}@media (width<=768px){.phil-stamp{display:none}}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.feat-card{border:var(--border);box-shadow:var(--shadow);opacity:0;background:#fff;padding:1.5rem;transition:opacity .4s,transform .4s,box-shadow .15s;transform:translateY(20px)}.feat-card.in{opacity:1;transform:translateY(0)}.feat-card:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.feat-icon{margin-bottom:.75rem;font-size:1.8rem}.feat-title{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.feat-desc{color:#555;font-size:.8rem;line-height:1.6}.qs-steps{flex-direction:column;gap:0;max-width:700px;display:flex}.qs-step{border:var(--border);background:#111;gap:0;margin-top:-3px;display:flex}.qs-num{font-family:var(--font-display);color:var(--acid-yellow);border-right:var(--border);text-align:center;justify-content:center;align-items:center;min-width:72px;padding:1.5rem 1.25rem;font-size:2rem;font-weight:800;line-height:1;display:flex}.qs-body{flex:1;min-width:0;padding:1.25rem}.qs-step-title{text-transform:uppercase;letter-spacing:1px;color:#aaa;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.qs-code{font-family:var(--font-mono);color:#fff;white-space:pre-wrap;word-break:break-all;font-size:.82rem;line-height:1.8;overflow:hidden}.qs-copy-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:#888;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #444;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem;transition:all .1s;display:inline-flex}.qs-copy-btn:hover,.qs-copy-btn.copied{background:var(--acid-yellow);color:var(--near-black);border-color:var(--near-black)}.home-footer{border-top:var(--border);color:#888;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;font-size:.75rem;display:flex}.home-footer em{color:var(--electric-coral);font-style:normal;font-family:var(--font-display);font-size:1rem;font-weight:800}.docs-page{background:var(--bg-page);min-height:calc(100vh - 56px);color:var(--text-main);display:flex}.docs-sidebar{border-right:var(--border);background:var(--bg-page);flex-direction:column;flex-shrink:0;gap:.25rem;width:220px;height:calc(100vh - 56px);padding:2rem 1.25rem;display:flex;position:sticky;top:56px;overflow-y:auto}.docs-sidebar-title{text-transform:uppercase;letter-spacing:3px;color:#888;border-bottom:var(--border);margin-bottom:1rem;padding-bottom:.75rem;font-size:.65rem}.docs-nav-link{font-family:var(--font-mono);color:var(--text-main);transition:var(--transition);border:2px solid #0000;padding:.4rem .75rem;font-size:.78rem;text-decoration:none;display:block}.docs-nav-link:hover,.docs-nav-link.active{background:var(--acid-yellow);border-color:var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);color:#000;transform:translate(-2px,-2px)}.docs-main{flex:1;max-width:780px;padding:3rem;overflow-x:hidden}.docs-title{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:1rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:800}.docs-lead{color:var(--text-muted);border-left:5px solid var(--flat-cobalt);margin-bottom:3rem;padding-left:1rem;font-size:.9rem;line-height:1.8}.docs-section{margin-bottom:4rem}.docs-h2{font-family:var(--font-display);letter-spacing:-1px;border-bottom:var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:800}.docs-h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .75rem;font-size:.9rem;font-weight:700}.docs-section p{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;line-height:1.8}.docs-section code{font-family:var(--font-mono);background:var(--bg-card-alt);border:1px solid var(--border-color);color:var(--text-main);padding:.1rem .4rem;font-size:.8rem}.docs-code{font-family:var(--font-mono);color:#e8e8e8;white-space:pre;border:var(--border);box-shadow:var(--shadow);border-left:5px solid var(--acid-yellow);background:#0a0a0a;margin:.75rem 0 1.5rem;padding:1.5rem 1.75rem;font-size:.82rem;line-height:1.8;overflow-x:auto}.docs-code code{color:inherit;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0}.docs-code-wrap{margin:.75rem 0 1.5rem;position:relative}.docs-code-wrap .docs-code{margin:0}.docs-copy-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:#aaa;cursor:pointer;z-index:2;background:#333;border:2px solid #555;padding:.3rem .7rem;font-size:.65rem;font-weight:700;transition:all .15s;position:absolute;top:.6rem;right:.6rem}.docs-copy-btn:hover,.docs-copy-btn.copied{background:var(--acid-yellow);color:var(--near-black);border-color:var(--near-black)}.docs-table-wrap{overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;font-size:.8rem}.docs-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;background:var(--near-black);color:var(--acid-yellow);border:var(--border);padding:.75rem 1rem;font-size:.65rem}.docs-table td{border:var(--border);vertical-align:top;padding:.6rem 1rem}.docs-table tr:nth-child(2n) td{background:var(--bg-card-alt)}.docs-table td code{color:var(--flat-cobalt);background:0 0;border:none;padding:0;font-size:.72rem}@media (width<=768px){.topnav{padding:0 1rem}.topnav-link{padding:.5rem;font-size:.68rem}.docs-sidebar{display:none}.docs-main{padding:2rem 1.25rem}.home-stat-item{padding:1rem 1.25rem}.home-hero,.home-section{padding:3rem 1.25rem}.qs-num{min-width:52px;font-size:1.4rem}}