:root{--bg:#0d1117;--bg-panel:#161b22;--border:#30363d;--text:#c9d1d9;--text-muted:#8b949e;--blue:#58a6ff;--green:#3fb950;--red:#f85149;--amber:#d29922;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-sans:-apple-system, "Segoe UI", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);width:100%;height:100%}h1{margin-bottom:22px;font-size:clamp(30px,5vw,56px);font-weight:500;line-height:1.2}h3{margin-bottom:16px;font-size:clamp(24px,3.6vw,36px);line-height:1.15}p{color:var(--text-muted);line-height:1.5;font-family:var(--font-sans);margin-bottom:28px}.hero>section.hero-description>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.hero.hero-in-view>section.hero-description>*{opacity:1;transform:translateY(0)}.hero>section.hero-description>:first-child{transition-delay:5ms}.hero>section.hero-description>:nth-child(2){transition-delay:80ms}.hero>section.hero-description>:nth-child(3){transition-delay:.16s}.hero>section.hero-description>:nth-child(4){transition-delay:.24s}@media (prefers-reduced-motion:reduce){.hero>section.hero-description>*{opacity:1;transition:none;transform:none}}section{font-family:var(--font-mono);margin:0 auto;padding:112px 24px 104px}section h1{font-family:var(--font-sans);font-weight:600}section .hero-description p{font-family:var(--font-sans);max-width:660px;color:var(--text-muted);margin-bottom:32px;font-size:17px;line-height:1.8}section .hero-description .general-contents{flex-wrap:wrap;gap:32px;margin-top:48px;display:flex}section .hero-description .general-contents span{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:12.5px;line-height:1.6;display:flex}.hero-button{background-color:var(--bg-panel);border:1px solid var(--blue);color:var(--blue);font-family:var(--font-sans);cursor:pointer;border-radius:6px;margin-top:36px;padding:11px 22px;font-size:14px;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-block}.hero-button:hover{border-color:var(--blue);background-color:#58a6ff1f}.tech-stack{border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;gap:6px 16px;max-width:fit-content;margin-bottom:28px;padding:8px 18px;display:flex}.tech-stack li{color:var(--text-muted);font-size:12px;list-style:none;position:relative}.tech-stack li:after{content:"";background-color:var(--text-muted);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:-8px}.tech-stack li:last-child:after{display:none}@media (width>=768px){section{padding:140px 40px 120px}}@media (width>=1024px){section{min-height:92vh;padding:160px 160px 140px}}.sheet-shell{max-width:1040px;margin:40px auto;padding:0 24px}.sheet-body{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);border-radius:6px;padding:40px 32px;position:relative}.sheet-shell .sheet-body>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.sheet-shell.sheet-in-view .sheet-body>*{opacity:1;transform:translateY(0)}.sheet-shell .sheet-body>:first-child{transition-delay:5ms}.sheet-shell .sheet-body>:nth-child(2){transition-delay:60ms}.sheet-shell .sheet-body>:nth-child(3){transition-delay:.12s}.sheet-shell .sheet-body>:nth-child(4){transition-delay:.18s}.sheet-shell .sheet-body>:nth-child(5){transition-delay:.24s}.sheet-shell .sheet-body>:nth-child(6){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.sheet-shell .sheet-body>*{opacity:1;transition:none;transform:none}}.sheet-title{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 10px;font-size:12px;display:inline-flex}.sheet-title-label+.sheet-title-label:before{content:"·";margin-right:8px}.sheet-title-icon{opacity:.85;align-items:center;display:inline-flex}.sheet-body h3{font-family:var(--font-sans);margin:0 0 20px;font-size:clamp(24px,3.4vw,34px);font-weight:600;line-height:1.2}.sheet-body>p{font-family:var(--font-sans);color:var(--text-muted);max-width:680px;font-size:16px;line-height:1.7}.content-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px;display:flex}.content-header button{font-family:var(--font-sans);background:var(--bg-panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:9px 18px;font-size:14px;transition:background .15s,border-color .15s}.content-header button:hover{border-color:var(--text-muted);background:#1c2128}.content-header button:disabled{opacity:.5;cursor:default;background:var(--bg-panel);border-color:var(--border)}.content-footer{font-family:var(--font-mono);max-width:760px;color:var(--text-muted);border-left:2px solid var(--border);margin-top:54px;padding-left:12px;font-size:13px;line-height:1.75}@media (width<=640px){.sheet-body{padding:32px 20px}.content-header{flex-direction:column;align-items:flex-start;gap:14px}}.button-side-tabs{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.button-side-tabs span{align-items:center;gap:8px;display:flex}.button-side-tabs span:before{content:"";background:var(--text-muted);border-radius:2px;width:8px;height:8px}.button-side-tabs span:nth-child(2):before{background:var(--red)}.button-side-tabs span:nth-child(3):before{background:var(--green)}.slider{flex-direction:column;gap:10px;padding-left:24px;display:flex;position:relative}.slider:before{content:"";background:var(--border);width:2px;position:absolute;top:12px;bottom:12px;left:5px}.slider-pulse{content:"";background:var(--blue);border-radius:50%;width:10px;height:10px;transition:top .3s,opacity .2s;position:absolute;left:1.3px;box-shadow:0 0 8px 1px #58a6ff80}.slider-item{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;transition:border .15s;display:flex;position:relative}.slider-item:before{content:"";background:var(--text-muted);border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.slider-item-left{flex-direction:column;gap:6px;padding-left:40px;display:flex}.slider-item-title{font-family:var(--font-mono);color:var(--text);font-size:14px}.slider-item-description{font-family:var(--font-sans);color:var(--text-muted);font-size:14px}.slider-item-category{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:12px}.active-slider-item{border-color:var(--text)}.inactive-slider-item{opacity:.62}.slider-item[data-category=SECURITY]:before,.slider-item[data-category=SECURITY] .slider-item-category{border-color:var(--red);color:var(--red)}.slider-item[data-category=SECURITY]:before{background:var(--red)}.active-slider-item[data-category=SECURITY]{border-color:var(--red)}.slider-item[data-category=ROUTING]:before,.slider-item[data-category=ROUTING] .slider-item-category{border-color:var(--green);color:var(--green)}.slider-item[data-category=ROUTING]:before{background:var(--green)}.active-slider-item[data-category=ROUTING]{border-color:var(--green)}.why-not{font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid var(--border);max-width:780px;margin-top:40px;padding-top:24px;font-size:13px;line-height:1.7}@media (width>=480px){.slider-item-title{font-size:16px}.slider-item{flex-wrap:nowrap}}#reset-btn{color:var(--text-muted);border-color:var(--border)}#reset-btn:hover{border-color:var(--text-muted);background:#1c2128}.no-session:before{display:none}.token-blocks-wrap{position:relative}.token-blocks{flex-wrap:wrap;gap:16px;display:flex}.token-packet{background:var(--blue);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:36px;left:0;box-shadow:0 0 8px 1px #58a6ff80}.token-packet.active{animation:.65s token-packet-move}@keyframes token-packet-move{0%{opacity:0;left:0}12%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 8px)}}.token-block{background:var(--bg);border:1px solid var(--border);border-radius:6px;max-width:430px;padding:22px}.token-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;display:flex;position:relative}.divider{background-color:var(--border);border-radius:2px;width:100%;height:4px;margin-top:22px;display:block;position:relative}.divider:after{content:"";border-radius:2px;height:4px;position:absolute;top:0;left:0}.divider.active:after{width:var(--fill,0%);background-color:var(--blue)}.divider.refresh-token.active:after{background-color:var(--green);width:100%}.token-status{color:var(--text-muted);margin-top:12px;font-size:11.5px;display:block}.token-fields{flex-direction:column;gap:10px;margin-top:28px;display:flex}.token-field{opacity:.5;gap:12px;line-height:1.6;display:flex}.field-title{color:var(--text-muted);flex:0 0 84px;font-size:12px}.field-text{color:var(--text);font-size:14px}h4{font-size:18px}.token-stamp{color:var(--blue);font-size:11.5px}.token-stamp[data-stamp=DB-backed]{color:var(--green)}.rc-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.rc-panel{border:1px solid var(--border);border-radius:8px;padding:22px}.rc-panel.rc-naive{border-color:var(--red)}.rc-panel.rc-fixed{border-color:var(--green)}.rc-panel h4{font-family:var(--font-mono);margin:0 0 6px;font-size:15px}.rc-naive h4{color:var(--red)}.rc-fixed h4{color:var(--green)}.rc-panel-sub{font-family:var(--font-mono);color:var(--text-muted);margin:0 0 20px;font-size:12px}.rc-requests{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.rc-req{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex}.rc-req-active{border-color:var(--amber);box-shadow:0 0 6px #d2992259}.rc-req-disabled{opacity:.45}.rc-req-label{font-family:var(--font-mono);color:var(--text);font-size:13px}.rc-req-state{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.rc-counter{background:#00000026;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;display:flex}.rc-counter-label{font-family:var(--font-mono);color:var(--text-muted);font-size:12px;line-height:1.4}.rc-counter-value{font-family:var(--font-mono);font-size:32px;font-weight:500}.rc-counter-red{color:var(--red)}.rc-counter-green{color:var(--green)}@keyframes rc-counter-pulse{0%{text-shadow:0 0 #0000}35%{text-shadow:0 0 12px var(--rc-glow-color)}to{text-shadow:0 0 6px var(--rc-glow-color)}}.rc-glow-red{--rc-glow-color:var(--red);animation:.7s ease-out rc-counter-pulse}.rc-glow-green{--rc-glow-color:var(--green);animation:.7s ease-out rc-counter-pulse}.rc-verdict{font-family:var(--font-mono);color:var(--red);border:1px solid var(--red);background:#ff6b4a0f;border-radius:8px;margin:0 0 16px;padding:14px 16px;font-size:12px;line-height:1.6}.rc-verdict-green{color:var(--green);border-color:var(--green);background:#4ade9e0f}.rc-run-btn{font-family:var(--font-sans);background:var(--bg-panel);cursor:pointer;border:1px solid;border-radius:6px;padding:8px 18px;font-size:13px;transition:background .15s,border-color .15s}.rc-run-btn-red{border-color:var(--red);color:var(--red)}.rc-run-btn-red:hover{background:#f851491f}.rc-run-btn-green{border-color:var(--green);color:var(--green)}.rc-run-btn-green:hover{background:#3fb9501f}.rc-sql-block{border:1px solid var(--border);background:#00000026;border-radius:8px;margin-bottom:24px;padding:24px}.rc-sql-block pre{font-family:var(--font-mono);color:var(--text);margin:0 0 16px;font-size:13px;line-height:1.7;overflow-x:auto}.rc-sql-caption{color:var(--text-muted);margin:0;font-size:13px}.rc-sql-divider{border-top:1px solid var(--border);margin:18px 0}.rc-measured{font-family:var(--font-mono);color:var(--red);margin:0;font-size:13px}.rc-layers{grid-template-columns:1fr 1.4fr;gap:16px;display:grid}.rc-layers-left{flex-direction:column;gap:12px;display:flex}.rc-layer{border:1px solid var(--border);border-radius:8px;padding:16px 18px}.rc-layer h4{font-family:var(--font-mono);color:var(--text);margin:0 0 6px;font-size:14px}.rc-layer p{color:var(--text-muted);margin:0;font-size:13px}.rc-layers-note{border:1px dashed var(--border);border-radius:8px;align-items:center;padding:18px 20px;display:flex}.rc-layers-note p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}@media (width<=640px){.rc-grid,.rc-requests,.rc-layers{grid-template-columns:1fr}.rc-counter-value{font-size:26px}}.ta-toggle{gap:10px;margin-bottom:32px;display:flex}.ta-toggle button{font-family:var(--font-sans);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.ta-toggle button:hover{border-color:var(--text-muted);background:#1c2128}.ta-toggle button.active{border-color:var(--amber);color:var(--amber)}.ta-bar-row{margin-bottom:28px}.ta-bar-label{font-family:var(--font-mono);color:var(--text);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.ta-ms{color:var(--amber)}.ta-bar-track{background:#0003;border-radius:7px;height:14px;overflow:hidden}.ta-bar-fill{border-radius:7px;height:100%}.ta-bar-fill.ta-real{background:var(--green)}.ta-bar-fill.ta-fake{background:var(--red)}.ta-bar-fill.ta-real.ta-bar-glow{box-shadow:0 0 10px 1px var(--green)}.ta-bar-fill.ta-fake.ta-bar-glow{box-shadow:0 0 10px 1px var(--red)}.ta-caption{color:var(--text-muted);margin:8px 0 0;font-size:13px}.ta-callout{border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:18px 20px}.ta-callout p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.so-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid;position:relative}.so-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.so-line{fill:none;stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:var(--line-length) var(--line-length);stroke-dashoffset:var(--line-length);opacity:.7;transition:stroke-dashoffset .9s}.so-lines-visible .so-line{stroke-dashoffset:0}.so-table{border:1px solid var(--border);border-radius:8px;padding:20px 22px;position:relative}.so-users{border-color:var(--blue)}.so-table h4{font-family:var(--font-mono);color:var(--text);margin:0 0 12px;font-size:16px}.so-table ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.so-table li{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.so-children{flex-direction:column;gap:16px;display:flex}.so-relation{background:var(--bg-panel);font-family:var(--font-mono);color:var(--text-muted);padding:0 8px;font-size:11px;position:absolute;top:-10px;left:16px}@media (width<=640px){.so-layout{grid-template-columns:1fr;gap:16px}.so-relation{top:-8px}}.as-list{border-top:1px solid var(--border)}.as-row{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;gap:20px;padding:24px 0;display:grid}.as-num{font-family:var(--font-mono);color:var(--amber);font-size:13px}.as-text{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:14px;line-height:1.7}.app-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px 24px;display:flex}.app-footer-text{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:13px}.app-footer-links{flex-shrink:0;gap:28px;display:flex}.app-footer-links a{font-family:var(--font-sans);color:var(--blue);font-size:13px;text-decoration:none}.app-footer-links a:hover{text-underline-offset:3px;text-decoration:underline}