:root{--bg:#fff7f9;--surface:#fff;--surface-soft:#fff0f5;--surface-blush:#ffe4ef;--text:#201521;--muted:#7b6678;--pink:#ff2f8f;--pink-dark:#c21868;--pink-soft:#ffd6e8;--plum:#3b102f;--plum-2:#5b1748;--berry:#a71966;--coral:#ff6f61;--orange-soft:#fff0e8;--sage:#7aa36f;--sage-soft:#eef8ed;--purple:#8b3fd1;--purple-soft:#f1e6ff;--border:#f0bfd4;--border-soft:#f5dbe7;--warning:#d86b2d;--warning-soft:#fff0e5;--success:#2f9d69;--success-soft:#e9f8ef;--shadow:0 18px 45px #7d255c1f;--shadow-soft:0 8px 22px #7d255c14;--radius-xl:24px;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--font-xs:.8125rem;--font-sm:.9375rem;--font-base:1.0625rem;--font-md:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--leading:1.6;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:var(--leading);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*,:before,:after{box-sizing:border-box}html{font-size:18px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-size:var(--font-base);line-height:var(--leading);margin:0}#root{width:100%}button,input,select,textarea{color:inherit;font-family:inherit;font-size:var(--font-base)}button{cursor:pointer}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.circuit-map-card{--station-empty-bg:#e8e4e6;--station-empty-border:#c4bcc0;--station-empty-text:#8a8086;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:1.375rem 1.5rem;overflow:hidden}.circuit-map-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.125rem;display:flex}.circuit-map-header h2{font-size:var(--font-lg);color:var(--plum);align-items:center;gap:.5rem;margin:0;font-weight:800;display:flex}.circuit-map-tagline{font-size:var(--font-sm);color:var(--berry);letter-spacing:.01em;margin:0;font-style:italic;font-weight:500}.circuit-map-hint{font-size:var(--font-sm);color:var(--muted);margin:0 0 1rem}.circuit-map-layout--preview .station-card--available{background:var(--station-empty-bg);border:1.5px dashed var(--station-empty-border);opacity:1;color:var(--station-empty-text);cursor:default}.circuit-map-layout--preview .station-card--available:hover{border-color:var(--station-empty-border);opacity:1}.circuit-map-layout--preview .station-code{color:#7a7278}.circuit-map-layout--preview .station-available-label{color:#9a9298}.circuit-map-layout{align-items:flex-start;gap:1.25rem;display:flex}.circuit-map-zones{flex-direction:column;flex:auto;gap:1rem;min-width:0;display:flex}.zone-panel-title{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 .75rem;font-weight:700}.zone-panel{border-radius:var(--radius-lg);padding:1rem 1.125rem}.zone-panel--outdoor{background:linear-gradient(180deg, var(--sage-soft) 0%, #e4f3e2 100%);border:1.5px solid var(--sage)}.zone-panel--strength{background:linear-gradient(165deg, var(--purple-soft) 0%, var(--surface-blush) 100%);border:1.5px solid var(--purple)}.zone-panel--gym{background:linear-gradient(165deg, var(--orange-soft) 0%, #ffe8e0 100%);border:1.5px solid var(--coral)}.zone-outdoor-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.zone-strength-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);align-items:start;gap:.75rem;display:grid}.strength-top{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:.75rem;display:flex}.strength-left{flex-direction:column;grid-area:2/1/4;gap:.75rem;display:flex}.strength-bottom{flex-wrap:wrap;grid-area:2/2/4;place-content:flex-end center;align-self:end;gap:.75rem;display:flex}.zone-gym-grid{grid-template-rows:auto auto;grid-template-columns:minmax(7rem,1fr) minmax(0,1.5fr) minmax(7rem,1fr);align-items:stretch;gap:.75rem;display:grid}.gym-left{flex-direction:column;grid-area:1/1;gap:.75rem;display:flex}.gym-right{flex-direction:column;grid-area:1/3;gap:.75rem;display:flex}.gym-bottom{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;gap:.75rem;display:flex}.station-card{appearance:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;min-height:6.25rem;font:inherit;flex-direction:column;align-items:stretch;padding:.875rem 1rem .75rem;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:flex;position:relative}.station-card:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.station-card--available{background:var(--surface-soft);border:1.5px dashed var(--border);opacity:.7;color:var(--muted)}.station-card--available:hover{opacity:.85;border-color:var(--pink-soft)}.station-card--used{background:var(--surface);border:2px solid var(--pink);color:var(--text);opacity:1;box-shadow:var(--shadow-soft)}.station-card--used:hover{border-color:var(--pink-dark);transform:translateY(-2px);box-shadow:0 10px 28px #ff2f8f2e}.station-card--locked{border-color:var(--plum);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-blush) 100%);border-width:2.5px}.station-card--selected{border-color:var(--pink-dark);box-shadow:0 0 0 3px #ff2f8f40,0 8px 24px #ff2f8f33}.station-card--draggable{cursor:grab}.station-card--draggable:active{cursor:grabbing}.station-card--drop-target{box-shadow:0 0 0 3px #ff2f8f33;border-color:var(--pink)!important;background:var(--surface-blush)!important;opacity:1!important;border-style:dashed!important}.station-drag-hint{letter-spacing:-.15em;color:var(--muted);opacity:.7;font-size:.625rem;line-height:1}.station-card--used .station-drag-hint{color:var(--berry)}.station-badge{background:linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);color:#fff;min-width:1.875rem;height:1.875rem;font-size:var(--font-xs);z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0 .4rem;font-weight:800;display:flex;position:absolute;top:-.5rem;left:-.375rem;box-shadow:0 3px 8px #ff2f8f66}.station-card-header{justify-content:space-between;align-items:center;gap:.375rem;margin-bottom:.375rem;padding-top:.25rem;display:flex}.station-code{font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--plum);font-weight:800}.station-card--available .station-code{color:var(--muted)}.station-lock-badge{font-size:var(--font-sm);line-height:1}.station-name{font-size:var(--font-sm);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.station-equipment{font-size:var(--font-xs);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0 0;line-height:1.35;display:-webkit-box;overflow:hidden}.station-available-label{font-size:var(--font-xs);color:var(--muted);margin:auto 0 0;font-style:italic;font-weight:600}.map-legend{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft);flex:0 0 11rem;padding:1rem 1.125rem}.map-legend h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--berry);margin:0 0 .75rem;font-weight:700}.map-legend-list{font-size:var(--font-xs);color:var(--muted);flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.map-legend-list li{align-items:center;gap:.5rem;display:flex}.legend-swatch{border-radius:4px;flex-shrink:0;width:1rem;height:1rem}.legend-swatch-used{background:var(--surface);border:2px solid var(--pink)}.legend-swatch-available{background:var(--station-empty-bg);border:1.5px dashed var(--station-empty-border)}.legend-swatch-locked{background:var(--surface-blush);border:2.5px solid var(--plum)}.legend-swatch-strength{background:var(--purple-soft);border:1.5px solid var(--purple)}.legend-swatch-gym{background:var(--orange-soft);border:1.5px solid var(--coral)}.legend-swatch-outdoor{background:var(--sage-soft);border:1.5px solid var(--sage)}@media (width<=900px){.circuit-map-layout{flex-direction:column}.map-legend{flex:auto;width:100%}.zone-outdoor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-strength-grid,.zone-gym-grid{grid-template-columns:1fr}.strength-left,.strength-bottom,.gym-left,.gym-right,.gym-bottom{flex-flow:wrap;grid-area:auto/1;align-self:auto}.strength-top,.strength-bottom,.gym-bottom{justify-content:flex-start}.station-card{min-width:7rem;max-width:100%}}@media (width>=901px){.zone-outdoor-row .station-card,.strength-top .station-card,.strength-bottom .station-card,.gym-bottom .station-card{flex:7.5rem;max-width:10rem}.strength-left .station-card,.gym-left .station-card,.gym-right .station-card{max-width:10rem}}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:linear-gradient(175deg, var(--plum) 0%, var(--berry) 100%);color:#fff;flex-direction:column;flex:0 0 240px;padding:1.75rem 1.25rem;display:flex;box-shadow:4px 0 24px #3b102f2e}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .25rem;display:flex}.sidebar-logo-mark{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex}.sidebar-logo strong{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.15;display:block}.sidebar-logo span{font-size:var(--font-sm);opacity:.85;letter-spacing:.02em;font-weight:500;display:block}.sidebar-nav{flex:1}.sidebar-nav ul{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{text-align:left;border-radius:var(--radius-md);color:#ffffffd1;width:100%;font:inherit;font-size:var(--font-sm);background:0 0;border:none;padding:.75rem .875rem;font-weight:500;transition:background .15s,color .15s}.sidebar-nav-item:hover{color:#fff;background:#ffffff1a}.sidebar-nav-item.is-active{background:var(--pink);color:#fff;font-weight:700;box-shadow:0 4px 14px #ff2f8f66}.sidebar-tagline{font-size:var(--font-sm);letter-spacing:.03em;opacity:.9;text-align:center;border-top:1px solid #fff3;margin:1.5rem 0 0;padding:.875rem .5rem 0;font-style:italic;font-weight:600}.main-content{flex:1;min-width:0;padding:1.75rem 2rem 3rem;overflow-x:hidden}.hero-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;margin-bottom:1.5rem;display:flex}.hero-header h1{letter-spacing:-.03em;color:var(--plum);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.2}.hero-tagline{max-width:24rem;font-size:var(--font-sm);color:var(--muted);text-align:right;font-weight:500;line-height:var(--leading);margin:0}.banner{border-radius:var(--radius-md);font-size:var(--font-sm);margin-bottom:1rem;padding:.875rem 1.125rem}.banner-error{background:var(--surface-blush);border:1px solid var(--border);color:var(--pink-dark)}.class-controls-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin-bottom:1.5rem;padding:1.5rem 1.75rem}.generate-form{flex-direction:column;gap:1.125rem;display:flex}.controls-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem 1.125rem;display:grid}.form-field{font-size:var(--font-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.4rem;font-weight:700;display:flex}.form-field-notes{text-transform:none;letter-spacing:normal;font-weight:600;font-size:var(--font-sm);color:var(--text)}.form-field input,.form-field select,.form-field textarea{font:inherit;font-size:var(--font-base);text-transform:none;letter-spacing:normal;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);padding:.75rem .875rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:var(--pink-soft)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--pink);background:var(--surface);outline:none;box-shadow:0 0 0 3px #ff2f8f26}.form-field input[readonly]{background:var(--surface-blush);color:var(--muted);cursor:default}.form-field textarea{resize:vertical;min-height:4rem}.form-actions{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.btn-generate{font:inherit;font-weight:700;font-size:var(--font-md);letter-spacing:.02em;background:linear-gradient(135deg, var(--pink) 0%, var(--pink-dark) 100%);color:#fff;border:none;border-radius:999px;padding:.9375rem 2.25rem;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 24px #ff2f8f59}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff2f8f73}.btn-generate:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-save-class{font:inherit;font-weight:700;font-size:var(--font-base);border:2px solid var(--pink);color:var(--pink-dark);background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.8125rem 1.5rem;transition:background .15s,color .15s;display:inline-flex}.btn-save-class span{color:var(--pink);font-size:1rem}.btn-save-class:hover:not(:disabled){background:var(--surface-blush)}.btn-save-class:disabled{opacity:.45;cursor:not-allowed}.save-message{font-size:var(--font-sm);margin:0;font-weight:500}.save-message.success{color:var(--success)}.save-message.error{color:var(--warning)}.planner-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:1.25rem;margin-bottom:1.25rem;display:grid}.insights-panel{background:linear-gradient(180deg, var(--surface-blush) 0%, var(--surface-soft) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:1.375rem 1.5rem}.insights-panel h2{font-size:var(--font-lg);color:var(--plum);letter-spacing:-.01em;margin:0 0 1rem;font-weight:800}.insights-empty{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);font-size:var(--font-sm);text-align:center;margin:0;padding:1.25rem}.insights-summary{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-bottom:1.125rem;display:grid}.insights-stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:.15rem;padding:.75rem .875rem;display:flex}.insights-stat-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.insights-stat strong{color:var(--pink-dark);font-size:1.625rem;font-weight:800}.insights-sections{flex-direction:column;gap:.875rem;display:flex}.insights-section{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.875rem 1rem}.insights-section h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--berry);margin:0 0 .625rem;font-weight:700}.insights-ok{font-size:var(--font-sm);color:var(--success);margin:0;font-weight:500}.insights-notes-list{font-size:var(--font-sm);line-height:var(--leading);color:var(--muted);margin:0;padding-left:1.125rem}.insights-notes-list--warn{color:var(--warning)}.insights-notes-list li+li{margin-top:.35rem}.rule-check-list{flex-direction:column;gap:.375rem;display:flex}.rule-check-row{background:var(--success-soft);font-size:var(--font-sm);border:1px solid #c8ead8;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .875rem;display:flex}.rule-check-row--warn{background:var(--warning-soft);border-color:#f0c9a8}.rule-check-icon{background:var(--success);color:#fff;width:1.375rem;height:1.375rem;font-size:var(--font-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.rule-check-row--warn .rule-check-icon{background:var(--warning)}.rule-check-label{color:var(--text);flex:1;font-weight:500}.rule-check-value{color:var(--plum);white-space:nowrap;font-weight:700}.rule-check-row--warn .rule-check-value{color:var(--warning)}.category-progress-list{flex-direction:column;gap:.625rem;display:flex}.category-progress-header{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.category-progress-name{font-size:var(--font-sm);color:var(--text);font-weight:600}.category-progress-count{font-size:var(--font-xs);color:var(--berry);font-weight:700}.category-progress-track{background:var(--surface-blush);border-radius:999px;height:.625rem;overflow:hidden}.category-progress-fill{background:linear-gradient(90deg, var(--pink) 0%, var(--berry) 100%);border-radius:999px;height:100%;transition:width .3s}.category-progress-fill--warn{background:linear-gradient(90deg, var(--coral) 0%, var(--warning) 100%)}.category-unavailable{background:var(--surface-soft);border-radius:var(--radius-sm);margin-top:.75rem;padding:.625rem .75rem}.category-unavailable h4{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .25rem;font-weight:700}.category-unavailable p{font-size:var(--font-sm);color:var(--muted);margin:0}.proposed-circuit-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:1.375rem 1.5rem}.proposed-circuit-card h2{font-size:var(--font-lg);color:var(--plum);margin:0 0 .35rem;font-weight:800}.panel-description{color:var(--muted);font-size:var(--font-sm);line-height:var(--leading);margin:0 0 1rem}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--muted);font-size:var(--font-sm);text-align:center;margin:0;padding:1.375rem}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-soft);overflow-x:auto}.circuit-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.circuit-table th,.circuit-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;padding:.85rem 1rem}.circuit-table th{background:linear-gradient(180deg, var(--surface-blush) 0%, var(--surface-soft) 100%);font-weight:700;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--berry);white-space:nowrap}.circuit-table tbody tr:last-child td{border-bottom:none}.circuit-table tbody tr:hover{background:var(--surface-soft)}.row-locked{background:var(--surface-blush)}.row-locked td:first-child{box-shadow:inset 3px 0 0 var(--pink)}.row-cleared{background:var(--surface-soft);color:var(--muted)}.actions-cell{white-space:nowrap}.btn-table{font:inherit;font-size:var(--font-xs);border:1px solid #0000;border-radius:999px;margin-right:.35rem;padding:.4rem .75rem;font-weight:700;transition:all .15s}.btn-table:disabled{opacity:.4;cursor:not-allowed}.btn-lock{background:var(--purple-soft);color:var(--plum);border-color:#d4b8f0}.btn-lock:hover:not(:disabled){background:#e8d4fa}.btn-lock.is-active{background:var(--plum-2);border-color:var(--plum);color:#fff}.btn-swap{background:var(--surface-blush);border-color:var(--border);color:var(--pink-dark)}.btn-swap:hover:not(:disabled){background:var(--pink-soft);border-color:var(--pink)}.btn-remove{background:var(--orange-soft);color:var(--coral);border-color:#f5c4bc}.btn-remove:hover:not(:disabled){border-color:var(--coral);background:#ffe0dc}.modal-backdrop{z-index:100;background:#20152180;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(480px,100%);max-height:80vh;box-shadow:var(--shadow);padding:1.5rem;overflow:auto}.modal h2{font-size:var(--font-lg);color:var(--plum);margin:0 0 .75rem;font-weight:800}.swap-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.swap-option{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);cursor:pointer;flex-direction:column;gap:.25rem;width:100%;padding:.875rem 1rem;transition:border-color .15s,background .15s;display:flex}.swap-option:hover{border-color:var(--pink);background:var(--surface-blush)}.swap-option-name{color:var(--text);font-weight:600}.swap-option-meta{font-size:var(--font-sm);color:var(--muted)}.modal-actions{justify-content:flex-end;margin-top:1rem;display:flex}.modal-actions-split{gap:.75rem}.btn-generate-sm{font-size:var(--font-sm);padding:.6875rem 1.5rem}.modal-actions button{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);padding:.5rem 1rem;font-weight:600}.btn-secondary{font:inherit;font-weight:600;font-size:var(--font-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--plum);padding:.6875rem 1.25rem;transition:background .15s,border-color .15s}.btn-secondary:hover:not(:disabled){background:var(--surface-blush);border-color:var(--pink)}.swap-hint{font-size:var(--font-sm);color:var(--berry);margin:.75rem 0 0}@media (width<=1024px){.planner-grid{grid-template-columns:1fr}}@media (width<=768px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;flex:none;align-items:center;gap:.75rem;padding:1rem 1.25rem}.sidebar-logo{margin-bottom:0}.sidebar-nav{flex:100%;order:3}.sidebar-nav ul{flex-flow:wrap;gap:.375rem}.sidebar-nav-item{font-size:var(--font-xs);text-align:center;flex:auto;padding:.5625rem .625rem}.sidebar-tagline{display:none}.main-content{padding:1.25rem 1rem 2rem}.hero-header{flex-direction:column;align-items:flex-start}.hero-tagline{text-align:left;max-width:none}.insights-summary{grid-template-columns:1fr}.controls-row{grid-template-columns:1fr 1fr}}@media (width<=480px){.controls-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.btn-generate,.btn-save-class{text-align:center;justify-content:center;width:100%}}