:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f3f5f6;--bg-soft:#eef1f3;--panel:#fff;--panel-solid:#fff;--panel-muted:#f8fafb;--border:#0f172a1a;--border-strong:#0f172a2e;--text:#182230;--muted:#667085;--muted-2:#98a2b3;--accent:#0f766e;--accent-2:#c8953e;--accent-soft:#0f766e1a;--success:#16855b;--warning:#b7791f;--danger:#d92d20;--shadow:0 24px 70px #0f172a24;background:#f3f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}button,a{color:inherit}::selection{background:#0f766e38}.app-shell{background:radial-gradient(circle at 10% 0%, #0f766e1f, transparent 26%), radial-gradient(circle at 88% 10%, #d977061a, transparent 24%), var(--bg);width:100vw;height:100vh;display:flex;overflow:hidden}.boot-screen{background:var(--bg);align-content:center;place-items:center;gap:18px;min-height:100vh;display:grid}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{z-index:50;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e19f2;flex-direction:column;flex:none;height:100vh;transition:width .22s,transform .22s;display:flex;position:relative;overflow:hidden}.sidebar-open{width:256px}.sidebar-collapsed{width:74px}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:76px;padding:14px 12px;display:flex}.sidebar-toggle{margin-right:1px}.brand-mark{letter-spacing:-.04em;color:#fff;background:linear-gradient(135deg,#124e66,#0f766e 60%,#d97706);border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:0 8px 28px #0f766e3d}.brand-mark.small{border-radius:9px;flex-basis:30px;width:30px;height:30px}.brand-mark.large{border-radius:16px;flex-basis:52px;width:52px;height:52px;font-size:22px}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:15px}.brand-copy span{color:var(--muted);margin-top:2px;font-size:11px}.sidebar-nav{gap:4px;padding:12px;display:grid}.sidebar-section{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.nav-item{color:#9fb0c6;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;height:42px;padding:0 11px;transition:all .15s;display:flex}.sidebar-decks{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:flex;overflow:hidden}.sidebar-section-title{min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;padding:0 11px;font-size:12px;display:flex}.deck-list-mini{padding-right:3px;overflow:auto}.sidebar-empty{color:var(--muted-2);margin:0;padding:8px 11px;font-size:12px}.deck-mini{background:#ffffff05;border:1px solid #0000;border-radius:11px;margin-bottom:6px;padding:8px}.deck-mini:hover{border-color:var(--border);background:#ffffff09}.deck-mini-main{color:#c8d5e7;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:0;display:flex}.deck-mini-main span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.deck-mini-actions{gap:3px;margin-top:7px;padding-left:20px;display:flex}.mini-action{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.mini-action:hover{color:#fff;background:#94a3b81a}.mini-action.danger:hover{color:var(--danger);background:#fb718517}.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px 14px}.user-chip{align-items:center;gap:9px;min-width:0;padding:8px 10px 12px;display:flex}.user-avatar{background:var(--accent-soft);color:#c4b5fd;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.user-chip>div:last-child{flex-direction:column;min-width:0;display:flex}.user-chip strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-chip span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sidebar-hint{color:var(--muted);margin:10px auto;display:block}.icon-button{border:1px solid var(--border);color:#b9c8da;cursor:pointer;background:#ffffff06;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .15s;display:inline-grid}.icon-button:hover{color:#fff;border-color:var(--border-strong);background:#ffffff0e}.app-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.mobile-topbar{display:none}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.page-scroll{overscroll-behavior:contain;flex:1;min-width:0;overflow:auto}.page-container{width:min(100%,900px);margin:0 auto;padding:34px 32px 64px}.page-container.wide-page{width:min(100%,1050px)}.page-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title-row h1{letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(26px,3vw,38px);line-height:1}.eyebrow{color:#8fa4c0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.status-pill,.duration-pill{color:#9de9ca;white-space:nowrap;background:#34d39912;border:1px solid #34d3992e;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.status-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d39914}.duration-pill{border-color:var(--border);color:var(--muted);background:#94a3b80f}.panel{border:1px solid var(--border);background:linear-gradient(#141f32f0,#0c1423f0);border-radius:18px;padding:22px;box-shadow:0 12px 38px #00000024}.panel+.panel,.results-stack{margin-top:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.panel-heading.small-heading{margin-bottom:16px}.panel-heading h2{letter-spacing:-.025em;margin:4px 0 5px;font-size:21px}.panel-heading p{max-width:680px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.heading-icon{color:#d4a857;flex:none}.form-grid{gap:14px;margin-bottom:14px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{margin-top:3px}.field{gap:7px;min-width:0;display:grid}.field>span,.field-label-row>span:first-child{color:#b9c7d9;font-size:12px;font-weight:700}.field input,.field textarea,.field select,.contact-textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#020814b8;border-radius:11px;outline:0;transition:all .15s}.field input,.field select{height:44px;padding:0 12px}.field textarea{padding:13px}.deck-list-field{margin-top:6px}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck-list-field textarea{resize:vertical;min-height:270px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5}.muted{color:var(--muted)}.field-label-row .muted{font-size:10px;font-weight:500}.autocomplete-wrap{position:relative}.autocomplete-menu{z-index:30;border:1px solid var(--border-strong);max-height:230px;box-shadow:var(--shadow);background:#0b1628;border-radius:11px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto}.autocomplete-menu button{color:#d6e1ef;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;font-size:12px;display:block}.analysis-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:750;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.secondary:hover:not(:disabled){background:#94a3b824}.button.ghost{color:#b8c6d8;border-color:var(--border);background:#ffffff06}.button.ghost.success{color:#a7f3d0;border-color:#34d39933}.button.full{width:100%}.analysis-mode-help{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;padding-top:15px;display:grid}.analysis-mode-help>div{color:var(--muted);align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;display:flex}.analysis-mode-help svg{color:#d4a857;flex:none;margin-top:1px}.analysis-mode-help strong{color:#d7e1ef}.results-stack{gap:18px;display:grid}.result-summary{margin-top:0}.result-summary-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.result-summary-top h2{margin:4px 0 0;font-size:20px}.bracket-card{border:1px solid var(--border);background:#0208145c;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:16px;padding:16px;display:grid}.bracket-number{border:1px solid var(--border);background:#94a3b817;border-radius:17px;place-items:center;width:64px;height:64px;font-size:29px;font-weight:900;display:grid}.bracket-1{color:#cbd5e1}.bracket-2{color:#67e8f9;background:#22d3ee14}.bracket-3{color:#a7f3d0;background:#34d39914}.bracket-4{color:#fbbf24;background:#f59e0b14}.bracket-5{color:#f0abfc;background:#d946ef17}.bracket-card strong{font-size:16px}.bracket-card p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.result-section{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.compact-section{padding-top:14px}.section-title{color:#dfe8f5;align-items:center;gap:8px;margin-bottom:13px;display:flex}.section-title svg{color:#d4a857}.section-title h3{letter-spacing:-.01em;margin:0;font-size:14px}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--border);color:#c7d4e5;background:#94a3b80d;border-radius:8px;align-items:center;min-height:30px;padding:5px 9px;font-size:11px;display:inline-flex}.tag-button{cursor:pointer}.tag-button:hover{border-color:#8b5cf673}.quick-result-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding-top:15px;display:flex}.quick-result-footer>div{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.quick-result-footer>div svg{color:#d4a857}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.metric-card{border:1px solid var(--border);background:#0a1424c2;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:14px;display:flex}.metric-icon{color:#7dd3c7;background:#0f766e1a;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.metric-card>div:last-child{min-width:0;display:grid}.metric-card span{color:var(--muted);font-size:10px}.metric-card strong{margin-top:1px;font-size:18px}.metric-card small{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.price-summary-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.price-summary-row>div{border:1px solid var(--border);background:#0208144d;border-radius:11px;gap:4px;padding:12px;display:grid}.price-summary-row span{color:var(--muted);font-size:10px}.price-summary-row strong{font-size:14px}.card-table-wrap{border:1px solid var(--border);border-radius:12px;max-height:520px;overflow:auto}.card-table{border-collapse:collapse;width:100%;font-size:11px}.card-table thead{z-index:2;background:#0d192b;position:sticky;top:0}.card-table th{text-align:left;color:#8296b0;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:9px}.card-table td{vertical-align:middle;border-bottom:1px solid #94a3b812;padding:9px 12px}.card-table tr:last-child td{border-bottom:0}.card-name-button,.text-button{color:#d8e6f6;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.card-name-button:hover,.text-button:hover{color:#7dd3c7}.commander-label{color:#c4b5fd;text-transform:uppercase;background:#8b5cf61c;border-radius:5px;margin-left:7px;padding:2px 5px;font-size:8px;display:inline-flex}.muted-cell{color:var(--muted);max-width:250px}.no-price{color:var(--muted-2)}.panel-grid{gap:18px;display:grid}.two-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mana-chart{align-items:end;gap:8px;height:190px;padding-top:18px;display:flex}.mana-bar-column{text-align:center;flex:1;grid-template-rows:18px 1fr 18px;gap:3px;min-width:0;height:100%;display:grid}.mana-value,.mana-label{color:var(--muted);font-size:9px}.mana-bar-track{background:linear-gradient(#0000,#94a3b80d);border-radius:7px;align-items:flex-end;height:100%;display:flex;overflow:hidden}.mana-bar{background:linear-gradient(#0f766e,#155e75);border-radius:6px 6px 2px 2px;width:100%;min-height:0}.inline-stats{flex-wrap:wrap;gap:9px;margin-top:11px;display:flex}.inline-stats span{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 8px;font-size:10px}.inline-stats strong{color:#d8e4f2;margin-left:4px}.top-gap{margin-top:15px}.engine-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px;display:grid}.engine-grid>div{border:1px solid var(--border);background:#02081440;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.engine-grid span{color:var(--muted);font-size:10px}.engine-grid strong{font-size:13px}.combo-row{border-bottom:1px solid var(--border);padding:9px 0;font-size:11px}.combo-row:last-of-type{border-bottom:0}.combo-row b{color:var(--muted)}.status-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.status-list li{color:#c8d4e4;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.warning-list li svg{color:#fbbf24;flex:none;margin-top:1px}.empty-success{color:#a7f3d0;align-items:center;gap:8px;font-size:11px;display:flex}.validation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.validation-block{border:1px solid var(--border);background:#02081438;border-radius:11px;padding:12px}.validation-block>div{align-items:center;gap:7px;display:flex}.validation-block strong{font-size:11px}.validation-block p,.validation-block ul{color:var(--muted);margin:7px 0 0;font-size:10px}.validation-block ul{padding-left:17px}.validation-block.ok svg{color:var(--success)}.validation-block.error svg{color:var(--danger)}.analysis-recommendations{flex:0 0 300px;width:300px;padding:18px 0 18px 18px;overflow:hidden}.recommendations-panel{border:1px solid var(--border);background:#08111fe0;border-radius:16px;height:100%;padding:14px;overflow:auto}.recommendations-heading{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:10px;padding-bottom:12px;display:flex}.recommendations-heading svg{color:#d4a857}.recommendations-heading>div{display:grid}.recommendations-heading strong{font-size:13px}.recommendations-heading span{color:var(--muted);font-size:9px}.recommendation-category{margin-top:13px}.recommendation-category h4{color:#8195ae;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:9px}.recommendation-card{border-radius:9px;align-items:center;gap:5px;padding:4px 2px 4px 7px;display:flex}.recommendation-card:hover{background:#94a3b80d}.recommendation-main{color:#d2deed;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;min-width:0;padding:4px 0;display:grid}.recommendation-main span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.recommendation-main small{color:var(--muted-2);font-size:8px}.recommendation-note{color:var(--muted-2);margin:15px 0 0;font-size:8px;line-height:1.5}.card-inspector{flex:0 0 350px;width:350px;padding:18px 18px 18px 0;overflow:hidden}.card-viewer{border:1px solid var(--border);background:#08111ff2;border-radius:16px;height:100%;padding:14px;overflow:auto;box-shadow:-10px 0 40px #0000001f}.card-viewer-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.card-viewer-header h3{margin:3px 0 0;font-size:14px}.card-image-button{cursor:default;width:100%;color:var(--muted);background:0 0;border:0;padding:0}.card-image-button img{border-radius:13px;width:100%;display:block;box-shadow:0 12px 30px #0000004d}.card-image-button span{align-items:center;gap:5px;margin-top:8px;font-size:9px;display:inline-flex}.card-details{margin-top:13px}.card-mana{min-height:22px}.mana-cost{flex-wrap:wrap;gap:3px;display:inline-flex}.mana-cost img{width:18px;height:18px}.card-type{color:#b7c6d8;margin:8px 0;font-size:10px;font-style:italic}.card-oracle{white-space:pre-line;color:#aebfd3;font-size:10px;line-height:1.55}.card-price-line{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;padding-top:10px;font-size:10px}.card-price-line strong{color:#a7f3d0}.home-grid{gap:18px;display:grid}.hero-panel{border-radius:22px;padding:clamp(28px,4vw,44px);position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f766e38,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute;top:-160px;right:-120px}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05,#0000 42%);position:absolute;inset:0}.hero-kicker{color:#8fd2c9;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.hero-panel h2{letter-spacing:-.05em;max-width:620px;margin:16px 0 10px;font-size:clamp(31px,4.4vw,54px);line-height:1.02;position:relative}.hero-panel>p{color:#afbed1;max-width:640px;font-size:15px;line-height:1.7;position:relative}.hero-points{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.hero-points span{color:#d5e2ef;background:#09111f75;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:inline-flex}.hero-points svg{color:#d4a857}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex;position:relative}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-card{border:1px solid var(--border);background:linear-gradient(#0d1625e0,#0f1828cc);border-radius:18px;padding:18px}.feature-icon{color:#d4a857;background:#d4a8571f;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.feature-card h3{margin:14px 0 7px;font-size:14px}.feature-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.instructions-panel .code-example{border:1px solid var(--border);color:#a7f3d0;white-space:pre-wrap;background:#050d1a;border-radius:11px;padding:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}.instruction-tips{gap:7px;margin-top:13px;display:grid}.instruction-tips span{color:var(--muted);align-items:flex-start;gap:7px;font-size:10px;display:flex}.instruction-tips svg{color:var(--success);flex:none}.auth-wrap{max-width:480px;margin:0 auto}.auth-card{padding:28px}.auth-icon{background:var(--accent-soft);color:#8fd2c9;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:17px;display:grid}.auth-card h2{margin:5px 0 7px;font-size:24px}.auth-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.auth-fields{gap:13px;margin-top:22px;display:grid}.text-link{color:#8fd2c9;cursor:pointer;background:0 0;border:0;padding:3px;font-size:11px}.text-link:hover{text-decoration:underline}.simple-page-panel{max-width:700px;margin:0 auto}.contact-textarea{resize:vertical;min-height:180px;padding:13px}.saved-decks-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.saved-deck-card{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;background:#0a1424b8;border-radius:14px;gap:5px;padding:16px;transition:all .15s;display:grid}.saved-deck-card:hover{border-color:#0f766e4d;transform:translateY(-2px)}.saved-deck-icon{color:#d4a857;background:#d4a8571f;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:5px;display:grid}.saved-deck-card strong{font-size:12px}.saved-deck-card span{color:var(--muted);font-size:10px}.empty-state{text-align:center;max-width:540px;margin:0 auto;padding:38px}.empty-icon{color:#8fd2c9;background:#0f766e1f;border-radius:15px;place-items:center;width:50px;height:50px;margin:0 auto 15px;display:grid}.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 17px;font-size:11px}.modal-backdrop,.loading-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01050db8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);width:min(100%,430px);box-shadow:var(--shadow);background:#0d192b;border-radius:17px;padding:20px}.modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-heading h3{margin:4px 0 0}.loading-overlay{z-index:250}.loading-card{border:1px solid var(--border-strong);min-width:240px;box-shadow:var(--shadow);background:#0b1628;border-radius:17px;place-items:center;gap:9px;padding:26px;display:grid}.loading-card strong{font-size:12px}.loading-card span{color:var(--muted);font-size:9px}.toast-stack{z-index:300;gap:8px;width:min(350px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#0d192b;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;font-size:11px;display:flex}.toast button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toast-success{border-color:#34d3993d}.toast-error{border-color:#fb71854d}.toast-info{border-color:#60a5fa47}.mobile-sidebar-backdrop{display:none}.cookie-banner{z-index:260;border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#0a121ff0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;position:fixed;bottom:18px;left:18px;right:18px}.cookie-banner strong{margin-bottom:4px;display:block}.cookie-banner p{color:var(--muted);max-width:700px;margin:0;font-size:11px;line-height:1.55}.cookie-actions{flex:none;gap:8px;display:flex}@media (width<=1280px){.analysis-recommendations{flex-basis:260px;width:260px}.card-inspector{flex-basis:320px;width:320px}.page-container{padding-left:24px;padding-right:24px}}@media (width<=1120px){.workspace{overflow:auto}.analysis-recommendations{flex-basis:260px;order:2;width:260px;padding-left:0;padding-right:18px}.page-scroll{order:1}.card-inspector{z-index:120;width:min(360px,100vw - 32px);padding:0;position:fixed;top:16px;bottom:16px;right:16px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){body{overflow:auto}.app-shell{height:100dvh;min-height:100vh;overflow:hidden}.sidebar{z-index:170;width:min(286px,86vw);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 60px #0006}.sidebar.sidebar-open{width:min(286px,86vw);transform:translate(0)}.sidebar.sidebar-collapsed{width:min(286px,86vw)}.mobile-sidebar-backdrop{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#01050d99;border:0;display:block;position:fixed;inset:0}.sidebar-toggle{display:none}.app-main{height:100dvh}.mobile-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#050c19e0;flex:0 0 58px;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 13px;display:flex}.mobile-brand{align-items:center;gap:8px;font-size:13px;display:flex}.topbar-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:9px;overflow:hidden}.workspace{flex-direction:column;overflow:hidden}.page-scroll{order:1;width:100%}.analysis-recommendations{flex:none;order:2;width:100%;padding:0 14px 18px;overflow:visible}.recommendations-panel{max-height:480px}.page-container,.page-container.wide-page{width:100%;padding:20px 14px 46px}.page-title-row{align-items:center;margin-bottom:17px}.page-title-row h1{font-size:27px}.status-pill{display:none}.two-columns,.two-panel-grid,.analysis-mode-help,.feature-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-summary-row,.validation-grid{grid-template-columns:1fr}.deck-list-field textarea{min-height:230px}.analysis-actions .button{flex:calc(50% - 5px)}.quick-result-footer{flex-direction:column;align-items:stretch}.quick-result-footer .button{width:100%}.bracket-card{grid-template-columns:auto 1fr}.card-table{min-width:620px}.card-inspector{width:calc(100vw - 24px);top:70px;bottom:12px;right:12px}.card-viewer{padding:13px}.card-image-button img{width:min(100%,330px);margin:0 auto}.hero-panel h2{font-size:36px}}@media (width<=560px){.panel{border-radius:15px;padding:16px}.panel-heading{gap:10px}.heading-icon{display:none}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{gap:8px;padding:11px}.metric-icon{width:32px;height:32px}.metric-card strong{font-size:15px}.analysis-actions{grid-template-columns:1fr 1fr;display:grid}.analysis-actions .button{width:100%;padding:0 9px}.result-summary-top{align-items:center}.duration-pill{padding:6px 8px;font-size:9px}.bracket-card{grid-template-columns:1fr}.bracket-number{border-radius:14px;width:56px;height:56px}.field-label-row{flex-direction:column;align-items:flex-start;gap:3px}.hero-panel{padding:22px 18px}.hero-panel h2{font-size:32px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .button{width:100%}.hero-points{grid-template-columns:1fr;display:grid}.cookie-banner{flex-direction:column;align-items:stretch;bottom:12px;left:12px;right:12px}.cookie-actions{width:100%}.cookie-actions .button{flex:1 1 0}.auth-card{padding:20px}.toast-stack{width:calc(100vw - 24px);bottom:12px;right:12px}}.app-shell{background:#f3f5f6}.app-main,.page-scroll{color:#182230;background:#f3f5f6}.page-container{padding-top:38px}.page-title-row h1,.panel-heading h2,.result-summary-top h2,.auth-card h2,.empty-state h2,.section-title h3{color:#182230}.eyebrow{color:#667085}.panel{background:#fff;border-color:#e2e7ec;box-shadow:0 12px 35px #0f172a0d}.panel-heading p,.muted,.field-label-row .muted,.feature-card p,.auth-card>p,.empty-state p,.bracket-card p,.price-summary-row span,.metric-card span,.metric-card small,.inline-stats span,.engine-grid span,.recommendation-note,.card-price-line,.card-oracle,.topbar-user{color:#667085}.field>span,.field-label-row>span:first-child{color:#344054}.field input,.field textarea,.field select,.contact-textarea{color:#182230;background:#fff;border-color:#d8dee5}.field input::placeholder,.field textarea::placeholder{color:#98a2b3}.field input:focus,.field textarea:focus,.field select:focus,.contact-textarea:focus{border-color:#0f766e99;box-shadow:0 0 0 4px #0f766e17}.button.primary{color:#fff;background:#0f766e;box-shadow:0 8px 18px #0f766e29}.button.primary:hover:not(:disabled){background:#0b645e}.button.secondary{color:#344054;background:#fff;border-color:#d0d5dd}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){background:#f8fafb;border-color:#b8c0ca}.button.ghost,.icon-button{color:#475467;background:#fff;border-color:#d8dee5}.icon-button:hover{color:#182230;background:#f8fafb;border-color:#b8c0ca}.sidebar{background:#101820;border-right-color:#ffffff14}.sidebar-header,.sidebar-footer,.sidebar-section{border-color:#ffffff14}.brand-mark{box-shadow:none;background:#0f766e;border:1px solid #ffffff14}.brand-copy strong,.user-chip strong{color:#f8fafc}.nav-item{color:#a9b5c2}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#0f766e38;border-color:#2dd4bf24}.deck-mini{background:#ffffff08}.deck-mini:hover{background:#ffffff0e;border-color:#ffffff1a}.home-grid{gap:22px}.home-hero{background:#fff;border:1px solid #dfe5ea;border-radius:24px;grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr);min-height:360px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0f172a12}.hero-main{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,58px);display:flex;position:relative}.hero-main:after{content:"";opacity:.92;background:#c8953e;border-radius:999px;width:78px;height:4px;position:absolute;top:30px;right:34px}.hero-kicker{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.hero-main h2{color:#16202d;letter-spacing:-.055em;max-width:650px;margin:18px 0 14px;font-size:clamp(38px,5.4vw,64px);line-height:.98}.hero-main>p{color:#596579;max-width:630px;margin:0;font-size:15px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-primary{min-width:160px}.hero-side{color:#f8fafc;background:#17212b;flex-direction:column;justify-content:center;gap:12px;padding:34px 30px;display:flex}.hero-side-label{color:#9fb0c0;letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.hero-mode-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:16px;display:grid}.hero-mode-icon{color:#7dd3c7;background:#0f766e3d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.hero-mode-icon.gold{color:#e7bf79;background:#c8953e2e}.hero-mode-card>div:last-child{gap:4px;display:grid}.hero-mode-card strong{font-size:13px}.hero-mode-card span{color:#a9b5c2;font-size:10px;line-height:1.45}.feature-grid{gap:14px}.feature-card{background:#fff;border-color:#e2e7ec;border-radius:18px;box-shadow:0 8px 24px #0f172a09}.feature-icon{color:#0f766e;background:#e9f4f2}.feature-card:nth-child(2) .feature-icon{color:#9a6b21;background:#fbf2e3}.feature-card:nth-child(3) .feature-icon{color:#465568;background:#edf1f4}.feature-card h3{color:#1f2937}.instructions-panel .code-example{color:#d5e6e4;background:#17212b;border-color:#17212b}.instruction-tips span{color:#667085}.instruction-tips svg{color:#0f766e}.status-pill,.duration-pill{color:#17675f;background:#edf7f5;border-color:#cfe9e5}.duration-pill{color:#667085;background:#f7f8fa;border-color:#e2e7ec}.bracket-card,.metric-card,.price-summary-row>div,.validation-block,.engine-grid>div{background:#f8fafb;border-color:#e2e7ec}.bracket-card strong,.metric-card strong,.price-summary-row strong,.engine-grid strong,.inline-stats strong,.validation-block strong{color:#1f2937}.metric-icon{color:#0f766e;background:#e9f4f2}.section-title{color:#344054}.section-title svg,.analysis-mode-help svg,.quick-result-footer>div svg,.heading-icon{color:#0f766e}.analysis-mode-help strong,.tag,.tag-accent,.status-list li,.card-name-button,.text-button,.recommendation-main,.card-table td{color:#344054}.tag,.tag-accent{background:#f8fafb;border-color:#e2e7ec}.tag-accent{color:#0f766e;background:#edf7f5;border-color:#cfe9e5}.card-table-wrap{border-color:#e2e7ec}.card-table thead{background:#f7f8fa}.card-table th{color:#667085;border-color:#e2e7ec}.card-table td{border-color:#edf0f2}.recommendations-panel,.card-viewer{background:#fff;border-color:#e2e7ec;box-shadow:0 12px 32px #0f172a0f}.recommendations-heading strong,.card-viewer h3,.card-viewer strong{color:#182230}.autocomplete-menu{background:#fff;border-color:#d8dee5}.autocomplete-menu button{color:#344054}.autocomplete-menu button:hover{background:#edf7f5}.auth-icon,.empty-icon{color:#0f766e;background:#e9f4f2}.text-link{color:#0f766e}.saved-deck-card{background:#fff;border-color:#e2e7ec}.saved-deck-card strong{color:#182230}.saved-deck-card:hover{border-color:#a7cbc6;box-shadow:0 10px 24px #0f172a0f}.modal-card,.loading-card,.toast{color:#182230;background:#fff;border-color:#d8dee5}.loading-card svg{color:#0f766e}.cookie-banner{color:#182230;background:#fff;border-color:#d8dee5;width:calc(100vw - 36px);max-width:920px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 20px 55px #0f172a29}.cookie-banner p{color:#667085;font-size:12px}.mobile-topbar{color:#fff;background:#101820;border-color:#ffffff14}.mobile-topbar .icon-button{color:#fff;background:#ffffff0f;border-color:#ffffff14}.mobile-brand .brand-mark{color:#fff}@media (width<=900px){.home-hero{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr;padding:22px;display:grid}.hero-side-label{grid-column:1/-1}}@media (width<=560px){.page-container,.page-container.wide-page{padding-top:18px}.hero-main{padding:28px 22px}.hero-main:after{width:52px;top:20px;right:22px}.hero-main h2{font-size:40px}.hero-side{grid-template-columns:1fr;padding:18px}.cookie-banner{width:auto;left:12px;right:12px;transform:none}}.result-summary-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.compact-button{min-height:36px;padding:0 12px;font-size:11px}.result-summary .button.secondary{color:#315266;background:#f5f8fa;border-color:#d8e1e7}.result-summary .button.secondary:hover:not(:disabled){color:#0f675f;background:#eaf2f3;border-color:#bfd5d3}.translation-note{color:#45645f;background:#f0f8f6;border:1px solid #cfe7e3;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.5}@media (width<=560px){.result-summary-top{flex-direction:column;align-items:flex-start}.result-summary-tools{justify-content:flex-start;width:100%}.result-summary-tools .compact-button{flex:auto}}