:root{--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-bg-hover:#30363d;--color-bg-chrome:#161b22;--color-extra-column-bg:#141922;--color-extra-column-header-bg:#1b212a;--color-extra-column-cell-bg:#ffffff03;--color-extra-column-border:#58a6ff38;--color-extra-column-major-border:#58a6ff2e;--color-extra-column-shadow:inset 1px 0 0 #ffffff08, inset 6px 0 12px #58a6ff06;--color-accent-primary:#58a6ff;--color-accent-secondary:#7c3aed;--color-accent-success:#3fb950;--color-accent-warning:#d29922;--color-accent-danger:#f85149;--color-skill-cost-border:#f85149;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-text-muted:#6e7681;--color-border:#30363d;--color-border-focus:#58a6ff;--frame-height:30px;--lane-width:164px;--event-col-width:75px;--target-col-width:36px;--cost-col-width:90px;--info-col-width:68px;--duration-col-width:53px;--time-label-width:120px;--memo-col-width:210px;--lane-header-height:90px;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:24px;--spacing-lg:36px;--spacing-xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #00000026;--shadow-lg:0 4px 12px #0003;--transition-fast:.15s ease;--transition-normal:.25s ease;--font-family:"Segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-mono:"Consolas", "Monaco", monospace}:root[data-theme=light]{--color-bg-primary:#eef2f6;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#e4eaf1;--color-bg-hover:#d7e0ea;--color-bg-chrome:#e7edf4;--color-extra-column-bg:#edf3f8;--color-extra-column-header-bg:#dfe8f1;--color-extra-column-cell-bg:#0969da09;--color-extra-column-border:#0969da2e;--color-extra-column-major-border:#0969da3d;--color-extra-column-shadow:inset 1px 0 0 #ffffffd9, inset 6px 0 12px #0969da0a;--color-accent-primary:#0969da;--color-accent-secondary:#8250df;--color-accent-success:#1a7f37;--color-accent-warning:#9a6700;--color-accent-danger:#cf222e;--color-skill-cost-border:#cf222e;--color-text-primary:#24292f;--color-text-secondary:#57606a;--color-text-muted:#6e7781;--color-border:#d0d7de;--color-border-focus:#0969da;--shadow-sm:0 1px 2px #1f232814;--shadow-md:0 2px 4px #1f23281a;--shadow-lg:0 6px 16px #1f232824}:root[data-theme=midnight]{--color-bg-primary:#07111f;--color-bg-secondary:#0c1828;--color-bg-tertiary:#14243a;--color-bg-hover:#1e3654;--color-bg-chrome:#0a1726;--color-extra-column-bg:#0d1b2d;--color-extra-column-header-bg:#12243a;--color-extra-column-cell-bg:#7dd3fc09;--color-extra-column-border:#7dd3fc33;--color-extra-column-major-border:#7dd3fc47;--color-extra-column-shadow:inset 1px 0 0 #ffffff09, inset 6px 0 12px #7dd3fc09;--color-accent-primary:#7dd3fc;--color-accent-secondary:#a78bfa;--color-accent-success:#34d399;--color-accent-warning:#fbbf24;--color-accent-danger:#fb7185;--color-skill-cost-border:#fb7185;--color-text-primary:#e0f2fe;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#243b55;--color-border-focus:#7dd3fc}:root[data-theme=sakura]{--color-bg-primary:#fff3f7;--color-bg-secondary:#fffafd;--color-bg-tertiary:#f7dce8;--color-bg-hover:#efc7d8;--color-bg-chrome:#ffe6f0;--color-extra-column-bg:#fff0f6;--color-extra-column-header-bg:#ffdce9;--color-extra-column-cell-bg:#db27770a;--color-extra-column-border:#db27772e;--color-extra-column-major-border:#db277742;--color-extra-column-shadow:inset 1px 0 0 #ffffffe6, inset 6px 0 12px #db27770a;--color-accent-primary:#db2777;--color-accent-secondary:#8b5cf6;--color-accent-success:#16a34a;--color-accent-warning:#b45309;--color-accent-danger:#dc2626;--color-skill-cost-border:#172554;--color-text-primary:#3f1d2d;--color-text-secondary:#7a4960;--color-text-muted:#9f6b81;--color-border:#efbdd1;--color-border-focus:#db2777}:root[data-theme=highContrast]{--color-bg-primary:#000;--color-bg-secondary:#090909;--color-bg-tertiary:#181818;--color-bg-hover:#2a2a2a;--color-bg-chrome:#050505;--color-extra-column-bg:#070707;--color-extra-column-header-bg:#151515;--color-extra-column-cell-bg:#ffffff06;--color-extra-column-border:#ffffff59;--color-extra-column-major-border:#ffffff85;--color-extra-column-shadow:inset 1px 0 0 #ffffff1f, inset 6px 0 12px #ffffff05;--color-accent-primary:#00e5ff;--color-accent-secondary:#ff4fd8;--color-accent-success:#00ff85;--color-accent-warning:#ffd400;--color-accent-danger:#ff4b4b;--color-skill-cost-border:#ffd400;--color-text-primary:#fff;--color-text-secondary:#d6d6d6;--color-text-muted:#a8a8a8;--color-border:#5a5a5a;--color-border-focus:#00e5ff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:21px}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.5;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex}.header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-chrome);border-bottom:2px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.header__title{align-items:center;gap:var(--spacing-sm);color:var(--color-accent-primary);font-size:1.25rem;font-weight:600;display:flex}.header__icon{object-fit:contain;-webkit-text-fill-color:initial;width:42px;height:42px}.header__controls{align-items:center;gap:var(--spacing-lg);display:flex}.header__compare-exit-btn{display:none!important}.compare-mode-active #open-settings-btn{display:none}.compare-mode-active .header__compare-exit-btn{display:inline-flex!important}.display-mode-controls{align-items:center;gap:var(--spacing-sm);display:flex}.header__squad-container{flex:1;justify-content:center;align-items:center;display:flex}.header__squad-label{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:var(--spacing-sm);background:#58a6ff1a;border:1px solid #58a6ff33;display:flex;position:relative}.header__squad-label:hover{border-color:var(--color-accent-primary);background:#58a6ff33}.header__squad-text{color:var(--color-accent-primary);letter-spacing:.05em;font-size:.875rem;font-weight:600}.header__squad-popover{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all var(--transition-normal);z-index:1000;min-width:375px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(10px)}.header__squad-label:hover .header__squad-popover,.header__squad-label--open .header__squad-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.squad-popover__grid{gap:var(--spacing-sm);justify-content:center;display:grid}.squad-popover__grid--6{grid-template-columns:repeat(6,1fr)}.squad-popover__grid--10{grid-template-columns:repeat(5,1fr)}.squad-popover__item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.squad-popover__icon{border-radius:var(--radius-full);border:1px solid var(--color-accent-primary);object-fit:cover;background:var(--color-bg-tertiary);width:60px;height:60px}.squad-popover__icon--empty{color:var(--color-text-muted);border-style:dashed;border-color:var(--color-border);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.squad-popover__name{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:68px;font-size:.65rem;overflow:hidden}.display-mode-controls label{color:var(--color-text-secondary);font-size:.875rem}.time-limit-controls{align-items:center;gap:var(--spacing-sm);display:flex}.time-limit-controls label{color:var(--color-text-secondary);font-size:.875rem}.main{flex:1;position:relative;overflow:hidden}.timeline-wrapper{background:var(--color-bg-primary);height:100%;overflow:auto}.timeline{min-width:max-content;display:flex;position:relative}.timeline--compare{flex-direction:column;width:100%;min-width:100%;height:100%}.timeline-wrapper:has(.timeline--compare){overflow:hidden}.compare-mode-label-row{grid-template-columns:var(--time-label-width) minmax(280px, 1fr) minmax(280px, 1fr);background:var(--color-bg-chrome);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;min-height:38px;display:grid}.compare-mode-label-row__spacer{border-right:1px solid var(--color-border);background:var(--color-bg-secondary);height:100%}.compare-mode-pane-label{min-width:0;padding:6px var(--spacing-sm);text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--color-accent-primary);font-size:.85rem;font-weight:700;overflow:hidden}.compare-mode-pane-label+.compare-mode-pane-label{border-left:2px solid var(--color-border)}.compare-mode-body{grid-template-columns:var(--time-label-width) minmax(280px, 1fr) minmax(280px, 1fr);flex:1;width:100%;min-height:0;display:grid}.compare-mode-time{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow:hidden}.compare-mode-time .timeline__time-column{position:relative;left:auto}.compare-mode-pane{background:var(--color-bg-primary);min-width:0;overflow:auto}.compare-mode-pane--current{border-right:2px solid var(--color-border)}.compare-mode-pane__content{min-width:max-content;display:flex}.compare-mode-pane .timeline__cost-column,.compare-mode-pane .timeline__lanes{flex-shrink:0}.compare-mode-pane .timeline__cost-column{position:relative;left:auto}.lane--readonly .lane__header{cursor:default}.lane--readonly .lane__header:hover{background:var(--color-bg-tertiary)}.event--readonly{cursor:default;pointer-events:none;opacity:.9;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;padding:2px 4px;font-size:.72rem;display:flex;overflow:hidden}.event--readonly .event__cost{text-overflow:ellipsis;overflow:hidden}.line--readonly .line__event-item,.line--readonly .line__duration-btn{cursor:default;pointer-events:none}.line--readonly .line__event-item{-webkit-user-select:none;user-select:none}.compare-page-list{gap:var(--spacing-md);flex-direction:column;display:flex}.compare-page-section{gap:var(--spacing-sm);display:grid}.compare-page-section__title{color:var(--color-text-secondary);font-size:.95rem;font-weight:600}.compare-page-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.compare-page-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);min-height:42px;color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;padding:8px 10px}.compare-page-item:hover:not(:disabled){border-color:var(--color-border-focus);background:var(--color-bg-hover)}.compare-page-item:disabled{cursor:not-allowed;color:var(--color-text-muted);opacity:.7}.timeline__time-column{width:var(--time-label-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:10;flex-shrink:0;position:sticky;left:0}.timeline__time-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);height:112px;color:var(--color-text-secondary);z-index:11;justify-content:center;align-items:center;font-weight:600;display:flex;position:sticky;top:0}.timeline__time-cell{height:var(--frame-height);padding-right:var(--spacing-sm);font-family:var(--font-mono);color:var(--color-text-muted);border-bottom:1px solid #0000;justify-content:flex-end;align-items:center;font-size:.7rem;display:flex}.timeline__time-cell--major{color:var(--color-text-primary);border-bottom-color:var(--color-border)}.timeline__time-cell--minor{color:#aab1ba}.highlight--row{background-color:var(--color-bg-hover)!important;transition:none!important}.highlight--active{box-shadow:inset 0 0 0 1px var(--color-border-focus);z-index:2;background-color:#3e444d!important;transition:none!important}.timeline__row--deadline{background:#d2992226!important}.timeline__time-cell--deadline{color:var(--color-accent-warning);font-weight:700;position:relative}.deadline-mark{color:var(--color-accent-warning);font-weight:700;position:absolute;left:4px}.timeline__cost-column{left:var(--time-label-width);width:var(--cost-col-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:10;flex-shrink:0;position:sticky}.timeline__cost-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);height:112px;color:var(--color-accent-warning);z-index:11;justify-content:center;align-items:center;font-weight:600;display:flex;position:sticky;top:0}.timeline__cost-cell{height:var(--frame-height);font-family:var(--font-mono);color:var(--color-text-primary);border-bottom:1px solid #0000;justify-content:center;align-items:center;font-size:.75rem;display:flex}.timeline__cost-cell--major{border-bottom-color:var(--color-border)}.timeline__cost-cell--negative,.timeline__cost-breakdown{color:var(--color-accent-danger)}.timeline__cost-cell--capped{color:var(--color-accent-warning);font-weight:700}.timeline__cost-cell--adjusted{background:#7c3aed26}.timeline__memo-column{z-index:10;width:var(--memo-col-width);background:var(--color-extra-column-bg);border-left:1px solid var(--color-extra-column-border);box-shadow:var(--color-extra-column-shadow);flex-shrink:0;position:sticky;right:0}.timeline__extra-column-resizer{z-index:14;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.timeline__extra-column-resizer:after{content:"";width:2px;transition:background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;position:absolute;top:0;bottom:0;left:4px}.timeline__extra-column-resizer:hover:after,.timeline__extra-column-resizer:focus-visible:after,body.extra-column-resizing .timeline__extra-column-resizer:after{background:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-bg-primary)}.timeline__extra-column-resizer:focus-visible{outline:none}body.extra-column-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.timeline__memo-column--closed{width:0;min-width:0;box-shadow:none;background:0 0;border-left:0}.timeline__memo-column--closed>:not(.timeline__extra-column-resizer){display:none}.timeline__memo-column--closed .timeline__extra-column-resizer:after{background:var(--color-extra-column-border);box-shadow:0 0 0 1px var(--color-bg-primary)}.timeline__memo-column--closed .timeline__extra-column-resizer{left:-10px}.timeline__memo-header{background:var(--color-extra-column-header-bg);border-bottom:1px solid var(--color-extra-column-major-border);width:100%;height:112px;color:var(--color-text-secondary);z-index:11;justify-content:center;align-items:center;font-weight:600;display:flex;position:sticky;top:0}.timeline__memo-header--button{border:1px solid var(--color-extra-column-major-border);border-left:0;border-right:0;border-bottom-color:var(--color-extra-column-border);cursor:pointer;font:inherit;letter-spacing:0;padding:0 var(--spacing-sm);color:var(--color-text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);gap:8px;box-shadow:inset 0 -2px #58a6ff73}.timeline__memo-header--button:after{content:"";opacity:.85;border-top:2px solid;border-right:2px solid;flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.timeline__memo-header--button:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-focus);box-shadow:inset 0 -2px 0 var(--color-accent-primary), var(--shadow-md)}.timeline__memo-header--button:active{background:var(--color-bg-secondary);box-shadow:inset 0 2px 0 #0003, inset 0 -2px 0 var(--color-accent-primary)}.timeline__memo-header--button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.timeline__memo-cell{height:var(--frame-height);background:var(--color-extra-column-cell-bg);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.timeline__memo-cell--major{border-bottom-color:var(--color-extra-column-major-border)}.timeline__memo-input{width:100%;height:100%;padding:0 var(--spacing-xs);font-family:var(--font-family);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;font-size:.75rem;overflow:hidden}.timeline__memo-input::placeholder{color:var(--color-text-muted)}.timeline__memo-input:focus{background:var(--color-bg-tertiary);box-shadow:inset 0 0 0 1px var(--color-border-focus)}.timeline__simple-tl-cell{align-items:center;gap:2px;padding:0 2px;display:flex;position:relative;overflow:visible}.timeline__simple-tl-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:120;flex-direction:column;gap:8px;min-width:max-content;padding:8px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)scale(.96)}.timeline__simple-tl-cell:hover .timeline__simple-tl-preview{opacity:1;transform:translateY(-50%)scale(1)}.timeline__simple-tl-preview-item{align-items:center;gap:8px;display:flex}.timeline__simple-tl-preview-icon{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);flex-shrink:0;width:42px;height:42px}.timeline__simple-tl-preview-icon--empty{background:var(--color-bg-hover);color:var(--color-text-muted);border-style:dashed;justify-content:center;align-items:center;font-size:1rem;display:flex}.timeline__simple-tl-preview-skill{color:var(--color-text-primary);white-space:nowrap;font-size:.85rem;font-weight:500}.timeline__simple-tl-preview-cost{font-size:1rem;font-family:var(--font-mono);color:var(--color-accent-warning);flex-shrink:0;font-weight:700}.timeline__simple-tl-item{flex:1;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.timeline__simple-tl-icon{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border);flex-shrink:0;width:22px;height:22px}.timeline__simple-tl-icon--empty{background:var(--color-bg-hover);color:var(--color-text-muted);border-style:dashed;justify-content:center;align-items:center;font-size:.55rem;display:flex}.timeline__simple-tl-skill{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.65rem;overflow:hidden}.timeline__simple-tl-cost{font-size:.65rem;font-family:var(--font-mono);color:var(--color-accent-warning);flex-shrink:0;font-weight:600}.timeline__counter-header{color:var(--color-text-primary)}.timeline__counter-cell{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:3px;padding:0 3px;font-size:.75rem;line-height:1;display:flex;overflow:hidden}.timeline__counter-chip{min-width:0;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:3px 5px;font-weight:500;display:inline-flex;overflow:hidden}.timeline__counter-chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.timeline__counter-chip-value{font-family:var(--font-mono);flex-shrink:0;font-weight:700}.timeline__counter-empty{color:var(--color-text-muted);font-size:.7rem}.timeline__counter-cell--changed{background-color:#f59e0b0f!important}.timeline__counter-chip--changed{color:var(--color-accent-warning);border-color:var(--color-accent-warning);background-color:#f59e0b24;font-weight:700}.timeline__skill-card-header{color:var(--color-text-primary)}.timeline__skill-card-cell{gap:4px;padding:0 4px;position:relative;overflow:visible}.timeline__skill-card-cell--deck-use{background-color:#ef44442e!important}.timeline__skill-card-group{align-items:center;gap:2px;min-width:0;display:flex}.timeline__skill-card-group--slots{border:1px solid var(--color-accent-primary);border-radius:var(--radius-sm);background:#2563eb1a;flex-shrink:0;padding:2px 4px}.timeline__skill-card-group--deck{opacity:.86;flex:1;overflow:hidden}.timeline__skill-card{border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;overflow:hidden}.timeline__skill-card--slot{border-color:var(--color-accent-primary);flex-basis:22px;width:22px;height:22px;box-shadow:0 0 0 1px #2563eb2e}.timeline__skill-card-icon{object-fit:cover;width:100%;height:100%}.timeline__skill-card--used{filter:grayscale();opacity:.42}.timeline__skill-card--empty,.timeline__skill-card-fallback,.timeline__skill-card-empty{color:var(--color-text-muted);font-size:.65rem}.timeline__skill-card--empty{border-style:dashed}.timeline__skill-card-empty{padding:0 var(--spacing-xs);white-space:nowrap}.timeline__skill-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:120;align-items:center;gap:10px;padding:8px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)scale(.96)}.timeline__skill-card-cell:hover .timeline__skill-card-preview{opacity:1;transform:translateY(-50%)scale(1)}.timeline__skill-card-preview-group{align-items:center;gap:6px;display:flex}.timeline__skill-card-preview-group--slots{border:2px solid var(--color-accent-primary);border-radius:var(--radius-sm);background:#2563eb1f;padding:6px 8px}.timeline__skill-card-preview-group--deck{padding:6px 0}.timeline__skill-card-preview .timeline__skill-card{border-width:2px;flex-basis:42px;width:42px;height:42px}.timeline__skill-card-preview .timeline__skill-card--slot{flex-basis:46px;width:46px;height:46px}.timeline__skill-card-preview .timeline__skill-card-fallback{font-size:1rem}.lane__column--info:nth-child(3){width:var(--duration-col-width);flex:none}.lane__cell--duration-hit{color:var(--color-text-muted);font-size:.75rem}.lane__cell--duration-active{color:var(--color-accent-primary);font-size:.75rem;font-weight:600}.lane__cell--sub-effect-muted{color:#ffffffd9!important;font-weight:400!important}.lane__cell--sub-effect-active{color:#4ade80!important;font-weight:600!important}.timeline__lanes{flex:1;display:flex}.lane{width:var(--lane-width);border-right:1px solid var(--color-border);flex-shrink:0}.lane__header-container{z-index:5;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);position:sticky;top:0}.lane__header{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);cursor:pointer;display:flex;position:relative}.lane__header--student{border-bottom:1px solid var(--color-border);flex-direction:column;height:75px}.lane__header--skill{background:var(--color-bg-secondary);height:36px}.lane__header--skill-modified{background:color-mix(in srgb, var(--color-accent-warning) 14%, var(--color-bg-secondary));box-shadow:inset 3px 0 0 var(--color-accent-warning)}.lane__header--skill-modified:hover{background:color-mix(in srgb, var(--color-accent-warning) 20%, var(--color-bg-hover))}.lane__header--skill-modified .lane__skill-name{color:var(--color-accent-warning)}.lane__header:hover{background:var(--color-bg-hover)}.lane__skill-name{color:var(--color-accent-primary);white-space:nowrap;font-size:.7rem;font-weight:500;display:block;overflow:hidden}.lane__skill-info{outline:none;flex:auto;min-width:0;position:relative}.lane__skill-info:focus-visible{border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--color-accent-primary)}.lane__skill-tooltip{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:max-content;min-width:280px;max-width:min(420px,80vw);box-shadow:var(--shadow-lg);color:var(--color-text-primary);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);grid-template-columns:max-content minmax(140px,1fr);gap:6px 12px;padding:10px 12px;font-size:.72rem;line-height:1.4;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.lane__skill-info:hover .lane__skill-tooltip,.lane__skill-info:focus-visible .lane__skill-tooltip{opacity:1;visibility:visible;transform:translateY(0)}:is(.lane__header-container:has(.lane__skill-info:hover),.lane__header-container:has(.lane__skill-info:focus-visible)){z-index:20}.lane__skill-tooltip-label{color:var(--color-text-muted);white-space:nowrap}.lane__skill-tooltip-value{overflow-wrap:anywhere;color:var(--color-text-primary);font-weight:600}.lane__skill-placeholder{color:var(--color-text-muted);font-size:.7rem}.lane__student-icon{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-accent-primary);width:54px;height:54px}.lane__student-icon-wrapper{border-radius:var(--radius-full);outline:none;display:flex;position:relative}.lane__student-icon-wrapper:focus-visible{box-shadow:0 0 0 2px var(--color-accent-primary)}.lane__student-tooltip{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:max-content;min-width:230px;max-width:320px;box-shadow:var(--shadow-lg);color:var(--color-text-primary);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);grid-template-columns:max-content minmax(90px,1fr);gap:5px 12px;padding:10px 12px;font-size:.72rem;line-height:1.4;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.lane__student-icon-wrapper:hover .lane__student-tooltip,.lane__student-icon-wrapper:focus-visible .lane__student-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}:is(.lane__header-container:has(.lane__student-icon-wrapper:hover),.lane__header-container:has(.lane__student-icon-wrapper:focus-visible)){z-index:20}.lane__student-tooltip-title{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);grid-column:1/-1;margin-bottom:3px;padding-bottom:7px;font-size:.82rem;font-weight:700}.lane__student-tooltip-label{color:var(--color-text-muted);white-space:nowrap}.lane__student-tooltip-value{overflow-wrap:anywhere;color:var(--color-text-primary);font-weight:600}.lane__student-icon--empty{background:var(--color-bg-hover);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.lane__student-name{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.lane__columns{display:flex}.lane__column{flex-direction:column;display:flex}.lane__column--event{width:var(--event-col-width);background:#58a6ff08;flex:none}.lane__column--info{width:var(--info-col-width);background:#7c3aed08;flex:1}.lane__column--target{width:var(--target-col-width);flex:none}.target-column-hidden .lane__column--target{pointer-events:none;border:0;width:0;overflow:hidden}.target-column-hidden .lane__column--target .lane__cell{width:0}.lane__cell{height:var(--frame-height);border-bottom:1px solid #0000;position:relative}.lane__cell--major{border-bottom-color:#30363d80}.lane__cell--event{cursor:pointer}.lane__cell--event:hover{background:#58a6ff1a}.event{background:var(--color-accent-primary);border-radius:var(--radius-sm);cursor:grab;color:#fff;transition:transform var(--transition-fast);justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex;position:absolute;inset:2px 3px}.event:hover{transform:scale(1.05)}.event:active{cursor:grabbing}.event--dragging{opacity:.7;z-index:100}.event--special-border{border:2px solid var(--color-skill-cost-border)}.event--copy-bg{background:var(--color-accent-warning);color:var(--color-bg-primary)}.footer{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-chrome);border-top:1px solid var(--color-border);flex-shrink:0;align-items:center;display:flex;position:relative}.compare-mode-active .footer{display:none}.footer__score{font-family:var(--font-mono);color:var(--color-accent-warning);white-space:nowrap;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:1;font-size:1.1rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.footer__score--visible{opacity:1}.footer__actions{gap:var(--spacing-sm);width:100%;display:flex}.display-mode-group{display:flex}.btn--group-item{width:120px;padding:var(--spacing-sm) 0;white-space:nowrap;border-right-width:0;border-radius:0}.btn--group-item:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn--group-item:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1px}.btn--group-item.btn--active{background:var(--color-bg-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary);z-index:1}.btn--text-small{letter-spacing:-.5px;font-size:.6rem}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn--primary{background:var(--color-accent-primary);color:#fff}.btn--primary:hover{filter:brightness(1.1)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover)}.btn--secondary.btn--active{background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn--danger{background:var(--color-accent-danger);color:#fff}.btn--danger:hover{filter:brightness(1.1)}.btn--icon{background:var(--color-bg-tertiary);width:48px;height:48px;color:var(--color-text-primary);border:1px solid var(--color-border);padding:0;font-size:1.125rem}.btn--icon:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.btn--outline{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.btn--outline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn--outline.btn--active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#58a6ff1a}.btn--toggle-small{min-width:68px;padding:6px 12px;font-size:.75rem}.settings-toggle-group{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.settings-theme-group{flex-wrap:wrap;display:inline-flex}.settings-toggle-item{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);flex-direction:column;font-size:.8rem;display:flex}.btn--toggle-off{color:var(--color-text-muted)!important;border-color:var(--color-border)!important;background:#ffffff0d!important}.input{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--color-border-focus);outline:none}.input--time{width:150px;font-family:var(--font-mono);text-align:center}.input--search{width:100%;margin-bottom:var(--spacing-md)}.input--select{cursor:pointer;min-width:180px}.history-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.history-empty{color:var(--color-text-muted);margin:var(--spacing-md) 0;text-align:center}.history-list{gap:var(--spacing-xs);flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.history-list__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;display:flex}.history-list__item:hover{border-color:var(--color-accent-primary)}.history-list__item--current{border-left:4px solid var(--color-accent-primary)}.history-list__item--future{opacity:.65}.history-list__label{font-weight:600}.history-list__meta{color:var(--color-text-muted);font-size:.82rem}.modal{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal--open{display:flex}#event-settings-modal{z-index:1100}#student-modal,#skill-modal{z-index:1200}#confirm-modal{z-index:1300}.modal__overlay{background:#0009;position:absolute;inset:0}.modal__content{background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:1200px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal__content--small{max-width:600px}.storage-usage-warning{gap:var(--spacing-sm);display:grid}.storage-usage-warning p{margin:0}.storage-usage-warning__amount{color:var(--color-accent-warning);font-weight:600}.storage-usage-warning__note{color:var(--color-text-muted);font-size:.82rem}.storage-usage-warning__footer{justify-content:flex-end;display:flex}.modal__header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__tabs{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex}.modal__tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-family:inherit;font-size:1rem;font-weight:500}.modal__tab--active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary);background:#58a6ff0d}.modal__sub-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex}.modal__sub-tab{padding:9px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex:1;font-size:.75rem;font-weight:600}.modal__sub-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__sub-tab--active{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);color:var(--color-accent-primary);box-shadow:var(--shadow-sm)}.modal__body--tabbed{padding:0;display:grid}#student-modal .modal__body--tabbed,#settings-modal .modal__body--tabbed{grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}#student-modal .modal__tab-pane,#settings-modal .modal__tab-pane{overscroll-behavior:contain;height:100%;min-height:0;overflow-y:auto}.modal__tab-pane{visibility:hidden;opacity:0;pointer-events:none;padding:var(--spacing-md);grid-area:1/1;height:max-content;transition:none!important}.modal__tab-pane--active{visibility:visible;opacity:1;pointer-events:auto}.modal__title{font-size:1.125rem;font-weight:600}.modal__close{width:48px;height:48px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal__body{flex:1;padding:15px 18px;overflow-y:auto}.modal__footer{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--spacing-md);display:flex}.modal__footer .btn{min-width:150px}.student-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.student-card{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex-direction:column;display:flex}.student-card:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.student-card__icon{border-radius:var(--radius-full);object-fit:cover;width:72px;height:72px}.student-card__icon-wrap{flex:none;width:72px;height:72px;position:relative}.student-card__favorite{z-index:1;border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.65rem;line-height:1;display:flex;position:absolute;top:-7px;right:-9px}.student-card__favorite:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-bg-secondary) 78%, transparent);transform:scale(1.12)}.student-card__favorite:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px}.student-card__favorite--active,.student-card__favorite--active:hover{color:#ffd43b;text-shadow:0 1px 2px #0000008c}.student-card__name{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;overflow:hidden}.skill-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.skill-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;display:flex}.skill-item:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.skill-item__type{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent-primary);color:#fff;text-align:center;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.skill-item__type--ex{background:#f59e0b}.skill-item__type--ns{background:#10b981}.skill-item__type--ss{background:#8b5cf6}.skill-item__info{flex:1}.skill-item__name{font-weight:500}.skill-item__cost{color:var(--color-text-muted);font-size:.75rem}.hidden{display:none!important}::-webkit-scrollbar{width:15px;height:15px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.lane__controls{opacity:0;transition:opacity var(--transition-fast);gap:3px;display:flex;position:absolute;top:3px;right:3px}.lane__header:hover .lane__controls{opacity:1}.lane__control-btn{background:var(--color-bg-primary);border-radius:var(--radius-sm);width:27px;height:27px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:.7rem;display:flex}.lane__control-btn:hover{background:var(--color-accent-danger);color:#fff}.lane__drag-handle{width:27px;height:27px;color:var(--color-text-muted);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.7rem;display:flex}.lane__drag-handle:hover{color:var(--color-accent-primary)}.lane--dragging{opacity:.5}.lane--drag-over{border-left:3px solid var(--color-accent-primary)}.event-settings{gap:var(--spacing-lg);flex-direction:column;display:flex}.event-settings__item{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.event-settings__item--top{align-items:flex-start}.event-settings__item label{color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.event-settings__item select{width:100%;max-width:none}.event-settings__cost-group{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;flex:1;display:flex}.event-settings__cost-options{justify-content:space-between;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex}.btn--toggle{padding:var(--spacing-sm) var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast);flex:1;font-size:.8rem;font-weight:600}.btn--toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--toggle.btn--active{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#58a6ff26}.event-settings__item label{align-items:center;gap:var(--spacing-xs);cursor:default;font-size:.9rem;display:flex}.event-settings__actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);justify-content:center;display:flex}.event-settings__actions .btn{width:100%}.event-settings__summary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);justify-content:space-around;gap:var(--spacing-sm);flex-flow:wrap;display:flex}.event-settings__summary-item{align-items:center;gap:var(--spacing-xs);white-space:nowrap;font-size:.8rem;display:flex}.event-settings__summary-label{color:var(--color-text-secondary);font-weight:500}.event-settings__summary-label:after{content:":";margin-left:1px}.event-settings__summary-value{color:var(--color-text-primary);font-weight:600}.event-settings__summary-value--skill{color:var(--color-accent-primary)}.modal__content--lane-settings{width:90%;max-width:1100px}.lane-settings-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.lane-settings-col{gap:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;min-width:0;padding:18px;display:flex}.lane-settings-col:hover{box-shadow:var(--shadow-sm);border-color:#58a6ff4d}.lane-settings-col__title{color:var(--color-accent-primary);align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);background:#58a6ff0d;border:1px solid #58a6ff1a;margin-bottom:6px;padding:9px 15px;font-size:1rem;font-weight:700;display:flex}.lane-settings-col__title:before{content:"";background:var(--color-accent-primary);opacity:.8;border-radius:2px;width:10px;height:10px;display:block}.lane-settings-items{flex-direction:column;gap:12px;display:flex}.lane-settings-col .event-settings__item{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-width:0;margin-bottom:0;display:flex}.lane-settings-col .event-settings__item label{color:var(--color-accent-primary);white-space:normal;flex:1;font-size:.85rem;font-weight:700;line-height:1.2}.lane-settings-col .event-settings__item .input{flex:0 0 100px;min-width:0}.lane-settings-col .event-settings__item .event-target-slot{flex:0 0 180px;min-width:0}.lane-settings-col .input--number{text-align:right;padding-right:12px}.lane-settings-notice{color:var(--color-text-secondary);margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-sm);background:#58a6ff0d;font-size:.8rem;line-height:1.6}.confirm-modal{padding:var(--spacing-lg);text-align:center}.confirm-modal__message{margin-bottom:var(--spacing-lg);color:var(--color-text-primary);font-size:1rem}.confirm-modal__actions{gap:var(--spacing-md);justify-content:center;display:flex}.confirm-modal__actions .btn{flex:1;min-width:150px}#settings-modal .modal__content{height:750px!important}.settings-grid{gap:var(--spacing-md);flex-direction:column;display:flex}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}.settings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.settings-section--full{border-top:1px dashed var(--color-border);padding-top:var(--spacing-md)}.settings-section__title{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600}.settings-section--categorized{gap:var(--spacing-sm)}.settings-section--categorized .settings-section__title{margin:var(--spacing-xs) 0 0;padding-bottom:2px;font-size:.95rem}.settings-section--categorized .form-group{padding-left:var(--spacing-md)}.form-group{align-items:center;gap:var(--spacing-sm);grid-template-columns:270px 1fr;display:grid}.form-group .input{max-width:450px}.settings-number-control{align-items:center;gap:var(--spacing-xs);display:flex}.settings-number-control .input{width:96px}.settings-number-control__unit{color:var(--color-text-muted);font-size:.85rem}.form-group label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.squad-grid{gap:var(--spacing-sm);display:grid;position:relative}#squad-actions{grid-area:2/1/auto/3;justify-content:center;align-items:center;margin-top:0;display:flex}.squad-grid--6{grid-template-columns:repeat(6,1fr)}.squad-grid--6>:nth-child(5){grid-column:3}.squad-grid--6>:nth-child(6){grid-column:4}.squad-grid--10{grid-template-columns:repeat(6,1fr)}.squad-grid--10>:nth-child(7){grid-column:3}.squad-grid--10>:nth-child(8){grid-column:4}.squad-grid--10>:nth-child(9){grid-column:5}.squad-grid--10>:nth-child(10){grid-column:6}.squad-slot{aspect-ratio:1;border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-alt);flex-direction:column;justify-content:center;align-items:center;min-width:75px;transition:all .2s;display:flex;position:relative;overflow:hidden}.squad-slot:hover{border-color:var(--color-accent-primary);background:#58a6ff0d}.squad-slot--filled{border:1px solid var(--color-border)}.squad-slot--dragging{opacity:.4;cursor:grabbing}.squad-slot--drag-over{border-color:var(--color-accent-primary);background:#58a6ff1a}.squad-slot__remove{border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:10;width:30px;height:30px;transition:all var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;font-size:21px;line-height:1;display:flex;position:absolute;top:6px;right:6px}.squad-slot__remove:hover{background:var(--color-accent-danger);transform:scale(1.1)}.squad-slot__role-label{border-radius:var(--radius-sm);color:#fff;pointer-events:none;z-index:5;background:#0d1117d9;border:1px solid #ffffff4d;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:6px;left:6px}.squad-slot__init-skill{background:var(--color-accent-secondary);color:#fff;border-radius:var(--radius-full);z-index:10;width:27px;height:27px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:18px;right:6px}.squad-slot__icon{object-fit:cover;width:100%;height:100%}.squad-slot__name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;padding:2px 3px;font-size:.65rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.squad-slot__empty{color:var(--color-text-muted);font-size:1.2rem}.squad-slot__label{color:var(--color-text-muted);margin-top:2px;font-size:.6rem}#settings-squad-size-group{gap:0;display:flex}#settings-squad-size-group .btn{flex:1}#settings-squad-size-group .btn--active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.event-target-slot{background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);min-height:72px;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);flex:1;display:flex}.event-target-slot:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.event-target-slot--filled{border-style:solid;border-color:var(--color-accent-primary);background:#58a6ff0d}.event-target-slot__icon{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-accent-primary);width:48px;height:48px}.event-target-slot__name{color:var(--color-text-primary);flex:1;font-size:.875rem;font-weight:500}.event-target-slot__student-info{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.event-target-slot__clear{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);opacity:.6;background:0 0;border:none;padding:6px;font-size:1.1rem;line-height:1}.event-target-slot__clear:hover{color:var(--color-accent-danger);opacity:1;transform:scale(1.2)}.event-target-slot__empty{text-align:center;width:100%;color:var(--color-text-muted);font-size:.875rem}.lane__target-icon{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-accent-primary);pointer-events:none;width:27px;height:27px;margin:1px auto;display:block}.lane__cell--info:hover{background:#7c3aed1a}.dropdown{position:relative}.dropdown-menu{margin-bottom:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;min-width:450px;max-width:600px;transition:all var(--transition-normal);z-index:1000;flex-direction:column;display:flex;position:absolute;bottom:100%;left:0;overflow:visible;transform:translateY(10px)}#data-dropdown .dropdown-menu{min-width:220px}.dropdown--open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;cursor:pointer;transition:background var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item--active{color:var(--color-accent-primary);background:#58a6ff0d;font-weight:700}.dropdown-item--has-submenu{justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible!important}.submenu-arrow{opacity:.6;margin-left:var(--spacing-md);font-size:.7rem}.dropdown-submenu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:1001;flex-direction:column;padding:4px 0;display:flex;position:absolute;top:0;left:100%;transform:translate(10px)}.dropdown-item--has-submenu:hover{background:var(--color-bg-hover)}.dropdown-item--has-submenu:hover>.dropdown-submenu{opacity:1;visibility:visible;transform:translate(0)}.dropdown-submenu .dropdown-item{flex:none;width:100%}.dropdown-item-wrapper{justify-content:space-between;align-items:center;display:flex}.workspace-controls{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex}.workspace-name-container{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.ws-name-text{color:var(--color-accent-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:4px 8px;font-weight:700;overflow:hidden}.ws-name-text:hover{background:#58a6ff1a}.ws-name-input{text-align:center;width:100%;color:var(--color-accent-primary);font-weight:700;display:none}.workspace-options{display:flex;position:relative}.ws-options-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:1001;gap:2px;margin-top:6px;padding:4px;display:flex;position:absolute;top:100%;right:0;transform:translateY(-5px)}.ws-options-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.btn--icon-small{justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.2rem;display:flex}.page-edit-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.page-edit-btn:hover{color:var(--color-accent-primary);transform:scale(1.1)}.page-reset-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.page-reset-btn:hover{color:var(--color-accent-warning);transform:scale(1.1)}.page-copy-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.page-copy-btn:hover:not(:disabled){color:var(--color-accent-primary);transform:scale(1.1)}.page-copy-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.page-copy-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.page-copy-item{text-align:left;width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;font-weight:500}.page-copy-item:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.page-actions{align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm);flex-shrink:0;display:flex}.page-name-text{pointer-events:none}#page-toggle-btn{max-width:375px}.page-name-display{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.dropdown-toggle:after{margin-left:var(--spacing-xs)}#cost-detail-modal .modal__content{max-width:1500px;min-height:780px}.modal__content--wide{width:95%;max-width:1500px}.cost-detail__grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr auto;align-items:start;display:grid}.cost-detail__col{gap:var(--spacing-md);flex-direction:column;display:flex}.cost-detail__col .cost-detail__section{margin-bottom:0}.cost-detail__section{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:18px}.cost-detail__section:last-child{margin-bottom:0}#tab-global{align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}#tab-global .cost-detail__section,#cost-detail-global-extra .cost-detail__section{width:100%;max-width:675px;margin-bottom:0}#cost-detail-global-extra{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.cost-detail__section--vertical{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:18px 36px;display:flex}.cost-detail__section-title{color:var(--color-accent-primary);align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);background:#58a6ff0d;border:1px solid #58a6ff1a;margin-bottom:18px;padding:9px 18px;font-size:1.05rem;font-weight:700;display:flex}.cost-detail__item{margin-bottom:12px}.cost-detail__label{align-items:center;gap:var(--spacing-xs);color:var(--color-accent-primary);margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.cost-detail__toggle{flex-direction:column;gap:9px;display:flex}.cost-detail__toggle-row{border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:1px;display:flex;overflow:hidden}.cost-detail__toggle-btn{background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:9px 6px;font-size:.8rem}.cost-detail__toggle-btn:hover{background:var(--color-bg-hover)}.cost-detail__toggle-btn--active{background:var(--color-accent-primary);color:#fff;font-weight:600}.cost-detail__breakdown-container{border-radius:var(--radius-sm);padding:var(--spacing-sm);background:#0003}.cost-detail__breakdown-row{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);padding:3px 0;display:flex}.cost-detail__value{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.cost-detail__cumulative-value{color:var(--color-accent-warning);font-size:2.5rem;font-weight:800;font-family:var(--font-mono);margin-top:var(--spacing-sm);text-shadow:0 0 20px #d2992233}.cost-detail__value--spent{color:var(--color-accent-danger)}.cost-detail__value--result{color:var(--color-accent-success);border-radius:var(--radius-sm);background:#3fb95026;border:1px solid #3fb9504d;padding:6px 18px}.cost-detail__operator{color:var(--color-text-secondary);font-weight:400}.cost-detail__note{color:var(--color-text-secondary);margin-top:2px;font-size:.8rem}.cost-detail__recovery-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.cost-detail__recovery-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #0000;padding:9px 15px;font-size:.85rem;display:flex}.cost-detail__recovery-item:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.cost-detail__recovery-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);flex:1;overflow:hidden}.cost-detail__recovery-value{font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.cost-detail__recovery-item--on{background:#58a6ff14;border-color:#58a6ff66}.cost-detail__recovery-item--off{opacity:.5;filter:grayscale(.8);background:var(--color-bg-tertiary);border-color:#0000}.cost-detail__recovery-item--increasing .cost-detail__recovery-value{color:var(--color-accent-primary);text-shadow:0 0 8px #58a6ff4d}.timeline__cost-cell--withdrawal{text-decoration-line:underline;text-decoration-color:currentColor;color:var(--color-accent-warning)!important}.timeline__cost-cell--withdrawal-1{font-weight:700;text-decoration-style:solid}.timeline__cost-cell--withdrawal-2{font-weight:800;text-decoration-style:double}.timeline__cost-cell--withdrawal-3{background-image:linear-gradient(#f59e0b1f,#f59e0b1f);font-weight:900;text-decoration-style:double}.cost-detail__recovery-buff{margin-left:3px;font-size:.75rem}.cost-detail__adjust{gap:var(--spacing-xs);align-items:center;display:flex}.cost-detail__adjust .input--number{text-align:right;width:120px}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.manual-content{color:var(--color-text-primary);padding:var(--spacing-lg);max-width:900px;line-height:1.8;font-family:var(--font-family);margin:0 auto}.manual-content h1{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-accent-primary);color:var(--color-accent-primary);letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.manual-content h2{margin-top:calc(var(--spacing-xl) * 1.5);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-left:6px solid var(--color-accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(90deg,#58a6ff1a,#0000);font-size:1.75rem;font-weight:700}.manual-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-accent-primary);align-items:center;gap:var(--spacing-sm);font-size:1.25rem;display:flex}.manual-content h3:before{content:"●";color:var(--color-accent-primary);font-size:.8rem}.manual-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:1.05rem}.manual-content blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.manual-content ul,.manual-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.manual-content li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.manual-content strong{color:var(--color-accent-primary);font-weight:600}.manual-content a{color:var(--color-accent-primary);border-bottom:1px dotted var(--color-accent-primary);transition:all var(--transition-fast);text-decoration:none}.manual-content a:hover{background:#58a6ff1a;border-bottom-style:solid}.manual-image-container{margin:var(--spacing-xl) 0;text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;transition:transform .3s}.manual-image-container:hover{border-color:var(--color-accent-primary);transform:translateY(-4px)}.manual-image-container img{border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:0 10px 30px #00000080}.manual-image-caption{margin-top:var(--spacing-md);color:var(--color-accent-primary);opacity:.8;font-size:.9rem;font-weight:500}.manual-alert{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161b2280}.manual-alert__title{margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:var(--spacing-sm);font-size:.85rem;font-weight:800;display:flex}.manual-alert--IMPORTANT{background:#58a6ff0d;border-color:#58a6ff80}.manual-alert--IMPORTANT .manual-alert__title{color:var(--color-accent-primary)}.manual-alert--IMPORTANT .manual-alert__title:before{content:"💡"}.manual-alert--WARNING{background:#d299220d;border-color:#d2992280}.manual-alert--WARNING .manual-alert__title{color:var(--color-accent-warning)}.manual-alert--WARNING .manual-alert__title:before{content:"⚠️"}.manual-alert--NOTE{background:#8b949e0d;border-color:#8b949e80}.manual-alert--NOTE .manual-alert__title{color:var(--color-text-secondary)}.manual-alert--NOTE .manual-alert__title:before{content:"📝"}#manual-tabs{background:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);display:flex}.modal__tab{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;font-family:inherit;font-size:1rem;font-weight:600}.modal__tab:hover{color:var(--color-text-primary);background:#58a6ff1a}.modal__tab--active{background:var(--color-bg-secondary);border-color:var(--color-border);border-bottom-color:var(--color-bg-secondary);color:var(--color-accent-primary);z-index:2;transform:translateY(1px)}.single-column-mode{--frame-height:60px}.single-column-mode .timeline__lanes{flex-direction:column}.line{flex-direction:column;min-width:max-content;display:flex}.line__header-container{z-index:5;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);align-items:center;height:112px;display:flex;position:sticky;top:0}.line__header{height:100%;color:var(--color-text-secondary);border-right:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.line__col--user{flex-shrink:0;width:80px}.line__col--skill{flex-shrink:0;width:160px}.line__col--cost,.line__col--target{flex-shrink:0;width:80px}.line__col--duration{border-right:none;flex-shrink:0;width:100px}.line__body{flex-direction:column;display:flex}.line__row-wrapper{height:var(--frame-height);border-bottom:1px solid #0000;display:flex}.line__row-wrapper--major{border-bottom-color:#30363d80}.line__row-wrapper--deadline{background:#d2992226!important}.line__row-wrapper--drag-over{border-top:2px solid var(--color-accent-primary)}.line__row-wrapper--dragging{opacity:.5}.line__cell{border-right:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:relative}.line__cell .line__event-list{width:100%}.line__cell:last-child{border-right:none}.line__cell--interactive{cursor:pointer}.line__cell--interactive:hover{background:#58a6ff1a}.line__event-list{max-height:calc(var(--frame-height) - 6px);flex-direction:column;gap:2px;padding:2px;display:flex;overflow-y:auto}.line__event-item{border-radius:var(--radius-sm);cursor:grab;flex-shrink:0;justify-content:center;align-items:center;height:34px;min-height:34px;display:flex}.line__event-item--interactive{cursor:pointer}.line__event-item:hover{background:#58a6ff1a}.line__event-item--dragging{opacity:.5;cursor:grabbing}.line__user-icon,.line__target-icon{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-accent-primary);width:32px;height:32px}.line__skill-name{color:var(--color-accent-primary);text-align:center;padding:0 var(--spacing-xs);white-space:normal;overflow-wrap:anywhere;width:100%;font-size:.8rem;font-weight:700;line-height:1.2}.line__cost-value{font-family:var(--font-mono);color:#fff;background:var(--color-accent-primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:.9rem}.line__duration-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.duration-popup-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.duration-popup-item{padding:var(--spacing-sm);background:var(--color-bg-hover);border-radius:var(--radius-md);border-left:4px solid var(--color-accent-primary);justify-content:space-between;align-items:center;display:flex}.duration-popup-name{color:var(--color-accent-primary);font-size:.9rem;font-weight:700}.duration-popup-time{font-family:var(--font-mono);color:var(--color-text-primary);font-size:.85rem}.start-skill-adjustment .modal__body{gap:var(--spacing-md);flex-direction:column;max-height:72vh;display:flex}.modal__content.start-skill-adjustment{width:min(92vw,900px);max-width:900px}.start-skill-adjustment__toolbar{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.start-skill-adjustment__status{color:var(--color-text-secondary);font-size:.85rem}.start-skill-adjustment__table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);overflow:auto}.start-skill-adjustment__table{border-collapse:collapse;width:100%;min-width:720px}.start-skill-adjustment__table th{z-index:1;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);text-align:left;padding:10px 12px;font-size:.8rem;position:sticky;top:0}.start-skill-adjustment__table td{height:var(--frame-height);vertical-align:middle;border-bottom:1px solid #30363d73;padding:6px 12px}.start-skill-adjustment__time,.start-skill-adjustment__cost{width:120px;font-family:var(--font-mono);white-space:nowrap}.start-skill-adjustment__cost{color:var(--color-accent-warning)}.start-skill-adjustment__events{width:260px;min-width:260px;max-width:280px}.start-skill-adjustment__event{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:.8rem;line-height:1.35}.start-skill-adjustment__hand-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);width:auto;min-width:168px;min-height:34px;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:flex-start;align-items:center;padding:4px 6px;display:flex}.start-skill-adjustment__hand-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.start-skill-adjustment__hand-summary{justify-content:flex-start;align-items:center;gap:5px;display:flex}.start-skill-adjustment__hand-chip{border-radius:var(--radius-full);border:1px dashed var(--color-border);width:28px;height:28px;color:var(--color-text-muted);background:var(--color-bg-tertiary);justify-content:center;align-items:center;font-size:.7rem;display:flex;overflow:hidden}.start-skill-adjustment__hand-chip--set{border-style:solid;border-color:var(--color-accent-primary)}.start-skill-adjustment__hand-chip img{object-fit:cover;width:100%;height:100%}.start-skill-adjustment__empty,.start-skill-results__empty{padding:var(--spacing-lg);color:var(--color-text-secondary);text-align:center}.start-skill-hand{gap:var(--spacing-sm);flex-direction:column;display:flex}.start-skill-hand__row{align-items:center;gap:var(--spacing-sm);grid-template-columns:82px 1fr;display:grid}.start-skill-hand__label{color:var(--color-text-secondary);font-size:.85rem}.start-skill-results{gap:var(--spacing-sm);flex-direction:column;display:flex}.start-skill-results__item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);grid-template-columns:100px 1fr auto;display:grid}.start-skill-results__title{color:var(--color-accent-primary);font-size:.9rem;font-weight:700}.start-skill-results__cards{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.start-skill-results__card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);align-items:center;gap:6px;min-width:120px;max-width:180px;padding:5px 8px;display:flex}.start-skill-results__number{border-radius:var(--radius-full);background:var(--color-accent-primary);color:#fff;width:22px;height:22px;font-size:.7rem;font-family:var(--font-mono);flex:0 0 22px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.start-skill-results__card img{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border);flex:0 0 32px;width:32px;height:32px}.start-skill-results__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-primary);font-size:.78rem;overflow:hidden}.lane--add{border-right:1px solid var(--color-border);transition:background var(--transition-normal);background:#ffffff04;flex-direction:column;display:flex}.lane--add:hover{background:#ffffff08}.lane__header-container--add{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);z-index:5;justify-content:center;align-items:center;height:112px;display:flex;position:sticky;top:0}.lane__add-btn{border-radius:var(--radius-full);border:2px dashed var(--color-border);width:48px;height:48px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:300;line-height:1;display:flex}.lane__add-btn:hover{border-style:solid;border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:#58a6ff1a;transform:scale(1.08);box-shadow:0 0 10px #58a6ff33}.lane__cell--empty{height:var(--frame-height);border-bottom:1px solid #0000}.lane__cell--empty.lane__cell--major{border-bottom-color:var(--color-border)}@media (width<=768px){:root{--frame-height:42px;--time-label-width:86px;--cost-col-width:70px;--memo-col-width:180px;--mobile-timeline-header-height:93px;--spacing-md:16px;--spacing-lg:24px}html{font-size:16px}body{min-width:0;overflow:hidden}.app-container{min-width:0;height:100dvh}.header{grid-template-columns:1fr auto;grid-template-areas:"title settings""squad squad""display display";align-items:center;gap:8px 12px;padding:8px 10px;display:grid}.header__title{text-overflow:ellipsis;white-space:nowrap;grid-area:title;gap:8px;min-width:0;font-size:1rem;line-height:1.2;overflow:hidden}.header__icon{flex:0 0 32px;width:32px;height:32px}.header__squad-container{grid-area:squad;justify-content:flex-start;min-width:0}.header__squad-label{border-radius:var(--radius-sm);padding:6px 12px}.header__squad-popover{width:min(92vw,340px);min-width:0;max-width:92vw;padding:12px;left:0;transform:translateY(10px)}.squad-popover__grid{gap:8px;width:100%}.squad-popover__grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.squad-popover__grid--10{grid-template-columns:repeat(5,minmax(0,1fr))}.squad-popover__item{min-width:0}.squad-popover__icon{width:46px;height:46px}.squad-popover__name{max-width:54px;font-size:.58rem}.header__squad-label:hover .header__squad-popover{opacity:0;pointer-events:none;transform:translateY(0)}.header__squad-label--open .header__squad-popover,.header__squad-label--open:hover .header__squad-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.header__controls{display:contents}.display-mode-controls{grid-area:display;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;width:100%;min-width:0;display:grid;overflow:visible}.display-mode-controls label{white-space:nowrap;padding-top:0;font-size:.68rem}.display-mode-group{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0;padding-bottom:0;display:grid;overflow:visible}.btn--group-item{white-space:nowrap;width:100%;min-width:0;min-height:34px;padding:7px 2px;font-size:.68rem}.display-mode-group .btn--group-item{border-radius:var(--radius-md);border-right-width:1px}.btn--text-small{letter-spacing:0;min-width:0;font-size:.55rem}.display-mode-group .btn--group-item:nth-child(3){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1px}.display-mode-group .btn--group-item:nth-child(4){border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}#open-settings-btn{white-space:nowrap;grid-area:settings;min-height:38px;padding:8px 12px}.main{min-height:0}.timeline-wrapper{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.timeline{min-width:max-content}.timeline__time-header,.timeline__cost-header,.timeline__memo-header,.lane__header-container--add{height:var(--mobile-timeline-header-height)}.lane__header-container{height:var(--mobile-timeline-header-height);overflow:hidden}:is(.lane__header-container:has(.lane__student-tooltip),.lane__header-container:has(.lane__skill-tooltip)){overflow:visible}.lane__header--student{height:60px}.lane__header--skill{height:32px}.timeline__time-cell,.timeline__cost-cell,.timeline__memo-cell,.lane__cell,.lane__cell--empty{height:var(--frame-height)}.timeline__time-cell{padding-right:8px;font-size:.68rem}.timeline__cost-cell{font-size:.7rem}.timeline__memo-column{z-index:1;box-shadow:none;position:static;right:auto}.footer{grid-template-columns:1fr;gap:6px;padding:8px 10px;display:grid}.footer__actions{order:2;justify-content:space-between;gap:8px;min-width:0}.footer__score{pointer-events:auto;order:1;justify-self:center;font-size:.85rem;position:static;transform:none}.footer .btn{min-height:40px;padding:8px 12px}.dropdown{min-width:0}.dropdown-toggle{min-width:0;max-width:46vw}.page-name-display{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown-menu{box-sizing:border-box;width:auto;min-width:0;max-width:none;max-height:min(70dvh,520px);position:fixed;inset:auto 10px 72px;overflow:hidden auto}.dropdown-menu--up{bottom:72px}.workspace-controls{flex-wrap:wrap;align-items:stretch;gap:6px}.workspace-controls .btn--small{flex:0 0 40px;min-height:40px;padding:0}.workspace-name-container{flex:calc(100% - 138px);min-width:120px;min-height:40px;padding:0 4px}.workspace-options{flex:0 0 40px}.ws-options-menu{max-width:calc(100vw - 32px);right:0}.dropdown-item-wrapper{min-width:0}.page-actions{flex-shrink:0}.dropdown-submenu{border-left:2px solid var(--color-border);width:100%;box-shadow:none;opacity:1;visibility:visible;margin-top:4px;transition:none;position:static;transform:none}#data-dropdown .dropdown-item--has-submenu{padding-bottom:var(--spacing-xs);flex-direction:column;align-items:stretch;gap:4px}#data-dropdown .dropdown-item--has-submenu>span:first-child{align-items:center;min-height:24px;display:flex}#data-dropdown .submenu-arrow{display:none}#data-dropdown .dropdown-submenu .dropdown-item{min-height:36px;padding-left:var(--spacing-md)}.modal{padding:0}.modal__content,.modal__content--small,.modal__content--wide,.modal__content--large,.modal__content--lane-settings,.modal__content.start-skill-adjustment,#settings-modal .modal__content{border-radius:0;width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important}.modal__header{min-height:54px;padding:8px 12px}.modal__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;overflow:hidden}.modal__close{flex:0 0 44px;width:44px;height:44px}.modal__tabs,#manual-tabs{-webkit-overflow-scrolling:touch;gap:0;padding:0;overflow-x:auto}.modal__tab{white-space:nowrap;flex:none;min-width:104px;padding:10px 12px;font-size:.85rem}.modal__body,.modal__tab-pane{padding:12px}.modal__footer{flex-wrap:wrap;gap:8px;padding:10px 12px}.modal__footer .btn,.confirm-modal__actions .btn{flex:120px;min-width:0}#open-manual-btn{flex:none;min-width:92px;padding:8px 12px;font-size:.85rem}.form-group{grid-template-columns:1fr;align-items:stretch;gap:8px}.settings-section--categorized .form-group{padding-left:var(--spacing-sm)}.form-group .input,.input--select{width:100%;min-width:0;max-width:none}.settings-toggle-group,.settings-number-control,.cost-detail__adjust,.event-settings__cost-group,.event-settings__cost-options{flex-wrap:wrap}.student-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.student-card{padding:8px}.student-card__icon,.student-card__icon-wrap{width:56px;height:56px}.student-card__favorite{top:-8px;right:-10px}.skill-item{gap:10px;padding:12px}.skill-item__type{min-width:48px}.squad-grid,.squad-grid--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.squad-grid--10{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.squad-grid--6>:nth-child(5),.squad-grid--6>:nth-child(6),.squad-grid--10>:nth-child(7),.squad-grid--10>:nth-child(8),.squad-grid--10>:nth-child(9),.squad-grid--10>:nth-child(10){grid-column:auto}#squad-actions{grid-area:auto/1/auto/-1;margin-top:4px}.squad-slot{border-radius:var(--radius-sm);min-width:0;min-height:64px}.squad-slot__remove{width:24px;height:24px;font-size:17px;top:4px;right:4px}.squad-slot__role-label{padding:1px 5px;font-size:.52rem;top:4px;left:4px}.squad-slot__init-skill{width:22px;height:22px;font-size:.62rem;bottom:16px;right:4px}.squad-slot__name{padding:1px 2px;font-size:.58rem}.squad-slot__label{text-align:center;overflow-wrap:anywhere;padding:0 2px;line-height:1.2}.lane-settings-grid,.cost-detail__grid,.cost-detail__recovery-list{grid-template-columns:1fr}.single-column-mode{--frame-height:58px}.single-column-mode .timeline{min-width:100%}.single-column-mode .timeline__time-column{width:74px}.single-column-mode .timeline__cost-column{width:62px;left:74px}.line{min-width:435px}.line__header-container{height:var(--mobile-timeline-header-height)}.line__header{font-size:.72rem}.line__col--user{width:64px}.line__col--skill{width:85px}.line__col--cost,.line__col--target{width:64px}.line__col--duration{width:92px}.line__row-wrapper{height:var(--frame-height)}.line__event-list{max-height:calc(var(--frame-height) - 6px)}.line__event-item{height:36px;min-height:36px}.line__user-icon,.line__target-icon{width:34px;height:34px}.line__skill-name{font-size:.78rem}.line__cost-value{padding:2px 7px;font-size:.82rem}.start-skill-adjustment__table{min-width:640px}.start-skill-results__item{grid-template-columns:1fr;gap:8px}.manual-content{padding:12px}.manual-content h1{font-size:1.5rem}.manual-content h2{font-size:1.2rem}}@media (width<=359px){.display-mode-controls{grid-template-columns:1fr;align-items:stretch}.display-mode-group{grid-template-columns:repeat(3,minmax(0,1fr))}.display-mode-group .btn--group-item:nth-child(3){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1px}.display-mode-group .btn--group-item:nth-child(4){border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.squad-grid,.squad-grid--6,.squad-grid--10{grid-template-columns:repeat(2,minmax(0,1fr))}}