.spoke-calc-workspace{width:100%;max-width:1440px;color:var(--color-foreground,#e0e0f8);box-sizing:border-box;margin:0 auto;padding:.5rem 0 2rem;overflow-x:hidden}.spoke-calc-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.spoke-calc-header-title{flex-direction:column;gap:.25rem;display:flex}.spoke-calc-header-title h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.spoke-calc-header-title p{color:var(--color-muted,#8a8ca8);margin:0;font-size:.875rem}.spoke-calc-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spoke-calc-mobile-tabs{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:var(--color-surface,#0a0a1a);scrollbar-width:thin;border:1px solid #ffffff14;border-radius:.5rem;gap:.35rem;width:100%;max-width:100%;margin-bottom:1rem;padding:.25rem;display:none;overflow-x:auto}.spoke-calc-mobile-tabs button{min-height:44px;color:var(--color-muted,#8a8ca8);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.375rem;flex:none;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .15s}.spoke-calc-mobile-tabs button.active{color:var(--color-primary,#00e5ff);background:#00e5ff26;box-shadow:0 0 10px #00e5ff33}.spoke-calc-grid{grid-template-columns:minmax(360px,480px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.spoke-calc-controls-col{flex-direction:column;gap:1.25rem;max-height:82vh;padding-right:.5rem;display:flex;overflow-y:auto}.spoke-calc-card{background:var(--color-surface,#0a0a1a);border:1px solid #ffffff14;border-radius:.75rem;padding:1.1rem;transition:border-color .2s;box-shadow:0 4px 20px #00000040}.spoke-calc-card:focus-within{border-color:#00e5ff59}.spoke-calc-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.5rem;display:flex}.spoke-calc-card-header h3{color:var(--color-foreground,#e0e0f8);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:650;display:flex}.spoke-calc-card-header .badge{color:var(--color-muted,#8a8ca8);background:#ffffff0f;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem}.spoke-form-group{margin-bottom:.85rem}.spoke-form-group:last-child{margin-bottom:0}.spoke-form-group label{color:var(--color-muted,#8a8ca8);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.spoke-form-group label span.unit{opacity:.8;font-weight:400}.spoke-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.spoke-input-wrapper{align-items:center;display:flex;position:relative}.spoke-input{color:#fff;background:#00000059;border:1px solid #ffffff1f;border-radius:.4rem;outline:none;width:100%;min-height:44px;padding:.5rem .75rem;font-family:monospace;font-size:16px;transition:all .15s}.spoke-input:focus{border-color:var(--color-primary,#00e5ff);box-shadow:0 0 8px #00e5ff40}.spoke-select{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff1f;border-radius:.4rem;outline:none;width:100%;min-height:44px;padding:.5rem .75rem;font-size:.875rem;transition:all .15s}.spoke-select:focus{border-color:var(--color-primary,#00e5ff)}.spoke-segmented-control{background:#00000059;border:1px solid #ffffff1a;border-radius:.4rem;flex-wrap:wrap;gap:.2rem;padding:.2rem;display:flex}.spoke-segmented-pill{min-width:44px;min-height:44px;color:var(--color-muted,#8a8ca8);cursor:pointer;background:0 0;border:none;border-radius:.3rem;flex:auto;justify-content:center;align-items:center;padding:0 .35rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.spoke-segmented-pill.active{color:#fff;background:#00e5ff33;border:1px solid #00e5ff66}.spoke-checkbox-group{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.spoke-checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary,#00e5ff);cursor:pointer}.spoke-calc-visual-col{flex-direction:column;gap:1.25rem;display:flex}.spoke-canvas-container{background:#04040a;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0006}.spoke-canvas-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1ad9;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.spoke-view-switcher{gap:.35rem;display:flex}.spoke-view-btn{min-height:44px;color:var(--color-muted,#8a8ca8);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.375rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.spoke-view-btn.active{border-color:var(--color-primary,#00e5ff);color:var(--color-primary,#00e5ff);background:#00e5ff26}.spoke-side-filter{gap:.25rem;display:flex}.spoke-side-btn{min-height:44px;color:var(--color-muted,#8a8ca8);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.spoke-side-btn.active-both{color:#fff;background:#ffffff1a}.spoke-side-btn.active-left{color:#22d3ee;background:#06b6d433;border-color:#06b6d4}.spoke-side-btn.active-right{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b}.spoke-svg-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;min-height:320px;max-height:520px;padding:1rem;display:flex;position:relative}.spoke-svg-wrapper svg{width:100%;max-width:500px;height:100%;max-height:500px}.spoke-legend-strip{color:var(--color-muted,#8a8ca8);background:#0a0a1a99;border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.spoke-legend-item{align-items:center;gap:.4rem;display:flex}.spoke-legend-dot{border-radius:50%;width:8px;height:8px}.spoke-legend-dot.left{background:#06b6d4;box-shadow:0 0 6px #06b6d4}.spoke-legend-dot.right{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.spoke-legend-dot.rim{background:#64748b}.spoke-results-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.spoke-result-box{background:var(--color-surface,#0a0a1a);border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.spoke-result-box:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.spoke-result-box.left:before{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.spoke-result-box.right:before{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.spoke-result-box-header{justify-content:space-between;align-items:center;display:flex}.spoke-result-box-header h4{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.spoke-result-box.left .spoke-result-box-header h4{color:#22d3ee}.spoke-result-box.right .spoke-result-box-header h4{color:#fbbf24}.spoke-big-stat{align-items:baseline;gap:.35rem;margin:.25rem 0;display:flex}.spoke-big-stat .stat-num{color:#fff;font-family:monospace;font-size:2.2rem;font-weight:800;line-height:1}.spoke-big-stat .stat-unit{color:var(--color-muted,#8a8ca8);font-size:.9rem;font-weight:600}.spoke-stat-row{border-bottom:1px dashed #ffffff0f;justify-content:space-between;padding:.25rem 0;font-size:.8rem;display:flex}.spoke-stat-row:last-child{border-bottom:none}.spoke-stat-label{color:var(--color-muted,#8a8ca8)}.spoke-stat-val{color:#e0e0f8;font-family:monospace;font-weight:600}.spoke-tension-card{background:var(--color-surface,#0a0a1a);border:1px solid #ffffff14;border-radius:.75rem;padding:1rem}.spoke-tension-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.spoke-tension-header h4{align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:650;display:flex}.spoke-tension-bar{background:#0006;border:1px solid #ffffff1a;border-radius:7px;height:14px;margin-bottom:.5rem;display:flex;overflow:hidden}.spoke-tension-fill-left{background:#06b6d4;height:100%;transition:width .3s}.spoke-tension-fill-right{background:#f59e0b;height:100%;transition:width .3s}.spoke-tension-labels{justify-content:space-between;font-family:monospace;font-size:.75rem;font-weight:600;display:flex}.spoke-advisories{flex-direction:column;gap:.5rem;display:flex}.spoke-advisory-item{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.4;display:flex}.spoke-advisory-item.error{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.spoke-advisory-item.info{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}@media (max-width:900px){.spoke-calc-grid{grid-template-columns:1fr}.spoke-calc-controls-col{max-height:none;padding-right:0;overflow-y:visible}.spoke-calc-mobile-tabs{display:flex}.spoke-tab-hidden,.spoke-mobile-col-hidden,.spoke-mobile-card-hidden{display:none!important}}.spoke-modal-body{box-sizing:border-box;max-width:100%;padding:1rem 1.25rem;overflow-x:hidden}.spoke-results-container{box-sizing:border-box;flex-direction:column;gap:1.25rem;max-width:100%;display:flex}@media (max-width:480px){.spoke-modal-body{box-sizing:border-box;padding:.5rem .25rem;overflow-x:hidden}.spoke-calc-workspace{max-width:100%;padding-left:0;padding-right:0;overflow-x:hidden}.spoke-calc-header-title h2{word-break:break-word;font-size:1.25rem}.spoke-calc-card{box-sizing:border-box;max-width:100%;padding:.75rem .5rem;overflow-x:hidden}.spoke-calc-mobile-tabs{box-sizing:border-box;gap:.25rem;max-width:100%;padding:.2rem}.spoke-calc-mobile-tabs button{padding:.45rem .55rem;font-size:.8rem}.spoke-canvas-toolbar{flex-wrap:wrap;gap:.35rem;padding:.5rem}.spoke-view-switcher{flex-wrap:wrap;width:100%}.spoke-view-btn{flex:auto;justify-content:center;min-width:0}.spoke-side-filter{flex-wrap:wrap;width:100%}.spoke-side-btn{flex:auto;justify-content:center;min-width:0}.spoke-svg-wrapper{box-sizing:border-box;max-width:100%;min-height:200px;padding:.25rem;overflow:hidden}.spoke-form-row,.spoke-results-grid{grid-template-columns:1fr}.spoke-calc-header-actions{flex-wrap:wrap;gap:.4rem;width:100%}.spoke-calc-header-actions button,.spoke-calc-header-actions a{box-sizing:border-box;flex:calc(50% - .4rem);justify-content:center;min-width:100px;min-height:44px}}