:root{color-scheme:dark;--bg:#08111f;--bg-elevated:#0d192b;--panel:#0f1d31c7;--panel-strong:#12213a;--line:#9bb7d92b;--text:#ecf4ff;--muted:#99acc4;--cyan:#50e3d0;--cyan-strong:#13b8aa;--violet:#a991ff;--amber:#f4c66a;--shadow:0 24px 80px #00000047;background:var(--bg);color:var(--text);font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 8%, #2d9da921, transparent 28rem), radial-gradient(circle at 8% 36%, #674cb51a, transparent 28rem), var(--bg);min-width:320px;color:var(--text);margin:0}a{color:inherit}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,.hero-content,.labs-section,.hello-lab-anchor,.contract-section,.not-found{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:78px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--cyan);background:#50e3d014;border:1px solid #50e3d0a6;border-radius:10px 10px 10px 2px;place-items:center;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:.86rem}.brand small{color:var(--cyan);margin-top:.08rem;font-size:.65rem}.site-header nav{gap:1.5rem;display:flex}.site-header nav a,.site-footer a{min-height:44px;color:var(--muted);align-items:center;font-size:.9rem;text-decoration:none;display:inline-flex}.site-header nav a:hover,.site-header nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--cyan)}.hero{border-bottom:1px solid var(--line);min-height:690px;position:relative;overflow:hidden}.hero-grid{opacity:.32;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 90%)}.hero-content{z-index:1;padding:112px 0 72px;position:relative}.eyebrow,.section-kicker{color:var(--cyan);letter-spacing:.18em;margin:0 0 1.2rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:700}.hero h1,.not-found h1{letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.98}.hero h1 em{color:var(--cyan);font-style:normal}.hero-summary{max-width:700px;color:var(--muted);margin:2rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2.4rem;display:flex}.button{border:1px solid var(--line);cursor:pointer;min-height:46px;font:inherit;border-radius:.7rem;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--cyan);background:var(--cyan);color:#041314}.button--primary:hover,.button--primary:focus-visible{background:#7df4e6}.button--secondary{color:var(--text);background:#08111fa8}.button--secondary:hover,.button--secondary:focus-visible{border-color:var(--cyan)}.button--compact{min-height:44px;padding:.6rem .85rem;font-size:.84rem}.hero-principles{flex-wrap:wrap;gap:2rem;margin:4rem 0 0;display:flex}.hero-principles div{grid-template-columns:auto auto;gap:.55rem;display:grid}.hero-principles dt{color:var(--cyan);font-family:ui-monospace,monospace}.hero-principles dd{color:var(--muted);margin:0}.labs-section,.contract-section{padding-block:96px}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,440px);align-items:end;gap:3rem;display:grid}.section-heading h2,.contract-section h2,.token-preview h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.4rem)}.section-heading>p,.preview-copy>p:last-child{color:var(--muted);margin:0;line-height:1.8}.lab-grid,.contract-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.lab-card,.contract-grid article{border:1px solid var(--line);background:linear-gradient(145deg, var(--panel), #08111fb3);min-height:280px;box-shadow:var(--shadow);border-radius:1rem;padding:1.5rem}.lab-card{flex-direction:column;min-height:380px;display:flex;position:relative;overflow:hidden}.lab-card:after{content:"";filter:blur(18px);opacity:.11;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-42px;right:-28px}.lab-card--cyan:after{background:var(--cyan)}.lab-card--violet:after{background:var(--violet)}.lab-card--amber:after{background:var(--amber)}.lab-card-meta{color:var(--muted);justify-content:space-between;align-items:center;font-family:ui-monospace,monospace;font-size:.75rem;display:flex}.status{border:1px solid var(--line);border-radius:99px;padding:.35rem .55rem}.lab-card h3{margin:2.5rem 0 .8rem;font-size:1.45rem}.lab-card p,.contract-grid p{color:var(--muted);line-height:1.7}.lab-card-tags,.lab-card-links ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.lab-card-tags{margin:1rem 0 0}.lab-card-tags li{border:1px solid var(--line);color:var(--muted);border-radius:.45rem;padding:.35rem .55rem;font-size:.75rem}.lab-card-links{z-index:1;border-top:1px solid var(--line);gap:.8rem;margin-top:auto;padding-top:1.25rem;display:grid;position:relative}.lab-card-links ul{margin:0}.lab-card-links a,.related-empty{color:var(--muted);font-size:.8rem}.lab-card-links a:hover,.lab-card-links a:focus-visible{color:var(--cyan)}.route{color:var(--cyan);font-family:ui-monospace,monospace;font-size:.78rem}.hello-lab-anchor{scroll-margin-top:1rem}.token-preview{background:linear-gradient(120deg, #50e3d00f, transparent 45%), var(--panel-strong);box-shadow:var(--shadow);border:1px solid #50e3d04d;border-radius:1.4rem;grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);gap:2rem 4rem;padding:clamp(1.5rem,5vw,4rem);display:grid}.preview-controls{align-self:center}.preview-controls fieldset{border:1px solid var(--line);background:#08111f6b;border-radius:1rem;gap:1.2rem;min-width:0;margin:0;padding:1.4rem;display:grid}.preview-controls legend{color:var(--text);padding-inline:.4rem;font-weight:700}.form-field{gap:.55rem;display:grid}.form-field-heading{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.form-field-heading label{color:var(--text);font-weight:700}.form-field-heading output{color:var(--text);font-family:ui-monospace,monospace}.form-field-hint{color:var(--muted);margin:0;font-size:.76rem;line-height:1.55}.preview-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--cyan);margin:0}.status-notice{border:1px solid var(--line);background:#08111f75;border-left-width:4px;border-radius:.8rem;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;margin-top:1.4rem;padding:.9rem;display:grid}.status-notice--ready{border-left-color:var(--cyan)}.status-notice--info{border-left-color:var(--violet)}.status-notice--warning{border-left-color:var(--amber)}.status-notice--error{border-left-color:#ff8b92}.status-notice-icon{width:1.65rem;height:1.65rem;color:var(--cyan);border:1px solid;border-radius:50%;place-items:center;font-family:ui-monospace,monospace;font-weight:800;display:grid}.status-notice--info .status-notice-icon{color:var(--violet)}.status-notice--warning .status-notice-icon{color:var(--amber)}.status-notice--error .status-notice-icon{color:#ff8b92}.status-notice-title,.status-notice-copy,.status-notice-copy p{margin:0}.status-notice-title{color:var(--text);font-size:.88rem;font-weight:700}.status-notice-title span{color:var(--cyan)}.status-notice-copy{color:var(--muted);margin-top:.25rem;font-size:.8rem;line-height:1.55}.task-result{border:1px solid var(--line);background:#08111fb3;border-radius:.9rem;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.2rem;display:grid}.task-band{background:var(--cyan);width:58px;height:58px;color:var(--bg);border-radius:.8rem;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.task-result--violet .task-band{background:var(--violet)}.task-result--amber .task-band{background:var(--amber)}.task-result p,.task-result h3,.task-result span{margin:0}.task-result p,.task-result div>span{color:var(--muted);font-size:.86rem}.task-result h3{margin-block:.25rem}.evidence-section,.export-panel{grid-column:1/-1}.evidence-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.evidence-heading .section-kicker{margin:0}.evidence-heading h3{margin:0;font-size:1.3rem}.evidence-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.evidence-card{border:1px solid var(--line);background:#08111f8c;border-top-width:3px;border-radius:.8rem;min-width:0;padding:1rem}.evidence-card--input{border-top-color:var(--cyan)}.evidence-card--rule{border-top-color:var(--violet)}.evidence-card--ai{border-top-color:var(--amber)}.evidence-card--unknown{border-top-color:var(--muted)}.evidence-kind,.evidence-card h3,.evidence-value,.evidence-copy{margin:0}.evidence-kind{color:var(--cyan);letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700}.evidence-card--rule .evidence-kind{color:var(--violet)}.evidence-card--ai .evidence-kind{color:var(--amber)}.evidence-card--unknown .evidence-kind{color:var(--muted)}.evidence-card h3{margin-top:1.1rem;font-size:.95rem}.evidence-value{overflow-wrap:anywhere;color:var(--text);margin-top:.35rem;font-family:ui-monospace,monospace;font-size:.82rem}.evidence-copy{color:var(--muted);margin-top:.7rem;font-size:.78rem;line-height:1.55}.export-panel{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1rem;padding-top:1rem;display:flex}.export-actions{flex-wrap:wrap;gap:.6rem;display:flex}.export-status{max-width:520px;color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.contract-section{border-bottom:1px solid var(--line)}.contract-grid article{min-height:210px;box-shadow:none}.contract-grid article>span{color:var(--cyan);letter-spacing:.16em;font-family:ui-monospace,monospace;font-size:.72rem}.contract-grid h3{margin-top:2.2rem}.site-footer{min-height:120px;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.86rem;display:flex}.not-found{min-height:calc(100vh - 200px);padding-block:120px}.not-found h1{max-width:800px;font-size:clamp(2.7rem,7vw,5.5rem)}.not-found>p:not(.section-kicker){color:var(--muted);margin-block:1.5rem 2rem}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}@media (width<=800px){.site-header,.site-footer,.hero-content,.labs-section,.hello-lab-anchor,.contract-section,.not-found{width:min(100% - 28px,1180px)}.site-header{min-height:68px}.site-header nav{gap:.9rem}.hero{min-height:600px}.hero-content{padding-top:80px}.hero h1 br{display:none}.hero-principles{gap:.8rem;margin-top:3rem;display:grid}.section-heading,.token-preview,.lab-grid,.evidence-grid,.contract-grid{grid-template-columns:1fr}.lab-card{min-height:360px}.task-result,.evidence-section,.export-panel{grid-column:auto}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=600px){.site-header{flex-wrap:wrap;gap:.4rem 1rem;padding-block:.6rem}.site-header nav{border-top:1px solid var(--line);justify-content:space-between;gap:.4rem;width:100%}.hero h1,.not-found h1{font-size:clamp(2.65rem,15vw,4rem)}.token-preview{padding-inline:1rem}.preview-controls fieldset{padding:1rem}.task-result{grid-template-columns:1fr}.evidence-heading,.export-panel{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.status,.status-notice,.evidence-card,.preview-controls fieldset{border-color:buttontext}}