@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;600;700&display=swap";:root{--paper: #f4f4f0;--ink: #1a1a1a;--ink-light: #555555;--guide: #cccccc;--hatch-size: 4px;--border-width: 1px;--bold-border: 2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:JetBrains Mono,monospace;line-height:1.5;font-size:14px;overflow-x:hidden;background-image:linear-gradient(var(--guide) 1px,transparent 1px),linear-gradient(90deg,var(--guide) 1px,transparent 1px);background-size:100px 100px;background-position:center top}.hatch-pattern{background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent var(--hatch-size))}.hatch-pattern-light{background-image:repeating-linear-gradient(45deg,var(--guide) 0,var(--guide) 1px,transparent 0,transparent var(--hatch-size))}.cross-hatch{background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px),repeating-linear-gradient(-45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px)}.text-display{font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.container{max-width:1400px;margin:0 auto;padding:0 40px;border-left:1px dashed var(--ink);border-right:1px dashed var(--ink);min-height:100vh;position:relative}@media(max-width:768px){.container{padding:0 20px;border-left:none;border-right:none}}.btn-main{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:12px 24px;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:4px 4px 0 var(--ink);text-decoration:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;line-height:1.5;font-size:inherit}.btn-main:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 8px)}.btn-main.dashed{border-style:dashed}.btn-small{padding:8px 16px;font-size:.8rem}.btn-clone{background:none;border:1px solid var(--ink);padding:4px 8px;cursor:pointer;font-family:JetBrains Mono,monospace}.btn-clone:hover{background:var(--ink);color:var(--paper)}.corner-decoration{position:fixed;width:20px;height:20px}.corner-decoration.bottom-right{bottom:20px;right:20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.corner-decoration.top-left{top:20px;left:20px;border-left:2px solid var(--ink);border-top:2px solid var(--ink)}.guide-line{position:fixed;top:0;bottom:0;width:1px;z-index:-1}.guide-line.left{left:40px;border-left:1px dashed var(--guide)}.guide-line.right{right:40px;border-right:1px dashed var(--guide)}.site-header{border-bottom:var(--bold-border) solid var(--ink);position:relative}.site-header:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--ink)}.site-header-main{display:flex;justify-content:space-between;align-items:center;padding:24px 0;position:relative}.site-logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}.site-logo-text{display:inline-block}.site-version-badge{font-size:.6em;border:1px solid var(--ink);padding:0 4px;margin-left:8px}.site-nav{display:flex;align-items:center;gap:32px}.site-nav-link{text-decoration:none;color:var(--ink);text-transform:uppercase;font-size:.8rem;position:relative;white-space:nowrap;opacity:.6;transition:opacity .2s ease}.site-nav-link:hover{opacity:1}.site-nav-link.active{opacity:1;font-weight:700}.site-nav-link:hover:before{content:"[";position:absolute;left:-10px}.site-nav-link:hover:after{content:"]";position:absolute;right:-10px}.site-mobile-cta{display:none!important}.site-desktop-cta{display:inline-flex;flex-shrink:0}.site-header-breadcrumb{padding:12px 0;font-size:.8rem;text-transform:uppercase;color:var(--ink-light);border-top:1px dashed var(--guide)}.site-header-breadcrumb a{color:var(--ink-light);text-decoration:none;transition:color .2s ease}.site-header-breadcrumb a:hover{color:var(--ink)}.site-burger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:100;color:var(--ink)}@media(max-width:768px){.site-burger-btn{display:block}.site-desktop-cta{display:none!important}.site-mobile-cta{display:inline-flex!important;margin-top:24px;width:100%;text-align:center}.site-nav{display:none;position:absolute;top:100%;left:-20px;right:-20px;background:var(--paper);flex-direction:column;gap:0;padding:24px 40px;border-bottom:2px solid var(--ink);z-index:50}.site-nav.open{display:flex;animation:siteNavSlideDown .2s ease-out}.site-nav-link{margin-left:0;margin-bottom:24px;display:block;font-size:1.1rem;padding:8px 0;border-bottom:1px dashed var(--guide);opacity:.8}.site-nav-link.active{opacity:1}.site-logo-text{font-size:.9rem}.site-header-breadcrumb{font-size:.7rem;padding:10px 0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media(max-width:400px){.site-logo-text{font-size:.75rem}.site-version-badge{display:none}}@keyframes siteNavSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:80px 0;border-bottom:1px solid var(--ink);position:relative}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-label{margin-bottom:16px;font-size:.8rem;color:var(--ink-light)}.hero-title{font-size:5rem;line-height:.9;margin-bottom:32px;font-weight:400}.hero-description{font-size:1.1rem;max-width:500px;margin-bottom:48px;border-left:2px solid var(--ink);padding-left:20px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-secondary{padding:16px 32px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;background:transparent;border:2px solid var(--ink);color:var(--ink);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--ink);color:var(--paper)}.supported-networks{margin-top:60px;display:flex;gap:20px;font-size:.8rem}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}}@media(max-width:768px){.hero{padding:40px 0;gap:30px}.hero-title{font-size:2.5rem;margin-bottom:20px}.hero-description{font-size:1rem;padding-left:16px;margin-bottom:32px}.hero-buttons{flex-direction:column;gap:12px}.hero-buttons .btn-main,.hero-buttons .btn-secondary{text-align:center;width:100%}.supported-networks{margin-top:32px;gap:12px;font-size:.7rem;flex-wrap:wrap}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-label{font-size:.7rem}}.iso-stack-container{position:relative;height:500px;display:none;justify-content:center;align-items:center;perspective:1000px}.iso-plane{width:300px;height:200px;border:2px solid var(--ink);position:absolute;background:var(--paper);transform-style:preserve-3d;transition:transform .4s ease;display:flex;align-items:center;justify-content:space-between;padding:20px;box-shadow:10px 10px 20px #0000000d}@media(min-width:1024px){.iso-stack-container{display:flex;height:600px;perspective:1200px;transform:scale(1.2)}.iso-plane{width:360px;height:240px;padding:24px;box-shadow:12px 12px 24px #0000000d}}.iso-plane:hover{background-image:repeating-linear-gradient(45deg,var(--guide) 0,var(--guide) 1px,transparent 0,transparent 4px)}.stack-guide-line{position:absolute;width:2px;height:200px;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;border-left:1px dashed var(--ink)}.plane-label{font-weight:700;background:var(--ink);color:var(--paper);padding:4px 8px;font-size:.8rem}.plane-value{border:1px solid var(--ink);padding:4px 8px}.plane-dimension-line{position:absolute;right:-40px;top:0;width:30px;border-bottom:1px dashed var(--ink)}.plane-bottom-pattern{position:absolute;bottom:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,var(--ink),var(--ink) 1px,transparent 1px,transparent 10px)}.dimension-line{position:absolute;right:-20px;top:0;bottom:0;width:1px;background:var(--ink);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.dimension-line:before,.dimension-line:after{content:"";width:10px;height:1px;background:var(--ink)}.dim-text{writing-mode:vertical-rl;background:var(--paper);padding:8px 0;font-size:.7rem}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}.trust-item{padding:24px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:8px}.trust-item:last-child{border-right:none}.trust-label{font-size:.7rem;text-transform:uppercase;color:var(--ink-light)}.trust-value{font-size:1.5rem;font-weight:700}@media(max-width:768px){.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-item{padding:16px 12px}.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--ink)}}@media(max-width:480px){.trust-strip{grid-template-columns:1fr 1fr}.trust-value{font-size:1.2rem}.trust-label{font-size:.65rem}}.apy-tooltip-container{position:relative;display:inline-flex;align-items:center}.apy-info-btn{background:transparent;border:none;padding:2px;cursor:pointer;color:var(--ink-light, #555);display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;border-radius:50%}.apy-info-btn:hover{color:var(--ink, #1a1a1a);transform:scale(1.1)}.apy-info-btn:focus{outline:2px solid var(--ink, #1a1a1a);outline-offset:2px}.apy-tooltip{position:absolute;z-index:1000;width:260px;background:#fff;border:1px solid var(--ink, #1a1a1a);box-shadow:4px 4px #0000001a;font-family:JetBrains Mono,monospace;font-size:11px}.apy-tooltip.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.apy-tooltip.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--ink, #1a1a1a);color:#fff}.tooltip-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.data-badge{font-size:8px;padding:2px 6px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.data-badge.live{background:#22c55e;color:#fff}.data-badge.fallback{background:#f59e0b;color:#fff}.tooltip-content{padding:12px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.row-label{color:var(--ink-light, #555);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.row-value{font-weight:700;font-size:12px}.row-value.negative{color:#ef4444}.row-value.muted{color:var(--ink-light, #555);font-weight:500}.tooltip-breakdown{background:#f9fafb;margin:8px 0;padding:8px}.breakdown-item{display:flex;justify-content:space-between;font-size:9px;padding:2px 0;color:var(--ink-light, #555)}.tooltip-divider{height:1px;background:var(--guide, #ccc);margin:8px 0}.tooltip-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:8px;border-top:1px dashed var(--guide, #ccc)}.source-row{display:flex;align-items:center;gap:4px;color:var(--ink-light, #555);font-size:9px}.update-time{color:var(--ink-light, #555);font-size:8px}.tooltip-empty{text-align:center;padding:16px 8px}.tooltip-empty span{display:block;color:var(--ink-light, #555)}.tooltip-empty .empty-note{font-size:9px;margin-top:4px}.apy-info-icon{position:relative;display:inline-flex;align-items:center;cursor:help;color:var(--ink-light, #555);margin-left:4px;vertical-align:middle}.apy-info-icon:hover{color:var(--ink, #1a1a1a)}.simple-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--ink, #1a1a1a);color:#fff;padding:6px 10px;font-size:9px;white-space:nowrap;max-width:200px;white-space:normal;text-align:center;z-index:1000;margin-bottom:6px;line-height:1.4}.simple-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--ink, #1a1a1a)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.apy-tooltip{animation:fadeIn .15s ease-out}.protocol-card{background:#fff;border:1px solid var(--ink);padding:32px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.card-badge{position:absolute;top:16px;right:16px;background:#22c55e;color:#fff;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.05em;padding:4px 8px;border-radius:2px}.protocol-card.selected .card-badge{background:#4ade80;color:#14532d}.card-subtitle{font-family:Inter,sans-serif;font-size:11px;color:var(--ink-light);margin:-16px 0 16px;font-style:italic}.protocol-card.selected .card-subtitle{color:#fff9}.protocol-card:hover{transform:translateY(-4px);box-shadow:12px 12px #0000000d}.protocol-card.selected{background:var(--ink);color:var(--paper);box-shadow:12px 12px #0000001a}.protocol-card.selected .card-category,.protocol-card.selected .card-description{color:#ffffff80}.protocol-card.selected .card-stats,.protocol-card.selected .card-footer{border-top-color:#fff3}.protocol-card.selected .live-indicator{color:#ffffffb3}.protocol-card.selected .live-dot{background:#22c55e}.protocol-card.selected .apy-info-btn{color:#ffffff80}.protocol-card.selected .apy-info-btn:hover{color:#ffffffe6}.card-category{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.card-name{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:8px 0 24px}.card-description{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em;color:var(--ink-light);margin-bottom:24px;line-height:1.6}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:auto;padding-top:24px;border-top:1px solid var(--guide)}.stat-block{display:flex;flex-direction:column;gap:4px}.stat-header{display:flex;align-items:center;gap:6px}.stat-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.stat-value.negative{color:#ef4444}.stat-value.borrow-cost{color:#f59e0b}.protocol-card.selected .stat-value.negative{color:#fca5a5}.protocol-card.selected .stat-value.borrow-cost{color:#fbbf24}.stat-value.avg{font-size:14px;font-weight:500;color:var(--ink-light)}.protocol-card.selected .stat-value.avg{color:#fff9}.live-indicator{display:inline-flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--ink-light);margin-top:2px}.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--guide)}.risk-row{display:flex;justify-content:space-between;align-items:center}.risk-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}@media(max-width:768px){.protocol-card{padding:20px}.card-name{font-size:20px;margin-bottom:12px}.card-description{margin-bottom:16px}.card-stats{gap:16px;padding-top:16px;margin-top:0}.stat-value{font-size:16px}.card-footer{display:none}}.protocol-card.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0}.protocol-card.disabled:hover{transform:none;box-shadow:none}.card-disabled-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:10;border:2px dashed #ccc}.disabled-reason{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;text-align:center;padding:16px;background:#ffffffe6;border:1px solid #ddd}.section-header{padding:60px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px dashed var(--ink)}.section-title{font-size:2rem;text-transform:uppercase}.section-label{font-family:JetBrains Mono,monospace;font-size:.8rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--ink)}.feature-card{padding:40px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;transition:all .3s}.feature-card:nth-child(2n){border-right:none}.feature-card:hover{background-color:#f0f0eb}.feature-card:hover:after{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px);border:1px solid var(--ink)}.feature-icon{width:60px;height:60px;border:1px solid var(--ink);margin-bottom:24px;display:grid;place-items:center;font-size:1.5rem;background:#fff;box-shadow:4px 4px 0 var(--ink-light)}.feature-title{margin-bottom:12px}@media(max-width:768px){.section-header{flex-direction:column;gap:16px;align-items:flex-start;padding:40px 0 20px}.section-title{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.feature-card{border-right:none;padding:24px}.feature-icon{width:48px;height:48px;margin-bottom:16px;font-size:1.2rem}}.strategies-section{padding:80px 0}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.strategy-table{width:100%;border-collapse:collapse;margin-top:40px;font-family:JetBrains Mono,monospace}.strategy-table th{text-align:left;padding:16px;border-bottom:2px solid var(--ink);text-transform:uppercase;font-size:.8rem}.strategy-table td{padding:24px 16px;border-bottom:1px solid var(--ink);vertical-align:middle}.strategy-row:hover{background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 1px,transparent 0,transparent 8px)}.strategy-type{color:var(--ink-light);font-size:.7em}.protocol-tags span{display:inline-block;border:1px solid var(--ink);padding:2px 6px;font-size:.7rem;margin-right:4px;background:#fff}.apy-value{font-weight:700}.risk-meter-container{display:flex;align-items:center;gap:8px;width:fit-content}.risk-meter-container.hatch-pattern{padding-right:8px}.risk-meter{width:100px;height:12px;border:1px solid var(--ink);display:flex;background:#fff}.risk-score{font-size:.8em}.high-risk-score{background:#fff;padding:0 2px}.strategy-cards-mobile{display:none}@media(max-width:768px){.strategies-section{padding:40px 0}.strategy-table-desktop{display:none}.strategy-cards-mobile{display:flex;flex-direction:column;gap:16px;margin-top:24px}.strategy-card-mobile{border:1px solid var(--ink);padding:20px;background:#fff;font-family:JetBrains Mono,monospace}.strategy-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--guide)}.strategy-card-header .strategy-type{display:block;margin-top:4px}.strategy-card-protocols{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.protocol-tag-mobile{display:inline-block;border:1px solid var(--ink);padding:2px 8px;font-size:.7rem;background:#fff}.strategy-card-risk{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed var(--guide)}.strategy-card-risk-label{font-size:.7rem;text-transform:uppercase;color:var(--ink-light);flex-shrink:0}.strategy-card-risk .risk-meter{width:80px}.strategy-card-actions{display:flex;gap:8px}.strategy-card-actions .btn-clone{flex:1;padding:8px 12px;text-align:center}}.cta-section{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);gap:40px}.cta-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cta-title{font-size:3rem;margin-bottom:24px}.cta-description{margin-bottom:32px;font-size:1.1rem;max-width:400px}.cta-buttons{display:flex;gap:16px}.cta-visual{border:2px solid var(--ink);display:grid;place-items:center;min-height:300px}.status-card{background:var(--paper);padding:20px;border:1px solid var(--ink);transform:rotate(-5deg)}.status-label{font-size:.8rem;border-bottom:1px solid var(--ink);margin-bottom:10px;padding-bottom:4px}.status-value{font-size:2rem;font-weight:700}@media(max-width:768px){.cta-section{grid-template-columns:1fr;padding:60px 0}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column}.cta-buttons .btn-main{text-align:center;width:100%}.cta-visual{min-height:200px}.cta-description{font-size:1rem}}@media(max-width:480px){.cta-section{padding:40px 0}.cta-title{font-size:1.6rem}.status-value{font-size:1.4rem}}.footer{border-top:2px solid var(--ink);padding:60px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;font-size:.8rem}.footer-brand{display:flex;flex-direction:column}.footer-logo{margin-bottom:20px;font-size:1rem}.logo-mark-small{width:16px;height:16px}.footer-description{max-width:300px;color:var(--ink-light)}.footer-col h4{text-transform:uppercase;margin-bottom:20px;border-bottom:1px solid var(--ink);display:inline-block;padding-bottom:4px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{color:var(--ink);text-decoration:none}.footer-col a:hover{text-decoration:underline}@media(max-width:768px){.footer{grid-template-columns:1fr 1fr;padding:40px 0}.footer-brand{grid-column:span 2;margin-bottom:20px}}@media(max-width:480px){.footer{grid-template-columns:1fr;gap:24px}.footer-brand{grid-column:span 1}.footer-col h4{margin-bottom:12px}}.canvas-card{--card-bg: #F2F2F2;--card-content-bg: #FBFBFB;--card-text: #121414;--card-dim: #6B7280;--card-border: #121414;--card-divider: #121414;--card-dotted: rgba(18, 20, 20, .4);--card-connector: #121414;--card-pill-bg: #121414;--card-pill-text: #F7F8F7;--card-logo-bg: #FFFFFF;--card-logo-border: #121414;--card-chip-border: #121414;--card-chip-text: #121414;--card-frame: #121414;--card-bar: #121414;--card-pattern: rgba(18, 20, 20, .18);--card-shadow: 8px 8px 24px rgba(0, 0, 0, .15);--card-holo-grad: linear-gradient(135deg, #E0E0E0 0%, #FFFFFF 50%, #D6D6D6 100%);--card-holo-border: #CCC;width:340px;height:520px;background:var(--card-bg);border:1px solid var(--card-border);position:relative;box-shadow:var(--card-shadow);color:var(--card-text);-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer;transition:all .2s ease}.canvas-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:12px 12px 40px #00000040;z-index:10}.canvas-card .card-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--card-content-bg);color:var(--card-text);z-index:8}.canvas-card .card-stack-section{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}.canvas-card .card-stats-section{margin-top:32px;position:relative;z-index:10}.canvas-card .card-footer-section{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:10}.canvas-card .card-pattern{position:absolute;top:0;right:0;width:100%;height:100%;opacity:.05;background:repeating-linear-gradient(45deg,var(--card-pattern),var(--card-pattern) 1px,transparent 1px,transparent 10px);pointer-events:none}.canvas-card .card-hologram{width:40px;height:40px;border-radius:50%;background:var(--card-holo-grad);border:1px solid var(--card-holo-border);opacity:.8}.canvas-card .barcode{display:flex;height:16px;gap:2px;align-items:stretch}.canvas-card .bc-bar{background:var(--card-bar);flex-grow:1}.canvas-card .text-dim{color:var(--card-dim)}.canvas-card .label-mono{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.canvas-card .font-display{font-family:Space Grotesk,sans-serif}.canvas-card .font-mono{font-family:JetBrains Mono,monospace}.canvas-card.theme-dark,.yield-card.theme-dark{--card-bg: #0D0F11;--card-content-bg: linear-gradient(180deg, #101317 0%, #090B0F 100%);--card-text: #F5F5F5;--card-dim: #A1A8B3;--card-border: #3B404A;--card-divider: rgba(245, 245, 245, .7);--card-dotted: rgba(209, 213, 219, .45);--card-connector: #D1D5DB;--card-pill-bg: #F5F5F5;--card-pill-text: #0D0F11;--card-logo-bg: #161A20;--card-logo-border: #4B5563;--card-chip-border: #6B7280;--card-chip-text: #F5F5F5;--card-frame: #F5F5F5;--card-bar: #F5F5F5;--card-pattern: rgba(255, 255, 255, .14);--card-shadow: 26px 24px 64px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .06);--card-holo-grad: linear-gradient(135deg, #7B92B4 0%, #C6D1E5 45%, #8094B7 100%);--card-holo-border: rgba(209, 213, 219, .8)}.canvas-card.theme-glass,.yield-card.theme-glass{--card-bg: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .05));--card-content-bg: transparent;--card-text: #0B1324;--card-dim: rgba(11, 19, 36, .6);--card-border: rgba(255, 255, 255, .4);--card-divider: rgba(11, 19, 36, .2);--card-dotted: rgba(11, 19, 36, .15);--card-connector: rgba(11, 19, 36, .2);--card-pill-bg: rgba(255, 255, 255, .6);--card-pill-text: #0B1324;--card-logo-bg: rgba(255, 255, 255, .5);--card-logo-border: rgba(255, 255, 255, .6);--card-chip-border: rgba(11, 19, 36, .2);--card-chip-text: #0B1324;--card-frame: rgba(255, 255, 255, .3);--card-bar: rgba(11, 19, 36, .6);--card-pattern: rgba(11, 19, 36, .05);--card-shadow: 30px 30px 80px rgba(0, 0, 0, .25), -1px -1px 0px rgba(255, 255, 255, .5) inset;background:var(--card-bg);backdrop-filter:blur(30px) saturate(180%) contrast(1.1);-webkit-backdrop-filter:blur(30px) saturate(180%) contrast(1.1)}.strategy-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.strategy-modal-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.strategy-modal-close{position:absolute;top:-60px;right:-60px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.strategy-modal-close:hover{background:#fff3;transform:scale(1.1)}.strategy-modal-stage{perspective:1200px;transform-style:preserve-3d}.strategy-modal-actions{display:flex;gap:16px}.strategy-modal-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;transition:all .2s ease}.strategy-modal-btn.primary{background:#121414;color:#fff}.strategy-modal-btn.primary:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.strategy-modal-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.strategy-modal-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}.strategy-modal-stage .yield-card{--card-bg: #F2F2F2;--card-content-bg: #FBFBFB;--card-text: #121414;--card-dim: #6B7280;--card-border: #121414;--card-divider: #121414;--card-dotted: rgba(18, 20, 20, .4);--card-connector: #121414;--card-pill-bg: #121414;--card-pill-text: #F7F8F7;--card-logo-bg: #FFFFFF;--card-logo-border: #121414;--card-chip-border: #121414;--card-chip-text: #121414;--card-frame: #121414;--card-bar: #121414;--card-pattern: rgba(18, 20, 20, .18);--card-shadow: 20px 20px 60px rgba(0, 0, 0, .25), -1px -1px 0px rgba(255, 255, 255, .5) inset;width:340px;height:520px;background:var(--card-bg);border:1px solid var(--card-border);position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;box-shadow:var(--card-shadow);color:var(--card-text);-webkit-user-select:none;user-select:none;overflow:hidden}.strategy-modal-stage .card-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--card-content-bg);color:var(--card-text);z-index:8}.strategy-modal-stage .card-stack-section{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}.strategy-modal-stage .card-stats-section{margin-top:32px;position:relative;z-index:10}.strategy-modal-stage .card-footer-section{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:10}.strategy-modal-stage .card-pattern{position:absolute;top:0;right:0;width:100%;height:100%;opacity:.05;background:repeating-linear-gradient(45deg,var(--card-pattern),var(--card-pattern) 1px,transparent 1px,transparent 10px);pointer-events:none}.strategy-modal-stage .card-hologram{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#fff,#d6d6d6);border:1px solid #CCC;opacity:.8}.strategy-modal-stage .text-dim{color:var(--card-dim)}.strategy-modal-stage .label-mono{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.strategy-modal-stage .font-display{font-family:Space Grotesk,sans-serif}.strategy-modal-stage .font-mono{font-family:JetBrains Mono,monospace}.strategy-modal-stage .yield-card.theme-dark{--card-bg: #0D0F11;--card-content-bg: linear-gradient(180deg, #101317 0%, #090B0F 100%);--card-text: #F5F5F5;--card-dim: #A1A8B3;--card-border: #3B404A;--card-divider: rgba(245, 245, 245, .7);--card-dotted: rgba(209, 213, 219, .45);--card-connector: #D1D5DB;--card-pill-bg: #F5F5F5;--card-pill-text: #0D0F11;--card-logo-bg: #161A20;--card-logo-border: #4B5563;--card-chip-border: #6B7280;--card-chip-text: #F5F5F5;--card-frame: #F5F5F5;--card-bar: #F5F5F5;--card-pattern: rgba(255, 255, 255, .14);--card-shadow: 26px 24px 64px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .06)}.strategy-modal-stage .yield-card.theme-glass{--card-bg: rgba(255, 255, 255, .75);--card-content-bg: rgba(255, 255, 255, .55);--card-text: #0B1324;--card-dim: rgba(11, 19, 36, .7);--card-border: rgba(200, 210, 225, .5);--card-divider: rgba(11, 19, 36, .3);--card-dotted: rgba(11, 19, 36, .25);--card-connector: rgba(11, 19, 36, .3);--card-pill-bg: rgba(255, 255, 255, .7);--card-pill-text: #0B1324;--card-logo-bg: rgba(255, 255, 255, .8);--card-logo-border: rgba(180, 190, 210, .4);--card-chip-border: rgba(11, 19, 36, .3);--card-chip-text: #0B1324;--card-frame: rgba(255, 255, 255, .4);--card-bar: rgba(11, 19, 36, .65);--card-pattern: rgba(11, 19, 36, .03);--card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .6) inset;background:var(--card-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}@media(max-width:600px){.strategy-modal-close{top:-50px;right:0}.strategy-modal-stage .yield-card{width:300px;height:480px}.strategy-modal-actions{flex-direction:column;width:100%;padding:0 20px}.strategy-modal-btn{width:100%;justify-content:center}}.search-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:9999;animation:fadeIn .15s ease}.search-modal{width:100%;max-width:900px;background:var(--paper, #f4f4f0);border:2px solid var(--ink, #1a1a1a);box-shadow:8px 8px 0 var(--ink, #1a1a1a);display:flex;flex-direction:column;max-height:70vh;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:2px solid var(--ink, #1a1a1a)}.search-icon{color:var(--ink-light, #666);flex-shrink:0}.search-input{appearance:none;flex:1;background:transparent;border:none;font-family:Space Grotesk,sans-serif;font-size:16px;color:var(--ink, #1a1a1a);outline:none}.search-input::placeholder{color:var(--ink-light, #888)}.search-shortcut{font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 8px;background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);text-transform:uppercase;font-weight:600}.search-categories{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--guide, #ddd);overflow-x:auto;background:#00000005}.category-tab{appearance:none;background:transparent;border:1px solid var(--guide, #ddd);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;min-height:32px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap;color:var(--ink-light, #666);position:relative}.category-tab:focus{outline:none}.category-tab:focus-visible{outline:2px solid var(--ink, #1a1a1a);outline-offset:1px}.category-tab:hover{border-color:var(--ink, #1a1a1a);color:var(--ink, #1a1a1a)}.category-tab.active{background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);border-color:var(--ink, #1a1a1a)}.category-tab-icon{font-size:10px;opacity:.85}.search-results{flex:1;overflow-y:auto;padding:8px}.search-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--ink-light, #888);font-size:13px}.results-group{margin-bottom:16px}.group-header{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-light, #888);padding:8px 12px 6px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .1s ease;border:1px solid transparent}.search-result-item:hover,.search-result-item.selected{background:#0000000a;border-color:var(--guide, #ddd)}.search-result-item.selected{border-color:var(--ink, #1a1a1a)}.result-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;font-size:16px;flex-shrink:0;border:1px solid rgba(0,0,0,.08);overflow:hidden}.result-icon-image{width:22px;height:22px;object-fit:contain}.result-icon-glyph{font-size:14px;font-weight:700}.result-content{flex:1;min-width:0}.result-name{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:var(--ink, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-description{font-size:11px;color:var(--ink-light, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.result-action{flex-shrink:0}.filter-badge,.view-badge{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;padding:4px 8px;background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);opacity:0;transition:opacity .15s ease}.search-result-item:hover .filter-badge,.search-result-item:hover .view-badge,.search-result-item.selected .filter-badge,.search-result-item.selected .view-badge{opacity:1}.filter-badge{background:#3b82f6}.view-badge{background:var(--ink, #1a1a1a)}.search-footer{display:flex;gap:20px;padding:12px 20px;border-top:1px solid var(--guide, #ddd);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light, #888)}.search-footer kbd{display:inline-block;padding:2px 6px;background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);margin-right:4px;font-family:inherit}@media(max-width:600px){.search-modal-overlay{padding:0;align-items:flex-end}.search-modal{max-width:none;max-height:85vh;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -4px 20px #00000026}.search-footer{display:none}}.search-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-trigger{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid var(--ink, #1a1a1a);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;cursor:pointer;transition:all .15s ease;color:var(--ink-light, #666)}.search-trigger:focus{outline:none}.search-trigger:focus-visible{outline:2px solid var(--ink, #1a1a1a);outline-offset:1px}.search-trigger:hover{background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);box-shadow:3px 3px 0 var(--ink, #1a1a1a);transform:translate(-1px,-1px)}.trigger-text{display:none}.trigger-shortcut{padding:2px 6px;background:#00000014;font-size:9px;letter-spacing:.02em}.search-trigger:hover .trigger-shortcut{background:#ffffff26}.active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;background:var(--ink, #1a1a1a);color:var(--paper, #f4f4f0);font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;animation:pillIn .2s ease}.pill-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);overflow:hidden;flex-shrink:0;margin-right:2px}.pill-icon img{width:11px;height:11px;object-fit:contain}.pill-icon span{font-size:9px;font-weight:700;line-height:1}@keyframes pillIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pill-type{opacity:.6}.pill-value{font-weight:600}.pill-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .15s ease}.pill-remove:hover{opacity:1}.clear-all{background:transparent;border:none;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;color:var(--ink-light, #888);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.clear-all:hover{color:var(--ink, #1a1a1a)}@media(min-width:600px){.trigger-text{display:inline}}@media(max-width:600px){.search-filter-bar{gap:8px}.filter-pill{font-size:8px;padding:4px 6px}.trigger-shortcut{display:none}}.strategies-layout{--bg-color: var(--paper);--surface-color: var(--paper);--text-main: var(--ink);--text-dim: var(--ink-light);--border-light: var(--guide);--accent-color: var(--ink);background:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow:hidden;font-family:JetBrains Mono,monospace}.strategies-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:2px solid var(--text-main);background:var(--surface-color);z-index:100;flex-shrink:0;position:relative}.strategies-header:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--text-main)}.strategies-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main);flex-shrink:0}.strategies-brand-text{font-size:1rem;font-weight:700}.strategies-nav{display:flex;gap:32px}.strategies-header .nav-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-dim);padding:4px 0}.strategies-header .nav-link:hover{color:var(--text-main)}.strategies-header .nav-link.active{color:var(--text-main);border-bottom:2px solid var(--text-main);font-weight:700}.strategies-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--text-dim);text-transform:uppercase}.legend-dot{width:6px;height:6px;background:var(--accent-color)}.legend-count{border:1px solid var(--border-light);padding:2px 5px;font-size:8px;font-weight:700}.strategies-canvas-container{flex:1;position:relative;overflow:hidden;cursor:grab;touch-action:none;background:transparent}.strategies-canvas-container.dragging{cursor:grabbing}.strategies-canvas-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:100px 100px;opacity:.3;pointer-events:none;z-index:0}.strategies-canvas-container:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:JetBrains Mono,monospace;font-size:24px;color:var(--border-light);pointer-events:none;z-index:1;opacity:.4}.canvas-instructions{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#f4f4f0eb;padding:8px 14px;border:1px solid var(--text-main);box-shadow:3px 3px 0 var(--text-main)}.canvas-count{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;z-index:10}.canvas-count .count-number{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1;color:var(--text-main);opacity:.12}.canvas-count .count-subtitle{margin-top:6px;font-size:9px;letter-spacing:.08em;color:var(--text-dim)}.strategies-canvas{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.strategies-canvas-container.dragging .strategies-canvas{pointer-events:none}.canvas-card-wrapper{position:absolute;transform-origin:top left;will-change:transform}.canvas-card-wrapper:hover{z-index:5}.canvas-card-wrapper.filtered-out{opacity:.25;filter:grayscale(60%);transition:opacity .3s ease,filter .3s ease}.canvas-card-wrapper.filtered-out:hover{opacity:.5;filter:grayscale(30%)}.canvas-card-wrapper.filter-match{z-index:2;transition:transform .2s ease,box-shadow .2s ease}.strategies-footer{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:2px solid var(--text-main);background:var(--surface-color);z-index:100;flex-shrink:0}.footer-left{display:flex;align-items:center;gap:8px}.footer-center{font-size:10px}.footer-right{display:flex}.footer-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:2px solid var(--text-main);box-shadow:4px 4px 0 var(--text-main);transition:all .2s ease}.footer-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--text-main);background-image:repeating-linear-gradient(45deg,var(--text-main) 0,var(--text-main) 1px,transparent 0,transparent 8px)}.strategies-layout .label-mono{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.strategies-layout .font-display,.strategies-layout .font-body{font-family:Space Grotesk,sans-serif}.strategies-layout .text-dim{color:var(--text-dim)}@media(max-width:900px){.strategies-header{flex-wrap:wrap;height:auto;padding:16px;gap:12px}.strategies-brand-text{font-size:.8rem}.strategies-legend{flex-wrap:wrap;justify-content:center}.strategies-footer{flex-direction:column;height:auto;padding:16px;gap:12px;text-align:center}.footer-left,.footer-center,.footer-right{justify-content:center}.strategies-nav{flex-wrap:wrap;justify-content:center;gap:16px}}@media(max-width:600px){.strategies-legend{display:none}.canvas-instructions{font-size:9px;padding:6px 10px;box-shadow:2px 2px 0 var(--text-main);top:16px;left:16px}.canvas-instructions span{display:none}.canvas-count .count-number{font-size:28px}.canvas-count{top:12px;right:12px}.canvas-count .count-subtitle{font-size:7px;letter-spacing:.04em;max-width:80px;text-align:right}.footer-center{display:none}.footer-cta{font-size:9px;padding:8px 14px}.strategies-header{padding:12px 16px;gap:8px}.strategies-brand-text{font-size:.7rem}.strategies-nav{gap:12px}.strategies-footer{padding:12px 16px}}:root{--paper: #f4f4f0;--ink: #1a1a1a;--ink-light: #555555;--guide: #cccccc;--border-width: 1px;--bold-border: 2px}.blueprint-page{background-color:var(--paper);color:var(--ink);font-family:JetBrains Mono,monospace;line-height:1.5;font-size:14px;min-height:100vh;background-image:linear-gradient(var(--guide) 1px,transparent 1px),linear-gradient(90deg,var(--guide) 1px,transparent 1px);background-size:100px 100px;background-position:center top}.blueprint-container{max-width:1440px;margin:0 auto;padding:0 40px;border-left:1px dashed var(--ink);border-right:1px dashed var(--ink);min-height:100vh;background:var(--paper);position:relative}.corner{position:absolute;width:20px;height:20px;z-index:100}.corner.top-left{top:20px;left:20px;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.corner.bottom-right{bottom:20px;right:20px;border-bottom:2px solid var(--ink);border-right:2px solid var(--ink)}.blueprint-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:var(--bold-border) solid var(--ink);position:relative}.blueprint-header:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--ink)}.blueprint-logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.logo-mark{width:24px;height:24px;border:2px solid var(--ink);position:relative}.logo-mark:before{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;border:1px solid var(--ink);background:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px)}.nav-breadcrumb{font-size:.8rem;text-transform:uppercase;color:var(--ink-light)}.btn-main{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:12px 24px;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:all .1s ease}.btn-main:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.strategy-header-section{padding:60px 0;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:1fr 300px;gap:40px}.strategy-id-label{font-size:.9rem;color:var(--ink-light);margin-bottom:8px}.strategy-title{font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-size:3.5rem;line-height:.9;margin-bottom:24px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--ink);padding:4px 12px;font-size:.75rem;text-transform:uppercase}.main-grid{display:grid;grid-template-columns:1fr 400px;gap:0;border-bottom:1px solid var(--ink)}.main-panel{padding:40px 40px 40px 0;border-right:1px solid var(--ink)}.side-panel{padding:40px 0 40px 40px}.panel-section{margin-bottom:60px}.section-label{font-size:.7rem;text-transform:uppercase;color:var(--ink-light);margin-bottom:24px;display:flex;align-items:center;gap:10px}.section-label:after{content:"";flex:1;height:1px;background:var(--guide)}.composition-stack{display:flex;flex-direction:column;gap:12px;position:relative}.stack-item{border:1px solid var(--ink);padding:20px;background:#fff;display:grid;grid-template-columns:40px 1fr 120px;align-items:center;position:relative}.stack-item:before{content:"↓";position:absolute;bottom:-18px;left:54px;color:var(--guide)}.stack-item:last-child:before{display:none}.stack-order{font-size:.8rem;font-weight:700;opacity:.3}.stack-info h4{text-transform:uppercase;font-size:1rem;margin:0}.stack-info p{font-size:.75rem;color:var(--ink-light);margin:0}.stack-metric{text-align:right;font-weight:700}.chart-container{width:100%;height:240px;border:1px solid var(--ink);position:relative;background:#fff;overflow:hidden;background-image:repeating-linear-gradient(45deg,#f0f0f0 0,#f0f0f0 1px,transparent 0,transparent 10px)}.chart-svg{width:100%;height:100%}.chart-label{position:absolute;bottom:10px;left:10px;font-size:.6rem;text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.stat-card{border:1px solid var(--ink);padding:16px;background:#fff}.stat-card .label{font-size:.65rem;color:var(--ink-light);text-transform:uppercase}.stat-card .value{font-size:1.2rem;font-weight:700;font-family:Space Grotesk,sans-serif}.apy-card{display:flex;flex-direction:column;justify-content:center;background:#fff}.apy-card .value{font-size:3rem;color:var(--ink)}.apy-card .delta{font-size:.7rem;color:#00a86b}.risk-row{display:flex;flex-direction:column;margin-bottom:16px;padding-bottom:8px;border-bottom:1px dashed var(--guide)}.risk-row:last-child{border:none}.risk-row .row-header{display:flex;justify-content:space-between;margin-bottom:4px}.risk-meter{width:100%;height:8px;background:#eee;border:1px solid var(--ink)}.risk-fill{height:100%;background:var(--ink)}.risk-meter.composite{height:12px;background:repeating-linear-gradient(45deg,#ddd 0,#ddd 1px,transparent 0,transparent 4px)}.deploy-box{border:2px solid var(--ink);padding:30px;background:#fff;box-shadow:8px 8px 0 var(--ink)}.input-group{margin-bottom:20px}.input-label{display:block;font-size:.7rem;text-transform:uppercase;margin-bottom:8px}.custom-input{width:100%;padding:12px;border:1px solid var(--ink);font-family:JetBrains Mono,monospace;background:var(--paper)}.input-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.7rem}.input-meta .max-btn{text-decoration:underline;cursor:pointer}.routing-toggle{display:flex;gap:8px;margin-bottom:24px}.routing-btn{flex:1;border:1px solid var(--ink);padding:8px;font-size:.7rem;cursor:pointer;font-family:JetBrains Mono,monospace;text-transform:uppercase;background:transparent}.routing-btn.active{background:var(--ink);color:#fff}.disclaimer{margin-top:20px;font-size:.65rem;color:var(--ink-light);text-align:center}.share-buttons{display:flex;gap:10px}.share-btn{flex:1;border:1px dashed var(--ink);padding:10px;font-size:.7rem;background:transparent;cursor:pointer;font-family:JetBrains Mono,monospace;text-transform:uppercase}.blueprint-footer{padding:40px 0;display:flex;justify-content:space-between;align-items:center;color:var(--ink-light);font-size:.7rem}.footer-stats{display:flex;gap:40px}@media(max-width:1024px){.strategy-header-section,.main-grid{grid-template-columns:1fr}.main-panel{border-right:none;border-bottom:1px solid var(--ink);padding:40px 0}.side-panel{padding:40px 0}}@media(max-width:600px){.blueprint-container{padding:0 16px}.strategy-title{font-size:1.8rem}.strategy-header-section{padding:30px 0}.stat-grid{grid-template-columns:1fr}.blueprint-header{flex-direction:column;gap:16px;align-items:flex-start}.blueprint-footer{flex-direction:column;gap:16px}.footer-stats{flex-wrap:wrap;gap:16px}.stack-item{grid-template-columns:30px 1fr 80px;padding:14px}.stack-info h4,.stack-metric{font-size:.85rem}.apy-card .value{font-size:2rem}.share-buttons{flex-direction:column}.clone-btn{width:100%;justify-content:center;padding:12px 16px;font-size:12px}.deploy-box{padding:20px;box-shadow:4px 4px 0 var(--ink)}}.clone-cta-section{padding:40px 0;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;gap:16px}.clone-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;font-size:14px}.clone-hint{font-size:.75rem;color:var(--ink-light);margin:0}.under-construction-wrapper{position:relative;min-height:600px}.blurred-content{filter:blur(8px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.under-construction-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4f4f04d,#f4f4f0f2,#f4f4f0);z-index:10}.construction-content{max-width:480px;text-align:center;padding:48px;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.construction-icon{margin-bottom:24px;opacity:.6}.construction-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:16px}.construction-desc{font-size:.85rem;color:var(--ink-light);line-height:1.6;margin-bottom:32px}.notify-form{display:flex;gap:8px}.notify-input{flex:1;padding:12px 16px;border:2px solid var(--ink);font-family:JetBrains Mono,monospace;font-size:.85rem;background:var(--paper);outline:none}.notify-input::placeholder{color:var(--ink-light)}.notify-input:focus{box-shadow:2px 2px 0 var(--ink)}.notify-btn{flex-shrink:0;padding:12px 20px;font-size:.8rem}.notify-success{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#00a86b1a;border:1px solid rgba(0,168,107,.3);color:#00a86b;font-size:.85rem}@media(max-width:600px){.construction-content{margin:0 20px;padding:32px 24px}.notify-form{flex-direction:column}.notify-btn{width:100%}}.risk-page{background-color:var(--paper);color:var(--ink);font-family:JetBrains Mono,monospace;line-height:1.5;font-size:14px;min-height:100vh;background-image:linear-gradient(var(--guide) 1px,transparent 1px),linear-gradient(90deg,var(--guide) 1px,transparent 1px);background-size:100px 100px;background-position:center top}.risk-container{max-width:1400px;margin:0 auto;padding:0 40px;border-left:1px dashed var(--ink);border-right:1px dashed var(--ink);min-height:100vh;position:relative;background:var(--paper)}.risk-title-section{padding:40px 0 20px}.risk-page-label{font-size:.8rem;color:var(--ink-light)}.risk-page-title{font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-size:3rem;margin-top:8px}.risk-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:0;border-bottom:1px solid var(--ink)}.dashboard-panel{padding:32px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.dashboard-panel:nth-child(2n){border-right:none}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.panel-title{font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:4px}.panel-subtitle{font-size:.8rem;color:var(--ink-light);margin-top:8px}.panel-ref{font-size:.7rem;padding:4px;border:1px solid var(--ink)}.topology-canvas{height:300px;width:100%;border:1px solid var(--guide);background-image:radial-gradient(circle,var(--ink) 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:hidden}.topology-node{position:absolute;border:1px solid var(--ink);background:var(--paper);padding:8px;font-size:.7rem;display:flex;flex-direction:column;gap:4px}.topology-node.primary{border-width:2px}.topology-node.dashed{border-style:dashed}.topology-node strong{font-weight:700}.topology-node .warning-text{color:var(--warning)}.score-section{display:flex;flex-direction:column;gap:20px}.score-item{display:flex;flex-direction:column;gap:8px}.score-header{display:flex;justify-content:space-between;font-size:.8rem}.score-value{font-weight:700}.vuln-score{display:flex;align-items:flex-end;gap:4px}.score-bar{width:12px;height:20px;background:var(--ink);border:1px solid var(--ink)}.score-bar.inactive{background:transparent;border:1px dashed var(--guide)}.audit-log{margin-top:12px;padding:12px;border:1px solid var(--ink);font-size:.7rem;background:#fff}.audit-log strong{display:block;margin-bottom:4px}.warning-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.warning-card{border:2px solid var(--warning);padding:16px;background:#fff;position:relative}.warning-card.stable{border-color:var(--ink)}.warning-tag{background:var(--warning);color:#fff;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:-10px;right:10px}.warning-tag.stable{background:var(--ink)}.warning-card-label{font-size:.7rem;color:var(--ink-light)}.warning-card-value{font-size:1.2rem;font-weight:700;margin:8px 0}.warning-card-meta{font-size:.7rem;background:#eee;padding:4px}.matrix{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.matrix-cell{aspect-ratio:1;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:.7rem;position:relative}.matrix-cell.header{background:#eee}.matrix-cell.vertical-text{font-size:.6rem;writing-mode:vertical-rl}.hatch-01{background-image:repeating-linear-gradient(45deg,var(--guide) 0,var(--guide) 1px,transparent 0,transparent 10px)}.hatch-05{background-image:repeating-linear-gradient(45deg,var(--ink-light) 0,var(--ink-light) 1px,transparent 0,transparent 6px)}.hatch-09{background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 3px)}.matrix-footnote{margin-top:12px;font-size:.65rem;color:var(--ink-light)}.risk-summary-bar{padding:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.summary-stats{display:flex;gap:40px}.summary-stat{display:flex;flex-direction:column;gap:4px}.summary-stat-label{font-size:.7rem;text-transform:uppercase}.summary-stat-value{font-size:1.5rem;font-family:Space Grotesk,sans-serif;font-weight:700}.btn-warning{background:transparent;color:var(--warning);border:2px solid var(--warning);padding:12px 24px;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--warning);transition:all .1s ease}.btn-warning:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--warning)}.risk-under-construction-wrapper{position:relative;min-height:500px}.risk-blurred-content{filter:blur(8px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.risk-clone-cta{padding:24px 0;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.risk-clone-cta .clone-btn{display:flex;align-items:center;gap:12px;padding:12px 24px;font-size:13px}.back-link{font-size:.8rem;color:var(--ink-light);text-decoration:none;display:flex;align-items:center;gap:8px}@media(max-width:1024px){.risk-dashboard-grid{grid-template-columns:1fr}.dashboard-panel{border-right:none}}@media(max-width:600px){.risk-container{padding:0 20px}.risk-page-title{font-size:1.8rem}.risk-clone-cta{flex-direction:column;gap:16px;align-items:flex-start}.risk-clone-cta .clone-btn{width:100%;justify-content:center;padding:10px 16px;font-size:12px}.topology-canvas{height:200px}.topology-node{font-size:.6rem;padding:6px}.warning-cards-grid{grid-template-columns:1fr}.risk-summary-bar{flex-direction:column;gap:24px;padding:24px}.summary-stats{flex-wrap:wrap;gap:24px}}.wizard-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}.wizard-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--ink);background:#fff;flex-shrink:0}.wizard-brand{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none}.wizard-topbar-actions{display:flex;align-items:center;gap:24px}.wizard-top-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);text-decoration:none}.wizard-top-link:hover{color:var(--ink)}.wizard-workspace{flex:1;display:grid;grid-template-columns:1fr 380px;overflow:hidden}.wizard-main{padding:56px 64px;overflow-y:auto;background-image:radial-gradient(var(--guide) 1px,transparent 1px);background-size:32px 32px}.wizard-intro{max-width:760px;margin-bottom:32px}.wizard-intro-step{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--paper);padding:4px 8px;margin-bottom:20px}.wizard-title{font-family:Space Grotesk,sans-serif;font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0 0 14px}.wizard-subtitle{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:var(--ink-light);max-width:700px}.wizard-intent-list{border:1px solid var(--ink);background:#fff}.wizard-intent-card{border-bottom:1px solid var(--ink)}.wizard-intent-card:last-child{border-bottom:none}.wizard-intent-toggle{width:100%;background:transparent;border:none;display:flex;align-items:center;gap:12px;padding:20px 22px;text-align:left;cursor:pointer;color:var(--ink)}.wizard-intent-card.expanded .wizard-intent-toggle{background:var(--ink);color:var(--paper)}.intent-icon{width:28px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.intent-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.intent-title{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.02em}.intent-summary{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.intent-chevron{font-family:JetBrains Mono,monospace;font-size:16px;width:20px;text-align:center}.wizard-intent-panel{border-top:1px solid rgba(255,255,255,.2);background:var(--ink);padding:18px 22px 22px}.wizard-intent-card.expanded .intent-description,.wizard-intent-card.expanded .intent-caution{color:#ffffffdb}.intent-description{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;margin:0}.intent-caution{margin:10px 0 0;padding:10px 12px;border:1px dashed rgba(245,158,11,.7);background:#f59e0b1f;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6}.wizard-strategy-list{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px}.wizard-strategy-card{border:1px solid rgba(255,255,255,.25);background:#ffffff08;color:#ffffffeb;padding:14px;text-align:left;cursor:pointer;transition:all .15s ease}.wizard-strategy-card:hover{border-color:#ffffff8c;background:#ffffff14}.wizard-strategy-card.selected{border-color:#60a5fa;background:#60a5fa2e;box-shadow:inset 0 0 0 1px #60a5fa73}.wizard-strategy-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wizard-strategy-id{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.wizard-strategy-name{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.wizard-strategy-type{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.wizard-strategy-description{margin:8px 0 0;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;opacity:.9}.wizard-strategy-metrics{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.wizard-secondary-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.wizard-secondary-btn{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.wizard-secondary-btn:hover{background:var(--ink);color:var(--paper)}.wizard-sidebar{border-left:1px solid var(--ink);background:#eaeaea;padding:32px;display:flex;flex-direction:column}.wizard-sidebar-card{border:1px solid var(--ink);background:#fff;padding:20px}.wizard-sidebar-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-light)}.wizard-sidebar-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;line-height:1.1;margin:12px 0 10px}.wizard-sidebar-description{font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;color:var(--ink-light);margin:0}.wizard-sidebar-metrics{margin-top:14px;border-top:1px solid var(--guide);padding-top:14px;display:flex;flex-direction:column;gap:10px}.metric-label{display:block;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-light)}.metric-value{display:block;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--ink)}.wizard-stack-preview{margin-top:14px;border-top:1px dashed var(--guide);padding-top:14px;display:flex;flex-direction:column;gap:8px}.wizard-stack-row{display:flex;justify-content:space-between;gap:12px;font-family:JetBrains Mono,monospace;font-size:10px}.wizard-stack-row span:first-child{text-transform:uppercase;color:var(--ink-light);letter-spacing:.05em}.wizard-stack-row span:last-child{color:var(--ink);text-align:right}.wizard-deploy-btn{margin-top:18px;width:100%;border:none;background:var(--ink);color:var(--paper);padding:16px;font-family:JetBrains Mono,monospace;font-size:16px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;font-weight:700}.wizard-deploy-btn:hover:not(:disabled){background:#000}.wizard-deploy-btn:disabled{opacity:.45;cursor:not-allowed}.wizard-deploy-hint{margin-top:10px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);line-height:1.5}@media(max-width:1200px){.wizard-workspace{grid-template-columns:1fr}.wizard-sidebar{border-left:none;border-top:1px solid var(--ink)}}@media(max-width:900px){.wizard-topbar{padding:0 16px}.wizard-topbar-actions{gap:12px}.wizard-main{padding:32px 18px}.wizard-title{font-size:34px}.intent-title{font-size:22px}.wizard-strategy-type{margin-left:0}}@media(max-width:600px){.wizard-top-link{font-size:9px}.wizard-intent-toggle,.wizard-intent-panel{padding:14px}.wizard-sidebar{padding:16px}.wizard-sidebar-title{font-size:22px}}.builder-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--ink);flex-shrink:0;background:var(--paper)}.builder-brand-link{text-decoration:none;color:inherit}.builder-brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.header-actions{display:flex;align-items:center;gap:24px}.builder-nav-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;text-decoration:none;transition:color .15s ease}.builder-nav-link:hover{color:var(--ink)}.restart-btn{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;background:none;border:none;padding:0;transition:color .15s ease}.restart-btn:hover{color:var(--ink)}.exit-builder{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;background:none;border:none;text-decoration:none;transition:color .15s ease}.exit-builder:hover{color:var(--ink)}@media(max-width:600px){.builder-header{padding:0 16px;height:50px}.builder-brand{font-size:10px}.header-actions{gap:12px}.restart-btn,.builder-nav-link,.exit-builder{font-size:9px}}@media(max-width:400px){.builder-brand{font-size:9px}.header-actions{gap:8px}.restart-btn{display:none}}.sidebar-col{border-left:1px solid var(--ink);background:#eaeaea;display:flex;flex-direction:column;padding:32px 24px;overflow:hidden;min-width:0}.sidebar-title{margin-bottom:24px}.sidebar-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.stack-preview-container{flex:1;display:flex;flex-direction:column;gap:12px}.stack-slot{border:1px dashed var(--guide);padding:16px;display:flex;flex-direction:column;gap:4px;min-height:80px;justify-content:center;transition:all .15s ease;position:relative}.stack-slot.filled{background:#fff;border-style:solid;border-color:var(--ink)}.stack-slot.clickable{cursor:pointer}.stack-slot.clickable:hover{background:#f5f5f5;transform:translate(-2px);box-shadow:2px 2px #0000001a}.stack-slot.current{border-width:2px;border-color:var(--ink);background:#fff}.slot-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.slot-name{font-weight:600;font-size:13px}.slot-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.slot-apy{font-weight:600}.slot-apy.negative{color:#ef4444}.slot-apy.borrow-cost{color:#f59e0b}.slot-live-badge{font-size:8px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 4px;letter-spacing:.05em}.slot-divider{opacity:.5}.slot-waiting{font-family:JetBrains Mono,monospace;font-size:10px;opacity:.5}.slot-edit-hint{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:0;transition:opacity .15s;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.stack-slot.clickable:hover .slot-edit-hint{opacity:1}.footer-nav{margin-top:auto;padding-top:32px}.total-apy-row{margin-bottom:16px;border-top:1px solid var(--guide);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.apy-label-row{display:flex;align-items:center;gap:4px}.apy-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.apy-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.apy-value.negative{color:#ef4444}.apy-warning-note{font-family:JetBrains Mono,monospace;font-size:9px;color:#ef4444;margin-top:-8px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.data-source-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0;border-bottom:1px dashed var(--guide)}.source-status{display:flex;align-items:center;gap:6px}.source-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.source-status.loading .source-dot{background:#f59e0b;animation:pulse 1s ease-in-out infinite}.source-text{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.source-time{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:.7}.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-back{flex:0 0 auto;background:transparent;border:1px solid var(--ink);color:var(--ink);padding:18px 16px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:600;font-size:11px;transition:all .15s}.btn-back:hover{background:var(--ink);color:var(--paper)}.btn-primary{flex:1;background:var(--ink);color:var(--paper);border:none;padding:18px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:600;font-size:12px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.sidebar-col{border-left:none;border-top:1px solid var(--ink);padding:24px 20px}.stack-preview-container{gap:10px}.footer-nav{padding-top:24px}}@media(max-width:600px){.total-apy-row{flex-direction:column;align-items:flex-start;gap:8px}.nav-buttons{flex-direction:column}.btn-back,.btn-primary{width:100%}}.intro-content{max-width:720px}.intro-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block;margin-bottom:24px}.intro-title{font-family:var(--font-display);font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.intro-body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink-light);margin-bottom:48px;max-width:540px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:64px;border-top:1px solid var(--ink);padding-top:32px}.process-step .process-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.process-step h4{font-family:var(--font-display);font-size:16px;font-weight:600;margin:12px 0 8px}.process-step p{font-size:13px;color:var(--ink-light);line-height:1.5}.pathway-section{margin-top:32px}.pathway-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block;margin-bottom:16px}.pathway-buttons{display:flex;gap:16px}.pathway-btn{flex:1;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:left;cursor:pointer;transition:all .15s ease;border:2px solid var(--ink)}.pathway-btn.primary{background:var(--ink);color:var(--paper)}.pathway-btn.primary:hover{transform:translateY(-2px);box-shadow:8px 8px #0000001a}.pathway-btn.secondary{background:transparent;color:var(--ink)}.pathway-btn.secondary:hover{background:var(--ink);color:var(--paper)}.pathway-btn-title{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.5px}.pathway-btn-subtitle{font-family:var(--font-sans);font-size:13px;opacity:.7}@media(max-width:900px){.intro-title{font-size:36px}.process-grid{grid-template-columns:1fr;gap:24px}.pathway-buttons{flex-direction:column}}@media(max-width:600px){.intro-title{font-size:28px}.intro-body{font-size:14px}.pathway-btn{padding:16px}.pathway-btn-title,.pathway-btn-subtitle{font-size:11px}}.mobile-stack-summary{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--ink);z-index:1000;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column}@media(min-width:769px){.mobile-stack-summary,.mobile-summary-backdrop{display:none!important}}.mobile-summary-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-handle-bar{height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid var(--guide);cursor:pointer;position:relative}.handle-indicator{width:32px;height:4px;background:var(--ink-light);border-radius:2px;opacity:.3}.handle-text{position:absolute;right:16px;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;color:var(--ink-light);letter-spacing:.05em}.summary-expanded-content{background:#f9f9f9;overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.16,1,.3,1)}.mobile-stack-summary.expanded .summary-expanded-content{max-height:60vh}.expanded-scroll-area{padding:20px;overflow-y:auto;max-height:60vh}.expanded-title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;margin-bottom:16px;color:var(--ink)}.mobile-stack-list{display:flex;flex-direction:column;gap:8px}.mobile-stack-item{background:#fff;border:1px dashed var(--guide);padding:10px 12px;border-radius:4px}.mobile-stack-item.filled{border-style:solid;border-color:var(--ink-light)}.mobile-stack-item.current{border-color:var(--ink);border-width:1px;background:#fff;box-shadow:0 2px 8px #0000000d}.mobile-stack-header{display:flex;justify-content:space-between;margin-bottom:4px}.mobile-stack-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);text-transform:uppercase}.current-badge{font-family:JetBrains Mono,monospace;font-size:8px;background:var(--ink);color:#fff;padding:1px 4px;border-radius:2px}.mobile-stack-value{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}.mobile-stack-meta{margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light)}.summary-footer-bar{padding:12px 16px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.footer-left{display:flex;flex-direction:column}.mini-apy-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);text-transform:uppercase}.mini-apy-value{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--ink)}.mini-apy-value.negative{color:#ef4444}.footer-actions{display:flex;gap:8px;align-items:center}.btn-mobile-primary{background:var(--ink);color:#fff;border:none;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:0;min-width:100px}.btn-mobile-primary:disabled{opacity:.5}.btn-mobile-secondary{background:transparent;border:1px solid var(--ink);color:var(--ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;padding:0}.btn-mobile-tertiary{background:var(--paper);border:1px dashed var(--ink);color:var(--ink);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px}.step-indicator{margin-bottom:40px;display:flex;align-items:center;gap:16px}.step-badge{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:var(--paper);padding:4px 8px}.step-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}@media(max-width:600px){.step-indicator{margin-bottom:24px;flex-wrap:wrap;gap:8px;align-items:flex-start}.step-label{width:100%}}.builder-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace{display:grid!important;grid-template-columns:1fr 340px!important;flex:1;overflow:hidden;width:100%}.workspace>.sidebar-col{width:340px;max-width:340px;min-width:340px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;max-width:600px}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.step-description{font-family:Inter,sans-serif;font-size:14px;color:var(--ink-light);max-width:540px;margin:0 0 32px;line-height:1.6}.wl-integration-warning{display:flex;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid #f59e0b;margin:0 0 32px;max-width:600px}.wl-integration-warning .warning-icon{font-size:20px;flex-shrink:0}.wl-integration-warning .warning-content{font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;color:#92400e}.wl-integration-warning .warning-content strong{display:block;margin-bottom:4px;font-size:12px;color:#78350f}.back-link{background:none;border:none;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-light);cursor:pointer;padding:16px 0;margin-top:32px;transition:color .15s ease}.back-link:hover{color:var(--ink)}@media(max-width:1024px){.workspace{grid-template-columns:1fr}.journey-col{padding:40px}.hero-title{font-size:36px}}@media(max-width:900px){.builder-layout{height:auto;min-height:100vh;overflow:visible}.workspace{display:flex!important;flex-direction:column;overflow:visible}.workspace>.sidebar-col{width:100%;max-width:none;min-width:0}.journey-col{overflow:visible}}@media(max-width:600px){.journey-col{padding:32px 20px}.hero-title{font-size:28px;margin-bottom:24px}.protocol-grid{grid-template-columns:1fr}.builder-mobile-footer{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--ink);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;z-index:100;box-shadow:0 -4px 12px #0000000d}.builder-mobile-footer .total-apy{display:flex;flex-direction:column}.builder-mobile-footer .apy-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);text-transform:uppercase;letter-spacing:.05em}.builder-mobile-footer .apy-value{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;color:var(--ink)}.builder-mobile-footer .next-step-btn{padding:10px 24px;font-size:12px;letter-spacing:.05em}.journey-col{padding-bottom:100px}}.leverage-section{margin-top:48px;padding:32px;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--ink);position:relative}.leverage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.leverage-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-light)}.leverage-value{font-family:var(--font-mono);font-size:32px;font-weight:700}.leverage-value.low{color:#22c55e}.leverage-value.medium{color:#f59e0b}.leverage-value.high{color:#ef4444}.slider-container{margin-bottom:32px}.leverage-slider{width:100%;height:8px;appearance:none;background:#e5e7eb;border-radius:4px;outline:none;cursor:pointer}.leverage-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:var(--ink);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .15s ease}.leverage-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.leverage-slider.low::-webkit-slider-thumb{background:#22c55e}.leverage-slider.medium::-webkit-slider-thumb{background:#f59e0b}.leverage-slider.high::-webkit-slider-thumb{background:#ef4444}.leverage-slider::-moz-range-thumb{width:24px;height:24px;background:var(--ink);border-radius:50%;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:10px;color:var(--ink-light)}.leverage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;border-top:1px solid var(--guide)}.leverage-stat{display:flex;flex-direction:column;gap:4px}.leverage-stat .stat-label{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.leverage-stat .stat-value{font-family:var(--font-mono);font-size:18px;font-weight:700}.leverage-stat .stat-value.positive{color:#22c55e}.leverage-stat .stat-value.negative{color:#ef4444}.leverage-stat .stat-value.low{color:#22c55e}.leverage-stat .stat-value.medium{color:#f59e0b}.leverage-stat .stat-value.high{color:#ef4444}.leverage-warning{margin-top:24px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;font-family:var(--font-mono);font-size:11px;color:#dc2626;text-align:center}@media(max-width:768px){.leverage-stats{grid-template-columns:repeat(2,1fr)}.leverage-value{font-size:24px}}.leverage-compact-container{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #e5e7eb;padding:6px 16px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.leverage-compact-control{display:flex;align-items:center;gap:12px;border-right:1px solid #e5e7eb;padding-right:16px}.leverage-compact-stats{display:flex;gap:12px}.compact-stat{display:flex;flex-direction:column;line-height:1.1}.text-dim{color:#6b7280}.text-red{color:#ef4444}.text-green{color:#22c55e}.text-ink{color:#111827}.leverage-slider.compact::-webkit-slider-thumb{width:16px;height:16px;box-shadow:0 1px 3px #0003}.step4-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.step4-slider-wrap{margin-top:8px;flex-shrink:0}@media(max-width:768px){.step4-header-row{flex-direction:column}.step4-slider-wrap{width:100%;margin-top:16px}.step4-slider-wrap .leverage-compact-container{width:100%;box-sizing:border-box}}.leverage-explanation-box{margin-top:48px;padding:32px;background:linear-gradient(135deg,#f0f9ff,#fefce8);border:2px solid #0ea5e9;position:relative}.leverage-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.leverage-explanation-title{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#0369a1;font-weight:700}.leverage-explanation-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:4px 10px;background:#0ea5e9;color:#fff;letter-spacing:.05em}.leverage-loop-diagram{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.loop-diagram-step{display:flex;align-items:flex-start;gap:12px}.loop-diagram-number{width:24px;height:24px;background:#0ea5e9;color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0;border-radius:2px}.loop-diagram-content{flex:1;display:flex;flex-direction:column;gap:4px}.loop-diagram-bar-row{display:flex;align-items:center;gap:8px}.loop-bar-deposit{height:24px;background:#0ea5e9;color:#fff;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;display:flex;align-items:center;padding:0 8px;min-width:100px;white-space:nowrap}.loop-bar-borrow{height:20px;background:#f59e0b;color:#fff;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;display:flex;align-items:center;padding:0 8px;min-width:90px;white-space:nowrap}.loop-arrow{font-size:14px;color:#0369a1;font-weight:700}.leverage-explanation-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0;border-top:1px dashed #0ea5e9;border-bottom:1px dashed #0ea5e9;margin-bottom:16px}.leverage-summary-item{display:flex;flex-direction:column;gap:4px}.leverage-summary-label{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.leverage-summary-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:#0369a1}.leverage-summary-value.cost{color:#f59e0b}.leverage-summary-value.highlight{font-size:18px;color:#15803d}.leverage-explanation-text{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7;color:#0369a1;margin:0}@media(max-width:768px){.leverage-explanation-box{padding:20px;margin-top:32px}.leverage-explanation-header{flex-direction:column;align-items:flex-start;gap:8px}.leverage-explanation-summary{grid-template-columns:1fr;gap:12px}.loop-bar-deposit,.loop-bar-borrow{min-width:80px}}.summary-header-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--ink);flex-shrink:0;background:#fff}.brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.cancel-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;text-decoration:none}.cancel-link:hover{color:var(--ink)}.summary-header-actions{display:flex;align-items:center;gap:24px}.workspace-summary{display:grid;grid-template-columns:1fr 400px;flex:1;overflow:hidden}.journey-col{padding:60px 80px;overflow-y:auto;background-image:radial-gradient(var(--guide) 1px,transparent 1px);background-size:32px 32px}.config-badge{margin-bottom:40px}.badge-complete{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#15803d;color:#fff;display:inline-block;padding:4px 8px}.hero-title-summary{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:48px}.summary-table-header{background:#eaeaea;padding:12px 32px;display:grid;grid-template-columns:40px 140px 1fr 120px 120px;gap:16px;border:1px solid var(--ink);border-bottom:none}.table-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.table-label.align-right{text-align:right}.table-label-icon{visibility:hidden}.summary-table{display:flex;flex-direction:column;gap:2px;background:var(--ink);border:1px solid var(--ink)}.summary-row{background:#fff;padding:20px 28px;display:grid;grid-template-columns:40px 140px 1fr 120px 120px;gap:16px;align-items:center;transition:transform .15s ease}.summary-row:hover{transform:translate(4px)}.row-logo-slot{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.row-logo{width:32px;height:32px;border-radius:50%;object-fit:contain;background:#f5f5f5;padding:4px}.row-step{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.row-strategy{display:flex;align-items:baseline;gap:8px}.strategy-name{font-weight:600;font-size:15px}.strategy-action{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink-light)}.row-value{font-family:JetBrains Mono,monospace;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.row-risk,.row-apy{justify-self:end}.info-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.leverage-breakdown{margin-top:32px;padding:24px;background:linear-gradient(135deg,#f0f9ff,#fefce8);border:2px solid #0ea5e9}.breakdown-title{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#0369a1;font-weight:700;display:block;margin-bottom:16px}.breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.breakdown-item{display:flex;flex-direction:column;gap:4px}.breakdown-item.highlight{background:#fff;padding:12px;border:1px solid #0ea5e9}.breakdown-label{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.breakdown-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.breakdown-value.negative{color:#ef4444}.breakdown-value.borrow-cost-val,.breakdown-value.warning,.row-value.borrow-cost{color:#f59e0b}.leverage-explanation{margin-top:16px;padding-top:16px;border-top:1px dashed #0ea5e9;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.7;color:#0369a1}.leverage-loop-visual-summary{margin-top:16px;padding-top:16px;border-top:1px dashed #bae6fd}.loop-visual-title{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#0369a1;font-weight:700;display:block;margin-bottom:8px}.loop-visual-steps{display:flex;flex-direction:column;gap:4px}.loop-visual-step{display:flex;align-items:center;gap:8px}.loop-visual-num{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#0369a1;width:16px;flex-shrink:0}.loop-visual-bar{height:18px;background:#0ea5e9;color:#fff;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;display:flex;align-items:center;padding:0 8px;min-width:40px;white-space:nowrap}.loop-visual-arrow{font-family:JetBrains Mono,monospace;font-size:9px;color:#f59e0b;white-space:nowrap}@media(max-width:768px){.breakdown-grid{grid-template-columns:repeat(2,1fr)}.loop-visual-step{flex-wrap:wrap}.loop-visual-bar{min-width:30px}.loop-visual-arrow{font-size:8px}.leverage-breakdown{padding:16px}}.info-block{display:flex;flex-direction:column;gap:12px}.info-title{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.info-text{font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.8;color:var(--ink)}.sidebar-summary{border-left:1px solid var(--ink);background:#eaeaea;display:flex;flex-direction:column;padding:40px}.analysis-card{background:#fff;border:1px solid var(--ink);padding:32px;margin-bottom:24px}.card-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.big-metric-risk{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:1;margin:16px 0}.metric-suffix{font-size:14px;color:var(--ink-light);font-weight:400}.risk-badge{display:inline-block;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;border-radius:99px}.risk-badge.low,.risk-badge.moderate{background:#dcfce7;color:#166534}.risk-badge.high{background:#fef3c7;color:#92400e}.risk-badge.very-high{background:#fee2e2;color:#991b1b}.risk-description{font-family:JetBrains Mono,monospace;font-size:11px;margin-top:16px;color:var(--ink-light)}.metric-group{margin-top:32px;padding-top:32px;border-top:1px solid var(--guide)}.big-metric{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:700;line-height:1;margin:8px 0}.gain-row{display:flex;justify-content:space-between;margin-top:8px}.gain-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.gain-value{font-family:JetBrains Mono,monospace;font-weight:700;color:#15803d}.data-source-attribution{margin-top:16px;padding-top:16px;border-top:1px dashed var(--guide);display:flex;flex-direction:column;gap:4px}.source-indicator{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.source-indicator .source-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.source-indicator.loading .source-dot{background:#f59e0b;animation:pulse 1s ease-in-out infinite}.source-info{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:.7}.metric-header{display:flex;align-items:center;gap:4px}.live-badge-inline{font-size:8px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 4px;margin-left:6px;letter-spacing:.05em;vertical-align:middle}.row-value.negative,.big-metric.negative{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.footer-nav{margin-top:auto}.btn-deploy{width:100%;background:var(--ink);color:var(--paper);border:none;padding:24px;font-family:JetBrains Mono,monospace;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-weight:700;transition:transform .1s}.btn-deploy:hover{background:#000;transform:scale(1.02)}.btn-edit{display:block;width:100%;text-align:center;margin-top:16px;padding:12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);text-transform:uppercase;background:none;border:none;cursor:pointer}.btn-edit:hover{color:var(--ink)}.gas-estimate{margin-top:40px;padding-top:24px;border-top:1px solid var(--guide);display:flex;align-items:flex-start;gap:12px}.gas-indicator{width:8px;height:8px;background:#15803d;border-radius:50%;margin-top:4px;flex-shrink:0}.gas-text{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-light)}@media(max-width:1200px){.workspace-summary{grid-template-columns:1fr}.sidebar-summary{border-left:none;border-top:1px solid var(--ink)}.journey-col{padding:40px 24px}.hero-title-summary{font-size:36px}.info-grid{grid-template-columns:1fr}.summary-table-header,.summary-row{grid-template-columns:40px 80px 1fr 80px 80px;padding:16px 20px}}@media(max-width:600px){.summary-header-bar{padding:0 16px;height:50px}.brand{font-size:10px}.summary-header-actions{gap:12px}.cancel-link{font-size:9px}.journey-col{padding:24px 16px}.hero-title-summary{font-size:24px}.summary-table-header{display:none}.summary-row{grid-template-columns:1fr;gap:12px;position:relative}.row-logo-slot{display:none}.row-step{font-size:8px;opacity:.7}.row-strategy{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.row-value{text-align:left;display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:8px;font-size:12px;min-width:0}.row-value:before{content:"";font-size:9px;color:var(--ink-light)}.summary-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"step step" "name name" "risk apy"}.row-step{grid-area:step;margin-bottom:4px}.row-strategy{grid-area:name;margin-bottom:12px}.row-risk{grid-area:risk;text-align:left;justify-self:stretch;min-width:0}.row-apy{grid-area:apy;text-align:right;justify-self:stretch;min-width:0}.row-risk:before{content:"RISK: ";margin-right:4px}.row-apy:before{content:"APY: ";margin-right:4px}}.deploy-layout{--bg-color: #F7F8F7;--surface-color: #FFFFFF;--text-main: #121414;--text-dim: #7A7A7A;--border-light: #DCDCDC;--border-heavy: #121414;--accent-green: #2B2B2B;--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Manrope", sans-serif;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-mono);height:100vh;overflow:hidden;display:flex;flex-direction:column}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.label-mono{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.text-dim{color:var(--text-dim)}.border-r-theme{border-right:1px solid var(--border-light)}.border-l-theme{border-left:1px solid var(--border-light)}.border-t-theme{border-top:1px solid var(--border-light)}.border-b-theme{border-bottom:1px solid var(--border-light)}.btn-primary{background:var(--text-main);color:var(--bg-color);border:1px solid var(--text-main);transition:all .2s;cursor:pointer}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main);transition:all .2s;cursor:pointer}.btn-outline:hover{border-color:var(--text-main);background:#00000005}.checkbox-custom{appearance:none;width:14px;height:14px;border:1px solid var(--border-light);background:transparent;cursor:pointer;position:relative;flex-shrink:0}.checkbox-custom:checked{background:var(--text-main);border-color:var(--text-main)}.checkbox-custom:checked:after{content:"✓";color:#fff;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-stage{perspective:1200px;transform-style:preserve-3d}.bg-grid-pattern{background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:40px 40px;background-position:center}.deploy-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-light);background:#f7f8f7;z-index:10;flex-shrink:0}.deploy-brand{text-decoration:none;color:inherit;flex-shrink:0}.deploy-brand-text{font-size:14px;font-weight:600;letter-spacing:-.02em}.deploy-nav{display:flex;gap:24px}.deploy-wallet-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.nav-link{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .2s;text-decoration:none;color:var(--text-main)}.nav-link.inactive{opacity:.4}.nav-link.inactive:hover{opacity:1}.nav-link.active{opacity:1;border-bottom:1px solid var(--text-main);padding-bottom:2px}.app-grid{display:grid;grid-template-columns:320px 1fr 300px;grid-template-rows:1fr auto;flex:1;overflow:hidden}.panel-left{background:#f7f8f7;border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto}.panel-center{background:#f2f2f2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.panel-right{background:#f7f8f7;border-left:1px solid var(--border-light);display:flex;flex-direction:column}.p-section{padding:24px}.border-b{border-bottom:1px solid var(--border-light)}.btn-full{width:100%;padding:16px;display:flex;justify-content:space-between;align-items:center}.btn-flex-1{flex:1;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.btn-icon-only{width:40px;display:flex;justify-content:center;align-items:center}.est-card{background:#fff;border:1px solid var(--border-light);padding:16px;margin-bottom:16px}.deploy-footer{grid-column:1 / -1;border-top:1px solid var(--border-light);background:#f7f8f7;padding:24px;display:flex;justify-content:space-between;align-items:center}.deploy-footer-actions{display:flex;gap:24px;flex-wrap:wrap}.deploy-footer-item{display:flex;flex-direction:column;gap:4px;cursor:pointer}.deploy-footer-item-header{display:flex;align-items:center;gap:8px}.deploy-footer-checkbox{width:12px;height:12px;border:1px solid #9ca3af;border-radius:2px;flex-shrink:0}.deploy-footer-desc{font-size:9px;padding-left:20px}.deploy-footer-divider{width:1px;height:32px;background:#d1d5db;flex-shrink:0}.deploy-footer-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc}@media(max-width:1024px){.app-grid{display:flex;flex-direction:column;overflow-y:auto}.panel-center{order:1;min-height:600px;border-bottom:1px solid var(--border-light)}.panel-left{order:2;border-right:none;border-bottom:1px solid var(--border-light)}.panel-right{order:3;border-left:none}.deploy-footer{order:4;flex-direction:column;gap:24px;text-align:center}}@media(max-width:600px){.deploy-header{height:auto;flex-wrap:wrap;gap:12px;padding:12px 16px}.deploy-brand-text{font-size:11px}.deploy-nav{gap:12px;order:3;width:100%;justify-content:center;flex-wrap:wrap;display:none}.deploy-wallet-info{align-items:flex-end}.app-grid{display:flex!important;flex-direction:column!important;height:auto;overflow-y:auto}.panel-center{order:1!important;width:100%;min-height:480px;padding:16px 0;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.card-stage{transform:scale(.75);transform-origin:center center;margin-top:-20px}.panel-left{order:2!important;border-right:none;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);display:flex!important;flex-direction:column}.panel-right{order:3!important;border-left:none;border-top:none}.deploy-footer{order:4;flex-direction:column;gap:24px;text-align:center;padding-bottom:48px}.deploy-footer-actions{gap:16px;justify-content:center}.deploy-footer-divider,.deploy-footer-desc{display:none}.deploy-footer .group{width:auto;align-items:center}}.canvas-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--paper)}.canvas-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ink);flex-shrink:0;background:var(--paper)}.header-left{display:flex;align-items:center;gap:16px}.brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;letter-spacing:-.02em}.version-tag{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);padding-left:12px;border-left:1px solid var(--guide)}.tagline{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light)}.header-actions{display:flex;gap:16px}.action-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;background:none;border:none;text-decoration:none}.action-link:hover{color:var(--ink)}.canvas-workspace{display:grid;grid-template-columns:280px 1fr 320px;flex:1;overflow:hidden}.palette-col{border-right:1px solid var(--ink);overflow-y:auto;background:var(--paper);display:flex;flex-direction:column}.search-bar{padding:16px;border-bottom:1px solid var(--ink)}.search-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--guide);font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 0;color:var(--ink);outline:none}.search-input::placeholder{color:var(--ink-light)}.category-group{margin-bottom:24px}.category-header{padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-light)}.brick-item{padding:12px 16px;cursor:grab;transition:all .2s;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.brick-item:hover{background-color:#eaeaea}.brick-item:active{cursor:grabbing}.brick-name{font-weight:500;font-size:13px}.brick-meta{font-family:JetBrains Mono,monospace;font-size:10px;opacity:.6}.canvas-col{background-color:var(--paper);position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background-image:radial-gradient(var(--guide) 1px,transparent 1px);background-size:20px 20px}.canvas-label{position:absolute;top:16px;left:20px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.stack-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;position:relative}.stack-connector{position:absolute;left:50%;top:40px;bottom:40px;width:1px;background:var(--ink);transform:translate(-50%);z-index:0;opacity:.2}.empty-canvas{text-align:center;padding:60px 40px;border:2px dashed var(--guide);color:var(--ink-light)}.stack-brick{background:var(--paper);border:1px solid var(--ink);padding:16px;position:relative;z-index:1;transition:all .2s;box-shadow:4px 4px #0000000d;cursor:pointer}.stack-brick:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #0000001a}.stack-brick.empty{background:transparent;border:2px dashed var(--guide);box-shadow:none;opacity:.6;display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--ink-light)}.stack-brick.empty:hover{border-color:var(--ink);opacity:1;transform:none;box-shadow:none}.brick-helper{display:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;margin-top:6px}.stack-brick.drag-over{background:#15803d0d;border-color:#15803d;border-style:solid;opacity:1;transform:scale(1.02)}.brick-header{display:flex;justify-content:space-between;margin-bottom:8px}.brick-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.brick-main{display:flex;justify-content:space-between;align-items:center}.brick-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.02em}.brick-yield{font-family:JetBrains Mono,monospace;font-weight:700}.brick-details{display:flex;gap:8px;margin-top:12px}.brick-tag{font-family:JetBrains Mono,monospace;font-size:9px;padding:2px 6px;border:1px solid var(--guide);text-transform:uppercase}.flow-arrow{text-align:center;color:var(--ink-light);font-size:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1;background:var(--paper);width:24px;margin:0 auto}.metrics-col{border-left:1px solid var(--ink);overflow-y:auto;display:flex;flex-direction:column;background:var(--paper)}.metric-section{padding:32px 24px;border-bottom:1px solid var(--ink)}.metric-section:last-child{border-bottom:none}.metric-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.hero-label{display:flex;justify-content:space-between;align-items:flex-end}.hero-value{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:500;line-height:1;margin:16px 0;letter-spacing:-2px;color:transparent;-webkit-text-stroke:2px var(--ink)}.rewards-note{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);margin-top:-10px}.risk-header{display:flex;justify-content:space-between;align-items:center}.risk-value{font-family:JetBrains Mono,monospace;font-weight:700}.histogram{display:flex;align-items:flex-end;gap:2px;height:60px;margin-top:16px;padding-bottom:8px;border-bottom:1px solid var(--guide)}.bar{flex:1;background:var(--ink);min-width:2px;opacity:.8;transition:height .3s}.bar:nth-child(3n){opacity:.4}.bar:nth-child(5n){opacity:.6}.histogram-labels{display:flex;justify-content:space-between;margin-top:6px}.breakdown-section{flex:1}.breakdown-title{margin-bottom:12px}.data-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--guide);font-size:12px}.data-row:last-child{border-bottom:none}.mono-value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.mono-value.negative{color:#dc2626}.net-row{font-weight:700;border-top:1px solid var(--ink);margin-top:8px;padding-top:12px}.data-source-note{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);margin-top:12px;padding-top:8px;border-top:1px dashed var(--guide);opacity:.7}.hero-value.negative{-webkit-text-stroke:2px #ef4444}.brick-yield.borrow-cost{color:#f59e0b;font-size:13px}.brick-tag.borrow-tag{background:#fef3c7;border-color:#f59e0b;color:#92400e}.brick-tag.leverage-tag{background:#e0f2fe;border-color:#0ea5e9;color:#0369a1}.mono-value.borrow-cost-value{color:#f59e0b}.leverage-row{background:#f0f9ff;padding:12px 8px!important;margin:0 -8px;border-color:#bae6fd!important}.leverage-row .mono-value{color:#0369a1;font-weight:700}.canvas-leverage-section{background:linear-gradient(180deg,#f0f9ff 0%,var(--paper) 100%);border-left:3px solid #0ea5e9}.leverage-title{color:#0369a1!important;font-weight:700;margin-bottom:16px}.leverage-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.leverage-detail-item{display:flex;flex-direction:column;gap:2px}.leverage-detail-label{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.leverage-detail-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.leverage-detail-value.warning{color:#f59e0b}.leverage-how-it-works{border-top:1px dashed #bae6fd;padding-top:12px}.leverage-how-title{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#0369a1;font-weight:700;display:block;margin-bottom:8px}.leverage-loop-visual{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.loop-step{display:flex;align-items:center;gap:8px}.loop-number{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);width:44px;flex-shrink:0}.loop-bar{height:6px;background:#0ea5e9;min-width:4px;transition:width .3s ease}.loop-amount{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);flex-shrink:0}.leverage-note{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;color:#0369a1;margin:0}.canvas-leverage-control{margin-bottom:16px}.canvas-leverage-control .leverage-compact-container{width:100%;box-sizing:border-box}.canvas-leverage-prompt{background:linear-gradient(180deg,#fffbeb 0%,var(--paper) 100%);border-left:3px solid #f59e0b}.leverage-prompt-text{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;color:var(--ink-light);margin:8px 0 16px}.float-calc{background:#eaeaea;padding:24px;margin-top:auto}.calc-title,.calc-input-group{margin-bottom:16px}.calc-input{width:100%;background:var(--paper);border:1px solid var(--ink);padding:8px;font-family:JetBrains Mono,monospace;font-size:14px;margin-top:4px}.calc-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--guide)}.calc-row.no-border{border-bottom:none}.calc-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.btn-deploy{width:100%;background:var(--ink);color:var(--paper);border:none;padding:12px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-top:16px;transition:opacity .2s;font-weight:600}.btn-deploy:hover{opacity:.9}@media(max-width:1024px){.canvas-workspace{grid-template-columns:1fr 300px}.palette-col,.tagline{display:none}}@media(max-width:768px){.canvas-layout{height:auto;overflow:auto}.canvas-workspace{display:flex;flex-direction:column}.palette-col{display:none}.canvas-col{min-height:60vh;padding:20px;border-bottom:1px solid var(--ink)}.metrics-col{border-left:none}.stack-container{max-width:100%}.stack-brick{cursor:pointer}.brick-helper{display:block}.hero-value{font-size:48px}.canvas-leverage-section,.canvas-leverage-prompt{padding:20px 16px}.leverage-detail-grid{grid-template-columns:1fr 1fr;gap:8px}.leverage-detail-value{font-size:14px}.leverage-note{font-size:9px}.canvas-leverage-control .leverage-compact-container{flex-wrap:wrap;gap:8px;padding:6px 10px}.canvas-leverage-control .leverage-compact-control{border-right:none;padding-right:0}.leverage-row{margin:0 -4px;padding:10px 4px!important}.brick-details{flex-wrap:wrap}}@media(max-width:480px){.hero-value{font-size:36px}}.mobile-drawer-overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;left:0;right:0;bottom:0;max-height:75vh;background:var(--paper);border-top:1px solid var(--ink);box-shadow:0 -12px 24px #00000026;transform:translateY(100%);transition:transform .25s ease;z-index:30;display:flex;flex-direction:column}.mobile-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--guide)}.drawer-title{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.drawer-subtitle{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);margin-top:4px}.drawer-close{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;background:none;border:1px solid var(--ink);padding:6px 10px;cursor:pointer}.drawer-search{padding:12px 20px;border-bottom:1px solid var(--guide)}.drawer-search input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--guide);padding:8px 0;font-family:JetBrains Mono,monospace;font-size:12px;outline:none}.drawer-list{overflow-y:auto;padding:8px 12px 16px}.drawer-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:12px;margin-bottom:8px;cursor:pointer}.drawer-item:hover{border-color:var(--ink);background:#f2f2f2}.drawer-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.drawer-item-name{font-weight:600;font-size:14px}.drawer-item-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light)}.drawer-item-tags{display:flex;gap:8px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);text-transform:uppercase}.drawer-empty{padding:16px;text-align:center;color:var(--ink-light);font-family:JetBrains Mono,monospace;font-size:11px}@media(min-width:769px){.mobile-drawer,.mobile-drawer-overlay,.brick-helper{display:none}}.palette-col::-webkit-scrollbar,.canvas-col::-webkit-scrollbar,.metrics-col::-webkit-scrollbar{width:6px;height:6px}.palette-col::-webkit-scrollbar-track,.canvas-col::-webkit-scrollbar-track,.metrics-col::-webkit-scrollbar-track{background:transparent}.palette-col::-webkit-scrollbar-thumb,.canvas-col::-webkit-scrollbar-thumb,.metrics-col::-webkit-scrollbar-thumb{background:#ccc}.palette-col::-webkit-scrollbar-thumb:hover,.canvas-col::-webkit-scrollbar-thumb:hover,.metrics-col::-webkit-scrollbar-thumb:hover{background:#999}
