:root{color-scheme:light;font-variant-numeric:tabular-nums;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--type-caption: 10px;--type-label: 11px;--type-body-sm: 12px;--type-body: 13px;--type-card-title: 13px;--type-card-name: 11px;--type-card-meta: 10px;--type-heading-sm: 16px;--type-heading-md: 20px;--type-heading-lg: 21px;--type-score-md: 21px;--type-score-lg: 28px;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -0.015em;--ink-950: #162034;--ink-900: #202c42;--ink-800: #2c3850;--ink-700: #45546d;--ink-650: #526078;--ink-500: #77839a;--line: #dfe5ee;--line-strong: #cfd8e5;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-blue: #f1f7ff;--surface-inverse: #162034;--ink-inverse: #ffffff;--brand: #3767e8;--brand-dark: #2450c6;--brand-soft: #eaf0ff;--brand-line: #d7e3ff;--brand-line-strong: #9fc0ff;--accent: #17a8a1;--accent-ink: #087e78;--accent-soft: #e7f8f6;--accent-line: #b9e3d8;--warning: #f3a533;--warning-ink: #b06a0a;--danger: #d94d67;--danger-soft: #fff0f1;--danger-line: #e49a9f;--cute: #ef718f;--pure: #4fb78d;--happy: #f0a33f;--shadow-sm: 0 6px 18px rgba(32, 48, 78, 0.06);--shadow-md: 0 18px 50px rgba(32, 48, 78, 0.12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--max-width: 1240px;}*, *::before, *::after{box-sizing:border-box;}html{scroll-padding-top:24px;}body{margin:0;min-width:min(320px, 100%);background:radial-gradient(circle at 5% 0%, rgba(55, 103, 232, 0.08), transparent 26rem), radial-gradient(circle at 100% 24%, rgba(23, 168, 161, 0.06), transparent 24rem), var(--surface-soft);color:var(--ink-950);font-family:var(--font-sans);line-height:1.5;}button, input, select{color:inherit;font:inherit;}button, select{cursor:pointer;}button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible{outline:3px solid rgba(55, 103, 232, 0.24);outline-offset:2px;}img{display:block;max-width:100%;}h1, h2, h3, p{margin:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;border-radius:8px;background:var(--surface-inverse);color:var(--ink-inverse);transform:translateY(-160%);transition:transform 160ms ease;}.skip-link:focus{transform:translateY(0);}.app-header{width:min(calc(100% - 40px), var(--max-width));margin:0 auto;padding:28px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;}.brand-lockup, .section-title-row, .picker-summary{display:flex;align-items:center;}.brand-lockup{gap:13px;}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg, var(--brand), #6b8df0);color:#fff;font-size:20px;font-weight:var(--weight-extrabold);box-shadow:0 8px 22px rgba(55, 103, 232, 0.24);}.eyebrow, .skill-kicker, .modal-kicker{color:var(--brand);font-size:var(--type-label);font-weight:800;letter-spacing:0.14em;}.app-header h1{margin-top:2px;font-size:20px;letter-spacing:-0.02em;}.app-header-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;}.language-picker{display:grid;align-items:stretch;gap:0;color:var(--ink-650);font-size:var(--type-body-sm);font-weight:800;white-space:nowrap;}.language-picker-heading{display:block;padding-bottom:5px;color:var(--ink-950);font-size:var(--type-label);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:0.04em;text-align:center;}.language-picker select{min-width:112px;height:38px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-950);box-shadow:var(--shadow-sm);font-size:var(--type-body);font-weight:800;}.app-shell{width:min(calc(100% - 40px), var(--max-width));margin:0 auto;padding-bottom:72px;}[hidden]{display:none!important;}.view-tabs{margin-bottom:18px;padding:6px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:6px;border:1px solid var(--line);border-radius:17px;background:rgba(255, 255, 255, 0.76);box-shadow:var(--shadow-sm);}.view-tab{min-height:64px;padding:10px 18px;display:flex;align-items:center;justify-content:flex-start;gap:14px;border:0;border-radius:12px;background:transparent;color:var(--ink-650);text-align:left;}.view-tab span{font-size:15px;font-weight:var(--weight-extrabold);}.view-tab-count{margin-left:3px;color:var(--ink-500);font-size:var(--type-body-sm);font-style:normal;font-weight:800;}.view-tab:hover{background:var(--surface-soft);}.view-tab.is-active{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(55, 103, 232, 0.22);}.view-tab.is-active .view-tab-count{color:rgba(255, 255, 255, 0.76);}@media (max-width: 600px) {.view-tabs .view-tab{min-height:56px;padding:10px 8px;justify-content:center;text-align:center;}.view-tabs .view-tab > span{font-size:var(--type-body-sm);white-space:nowrap;}}@media (max-width: 420px) {.view-tabs .view-tab-count{display:block;margin-left:0;font-size:var(--type-caption);}}.app-error{position:fixed;z-index:120;right:20px;bottom:20px;max-width:420px;padding:14px 18px;border-radius:12px;background:#421925;color:#fff;box-shadow:var(--shadow-md);font-size:14px;}@media (max-width: 620px) {.app-header{align-items:flex-start;}.language-picker{align-items:stretch;}.language-picker select{min-width:104px;}}.theme-toggle-button{width:38px;height:38px;padding:0;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-800);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color 160ms ease, color 160ms ease, background-color 160ms ease, transform 160ms ease;}.theme-toggle-button:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);}.theme-toggle-button:focus-visible{outline:3px solid rgba(55, 103, 232, 0.24);outline-offset:2px;}.theme-toggle-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.theme-toggle-icon-sun{display:none;}.panel{margin-top:18px;padding:32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;}.section-title-row{gap:16px;}.section-number{width:45px;height:45px;display:grid;flex:0 0 auto;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:var(--type-body);font-weight:var(--weight-extrabold);}.section-heading h2{font-size:21px;letter-spacing:-0.025em;}.select-grid{display:grid;gap:14px;}.music-grid{grid-template-columns:minmax(0, 2fr) repeat(2, minmax(190px, 0.75fr));}.field{display:flex;flex-direction:column;gap:8px;}.field > span{color:var(--ink-650);font-size:var(--type-body-sm);font-weight:800;}.field select, .search-field input{width:100%;min-height:48px;border:1px solid var(--line-strong);border-radius:12px;background-color:var(--surface);transition:border-color 160ms ease, box-shadow 160ms ease;}.field select{appearance:none;padding:0 42px 0 14px;background-image:linear-gradient(45deg, transparent 50%, var(--ink-500) 50%), linear-gradient(135deg, var(--ink-500) 50%, transparent 50%);background-position:calc(100% - 18px) 21px, calc(100% - 13px) 21px;background-size:5px 5px, 5px 5px;background-repeat:no-repeat;font-size:14px;font-weight:700;}.field select:hover, .search-field input:hover{border-color:var(--line-strong);}.field select:focus, .search-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(55, 103, 232, 0.08);}.text-button, .icon-button{border:0;background:transparent;}.primary-button{min-height:40px;padding:0 15px;border:1px solid var(--brand);border-radius:10px;background:var(--brand);color:#fff;font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);box-shadow:0 6px 14px rgba(55, 103, 232, 0.16);}.primary-button:hover:not(:disabled){border-color:var(--brand-dark);background:var(--brand-dark);}.primary-button:disabled{cursor:not-allowed;opacity:0.46;box-shadow:none;}.text-button{padding:8px 2px;color:var(--brand);font-size:var(--type-body-sm);font-weight:800;}.text-button:hover{color:var(--brand-dark);text-decoration:underline;}.text-button.danger{color:var(--danger);}.member-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;}.member-level-field{width:190px;gap:4px;}.member-level-field > span{font-size:var(--type-caption);}.member-level-field select{min-height:40px;border-radius:10px;font-size:var(--type-body-sm);}.member-separate-toggle{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-soft);color:var(--ink-800);font-size:var(--type-label);font-weight:800;}.member-separate-toggle input{accent-color:var(--brand);}.member-actions > .text-button{min-height:40px;}.preset-guide{margin:-10px 0 18px;color:var(--ink-500);font-size:var(--type-label);font-weight:700;line-height:1.6;}.calculate-row{margin-top:18px;padding:12px 12px 12px 16px;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:18px;border:1px solid var(--brand-line);border-radius:14px;background:var(--surface-blue);}.calculate-row output{color:var(--ink-650);font-size:var(--type-label);font-weight:700;line-height:1.5;}.calculate-button{min-width:210px;min-height:48px;font-size:var(--type-body);}.member-slots{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:12px;}.preset-status{margin-top:12px;color:var(--ink-500);font-size:var(--type-label);font-weight:700;}.preset-status.is-warning{color:var(--danger);}.member-slot{min-width:0;min-height:176px;padding:0;overflow:hidden;position:relative;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(155deg, var(--surface), var(--surface-soft));text-align:left;transition:border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;}.member-slot:hover{border-color:var(--brand);box-shadow:0 12px 28px rgba(55, 103, 232, 0.12);transform:translateY(-3px);}.member-slot.filled{border-style:solid;background:var(--surface);}.slot-role{position:absolute;z-index:3;top:9px;left:9px;padding:5px 8px;border-radius:8px;background:rgba(21, 31, 50, 0.84);color:#fff;font-size:var(--type-caption);font-weight:var(--weight-extrabold);letter-spacing:0.05em;backdrop-filter:blur(4px);}.member-slot:first-child .slot-role{background:var(--brand);}.member-slot.is-locked .slot-role{background:var(--surface-inverse);}.member-slot.is-recommended .slot-role{background:var(--accent);}.member-slot.is-recommended{border-color:var(--accent);box-shadow:inset 0 0 0 1px rgba(23, 168, 161, 0.14);}.slot-empty{min-height:176px;padding:22px 12px 18px;display:grid;place-items:center;align-content:center;color:var(--ink-500);text-align:center;}.slot-plus{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--brand);font-size:26px;font-weight:300;box-shadow:var(--shadow-sm);}.slot-empty strong{color:var(--ink-800);font-size:var(--type-body);}.slot-empty small{margin-top:3px;font-size:var(--type-label);}.card-art{position:relative;aspect-ratio:0.77;overflow:hidden;background:linear-gradient(150deg, var(--surface-soft), var(--line));}.card-art > img:not(.attribute-icon){width:100%;height:100%;object-fit:cover;}.attribute-icon{position:absolute;z-index:2;right:8px;top:8px;width:29px;height:29px;filter:drop-shadow(0 3px 5px rgba(21, 31, 50, 0.24));}.rarity-badge{position:absolute;z-index:2;left:8px;bottom:7px;color:#fff;font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);letter-spacing:-0.05em;text-shadow:0 2px 4px rgba(0, 0, 0, 0.7);}.r3-art{width:100%;height:100%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg, rgba(255,255,255,.42), transparent), var(--attribute-soft, #edf1f7);color:var(--attribute-color, var(--ink-650));}.r3-art strong{font-size:38px;letter-spacing:-0.08em;}.r3-art small{margin-top:4px;font-size:var(--type-caption);font-weight:var(--weight-extrabold);letter-spacing:0.12em;}.slot-card-copy{min-height:82px;padding:10px 11px 12px;border-top:3px solid var(--attribute-color, var(--line));background:var(--surface);}.slot-card-copy strong, .slot-card-copy span, .slot-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.slot-card-copy span{margin-top:3px;color:var(--ink-650);}.slot-card-copy small{margin-top:6px;color:var(--ink-500);}.result-panel{background:linear-gradient(180deg, var(--surface-soft), var(--surface) 230px), var(--surface);}.recommendation-results{display:grid;gap:18px;}.recommendation-result-card{overflow:hidden;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 7px 20px rgba(29, 44, 72, 0.07);transition:border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;}.recommendation-result-card[open]{border-color:var(--brand);background:var(--surface-blue);box-shadow:0 14px 30px rgba(55, 103, 232, 0.13);}.recommendation-result-card > summary{display:block;padding:0;cursor:pointer;list-style:none;}.result-summary-header{min-height:84px;padding:16px 20px;display:grid;grid-template-columns:auto minmax(165px, 0.55fr) minmax(0, 1.45fr) auto;align-items:center;gap:18px;transition:background-color 160ms ease;}.recommendation-result-card > summary::-webkit-details-marker{display:none;}.recommendation-result-card > summary:hover .result-summary-header{background:var(--surface-soft);}.recommendation-result-card[open] .result-summary-header{background:var(--brand-soft);}.result-top-number{min-width:68px;padding:9px 10px;border-radius:10px;background:var(--brand);color:#fff;font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);letter-spacing:0.08em;text-align:center;}.result-summary-score span, .result-summary-score strong{display:block;}.result-summary-score small{display:block;margin-top:5px;color:var(--accent);font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.result-summary-score span{color:var(--ink-500);font-size:var(--type-label);font-weight:800;}.result-summary-score strong{margin-top:3px;color:var(--ink-800);font-size:28px;line-height:1;letter-spacing:-0.03em;}.result-summary-members{min-width:0;display:grid;gap:6px;}.result-summary-members > span{min-width:0;display:grid;grid-template-columns:42px minmax(0, 1fr);align-items:center;gap:9px;}.result-summary-members b{padding:3px 6px;border-radius:6px;background:var(--surface-soft);color:var(--ink-650);font-size:var(--type-caption);font-weight:var(--weight-extrabold);text-align:center;}.result-summary-members b.is-leader{background:var(--brand-soft);color:var(--brand);}.result-summary-members strong{min-width:0;overflow:hidden;color:var(--ink-800);font-size:var(--type-body);font-weight:800;text-overflow:ellipsis;white-space:nowrap;}.result-expand-label{color:var(--brand);font-size:var(--type-label);font-weight:var(--weight-extrabold);white-space:nowrap;}.result-expand-label .is-expanded{display:none;}.recommendation-result-card[open] .result-expand-label .is-collapsed{display:none;}.recommendation-result-card[open] .result-expand-label .is-expanded{display:inline;}.recommendation-result-body{padding:20px;border-top:1px solid var(--brand-line);background:var(--surface);}.result-context-row{display:flex;align-items:stretch;justify-content:space-between;gap:18px;}.result-metrics{min-width:0;display:grid;flex:1;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:8px;}.result-metric{min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);}.result-metric.is-concept{border-color:var(--brand-line-strong);background:var(--brand-soft);}.result-metric span, .result-metric strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.result-metric span{color:var(--ink-500);font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.result-metric strong{margin-top:4px;color:var(--ink-800);font-size:15px;}.result-empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 72%, transparent);}.song-projection{margin-bottom:18px;padding:16px;display:grid;grid-template-columns:repeat(2, minmax(160px, 0.7fr)) minmax(220px, 1.2fr);align-items:center;gap:14px;border:1px solid var(--accent-line);border-radius:13px;background:var(--accent-soft);}.song-projection > div span, .song-projection > div strong, .song-projection p b, .song-projection p span{display:block;}.song-projection > div span, .song-projection p span{color:var(--ink-650);font-size:var(--type-caption);}.song-projection > div strong{margin-top:3px;color:var(--ink-950);font-size:21px;}.song-projection .song-projection-score strong{color:#10264b;font-weight:var(--weight-extrabold);}.song-projection p b{overflow:hidden;font-size:var(--type-body-sm);text-overflow:ellipsis;white-space:nowrap;}.song-projection p span{margin-top:4px;}.calculation-breakdown{margin-top:18px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}.calculation-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);}.calculation-card header{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-soft);}.calculation-card header span{color:var(--brand);font-size:var(--type-body);font-weight:var(--weight-extrabold);}.calculation-card header strong{font-size:14px;font-weight:var(--weight-extrabold);}.calculation-rows{padding:8px 15px 12px;}.calculation-rows > span{padding:7px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);}.calculation-rows > span:last-child{border-bottom:0;}.calculation-rows i{color:var(--ink-800);font-size:var(--type-body-sm);font-style:normal;font-weight:800;}.calculation-rows b{font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);}.skill-diagnostics, .skill-timeline-panel{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);}.skill-timeline-panel{margin-top:14px;}.diagnostic-scroll{overflow-x:auto;}.diagnostic-table{width:100%;min-width:980px;border-collapse:collapse;font-size:var(--type-body-sm);text-align:center;}.diagnostic-table th, .diagnostic-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;}.diagnostic-table th{background:var(--surface-soft);color:var(--ink-500);font-size:var(--type-label);font-weight:var(--weight-extrabold);letter-spacing:0.01em;}.diagnostic-table th:nth-child(2), .diagnostic-table td:nth-child(2){min-width:250px;text-align:left;}.diagnostic-leader-badge{padding:4px 8px;display:inline-flex;border:1px solid var(--brand-line-strong);border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.diagnostic-table tbody tr:last-child td{border-bottom:0;}.diagnostic-member-trigger{min-width:0;padding:2px 0;display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;}.diagnostic-member-trigger strong{color:var(--ink-800);font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);}.diagnostic-member-meta{color:var(--ink-500);font-size:var(--type-label);font-weight:800;}.diagnostic-member-trigger:hover strong, .diagnostic-member-trigger:focus-visible strong{color:var(--brand);}.diagnostic-leader-effect{max-width:min(720px, 68%);display:grid;grid-template-columns:auto auto minmax(0, 1fr);align-items:center;gap:10px;}.diagnostic-leader-effect > b{padding:4px 8px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:var(--type-label);white-space:nowrap;}.diagnostic-leader-effect > strong{color:var(--ink-800);font-size:var(--type-body-sm);white-space:nowrap;}.diagnostic-leader-effect > span{color:var(--ink-650);font-size:var(--type-body-sm);line-height:1.55;}.result-skill-tooltip{position:fixed;z-index:180;width:min(390px, calc(100vw - 24px));padding:12px 14px;display:grid;gap:9px;border:1px solid var(--brand-line-strong);border-radius:11px;background:var(--surface);box-shadow:0 16px 38px rgba(29, 44, 72, 0.22);pointer-events:none;}.result-skill-tooltip[hidden]{display:none;}.result-skill-tooltip > span{display:grid;grid-template-columns:100px minmax(0, 1fr);gap:10px;}.result-skill-tooltip b{color:var(--brand);font-size:var(--type-label);}.result-skill-tooltip em{color:var(--ink-700);font-size:var(--type-body-sm);font-style:normal;line-height:1.5;}.diag-interval{min-width:44px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:var(--type-label);font-weight:var(--weight-extrabold);}.diag-interval.is-normal{background:var(--accent-soft);color:var(--accent-ink);}.diag-interval.is-collision{background:var(--danger-soft);color:var(--danger);}.diag-ok, .diag-off{font-weight:var(--weight-extrabold);}.diag-ok{color:var(--accent-ink);}.diag-off{color:var(--danger);}.diag-ok, .diag-off{font-size:var(--type-label);}.timeline-head-note{color:var(--ink-500);font-size:var(--type-label);font-weight:800;}.diagnostic-timeline{padding:0 0 12px;}.diagnostic-timeline-columns{display:grid;grid-template-columns:minmax(140px, 210px) 110px minmax(180px, 1fr);align-items:center;gap:0;border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--ink-500);font-size:var(--type-label);font-weight:var(--weight-extrabold);}.diagnostic-timeline-columns > span, .diagnostic-timeline-row > strong, .diagnostic-timeline-row > span, .diagnostic-timeline-cell{min-width:0;padding:11px 14px;}.diagnostic-timeline-columns > span + span, .diagnostic-timeline-row > span, .diagnostic-timeline-cell{border-left:1px solid var(--line);}.diagnostic-timeline-columns span:first-child{text-align:left;}.diagnostic-timeline-columns span:nth-child(2){text-align:center;}.diagnostic-timeline-columns span:nth-child(3){text-align:center;}.diagnostic-timeline-list{display:grid;}.diagnostic-timeline-row, .diagnostic-timeline-scale{display:grid;grid-template-columns:minmax(140px, 210px) 110px minmax(180px, 1fr);align-items:center;gap:0;}.diagnostic-timeline-row{border-bottom:1px solid var(--line);}.diagnostic-timeline-row strong{overflow:hidden;color:var(--ink-800);font-size:var(--type-label);font-weight:var(--weight-extrabold);text-overflow:ellipsis;white-space:nowrap;}.diagnostic-timeline-row > span{color:var(--ink-650);font-size:var(--type-label);font-weight:var(--weight-extrabold);text-align:center;}.diagnostic-timeline-cell{align-self:stretch;display:flex;align-items:center;}.diagnostic-skill-timeline{width:100%;height:15px;overflow:hidden;position:relative;border:1px solid var(--line);border-radius:5px;background-color:var(--surface-soft);background-image:linear-gradient(to right, transparent 24.7%, var(--line) 25%, transparent 25.3%, transparent 49.7%, var(--line) 50%, transparent 50.3%, transparent 74.7%, var(--line) 75%, transparent 75.3%);}.diagnostic-activation-window{width:max(2px, var(--span, 0%));position:absolute;top:2px;bottom:2px;left:var(--start, 0%);border-radius:3px;background:var(--attribute-color, var(--brand));box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.34);opacity:0.86;}.diagnostic-team-row{border-top:2px solid var(--line-strong);background:var(--surface-soft);}.diagnostic-team-row > strong{color:var(--brand-dark);}.diagnostic-team-window{width:max(2px, var(--span, 0%));position:absolute;top:2px;bottom:2px;left:var(--start, 0%);border-radius:3px;opacity:calc(0.38 + var(--probability, 1) * 0.62);}.diagnostic-team-window.is-covered{background:var(--accent);}.diagnostic-team-window.is-overlap{background:var(--danger);}.diagnostic-timeline-scale{padding-top:5px;}.diagnostic-timeline-scale > div{grid-column:3;padding:0 14px;display:flex;justify-content:space-between;color:var(--ink-500);font-size:var(--type-caption);font-weight:700;}.result-members{margin:0;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));justify-content:stretch;gap:12px;overflow-x:hidden;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface-soft);}.recommendation-result-card[open] .result-members-preview{background:var(--surface-blue);}.result-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);}.result-card.is-fixed{border-color:var(--brand);}.result-card-copy{min-height:88px;padding:9px 10px 11px;border-top:3px solid var(--attribute-color, var(--line));background:var(--surface);}.result-card-meta{min-height:16px;min-width:0;display:flex;align-items:center;gap:5px;}.result-card-role, .result-card-level, .result-card-attribute{flex:0 0 auto;color:var(--ink-500);font-size:var(--type-caption);font-weight:var(--weight-extrabold);white-space:nowrap;}.result-card-role.is-leader{height:16px;min-height:16px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;line-height:1;background:var(--brand);color:#fff;}.result-card-attribute{display:inline-flex;align-items:center;gap:2px;}.result-card-attribute img{width:16px;height:16px;}.result-card-identity{min-width:0;margin-top:8px;}.result-card-title-line{min-width:0;display:flex;align-items:center;gap:6px;}.result-card-rarity{flex:0 0 auto;color:var(--attribute-color, var(--ink-500));line-height:1;}.result-card-character, .result-card-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.result-card-character{min-width:0;color:var(--ink-900);}.result-card-name{width:100%;margin-top:2px;color:var(--ink-650);}.result-card.empty{min-height:196px;display:grid;place-items:center;border-style:dashed;background:transparent;color:var(--ink-500);font-size:var(--type-label);font-weight:800;text-align:center;}.result-empty-mark{display:block;color:var(--ink-500);font-size:30px;font-weight:300;}.skill-result-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);}.skill-result-head h3{margin-top:3px;font-size:17px;}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;color:var(--ink-500);text-align:center;}.empty-state span{color:var(--ink-500);font-size:30px;}.empty-state p{margin-top:6px;font-size:var(--type-body-sm);}.preset-slot-toolbar{margin:-10px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;}.preset-slot-toolbar .preset-guide{margin:0;}.preset-clear-button{flex:0 0 auto;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);}.member-slot.filled{position:relative;}.member-slot-select{position:absolute;z-index:4;inset:0;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;}.member-slot-select:focus-visible{outline:3px solid rgba(55, 103, 232, 0.3);outline-offset:-4px;}.slot-clear-button{width:32px;height:32px;padding:0;position:absolute;z-index:6;top:8px;right:8px;display:grid;place-items:center;border:1px solid rgba(21, 31, 50, 0.16);border-radius:999px;background:rgba(255, 255, 255, 0.94);color:#2c3850;font-size:19px;line-height:1;box-shadow:0 4px 14px rgba(21, 31, 50, 0.16);cursor:pointer;transition:border-color 160ms ease, color 160ms ease, background-color 160ms ease, transform 160ms ease;}.slot-clear-button:hover{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger);transform:scale(1.05);}.slot-clear-button:focus-visible{outline:3px solid rgba(55, 103, 232, 0.3);outline-offset:2px;}.member-slot.filled .attribute-icon{right:46px;}.member-slots-loading{grid-column:1 / -1;}.music-grid{grid-template-columns:minmax(360px, 1fr) minmax(120px, 0.24fr) minmax(170px, 0.34fr);align-items:end;}.music-combobox-field{min-width:0;}.music-combobox{position:relative;}.music-combobox-control{position:relative;}.music-combobox-input{width:100%;min-height:48px;padding:0 46px 0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink-800);font:inherit;font-size:14px;font-weight:700;outline:none;transition:border-color 160ms ease, box-shadow 160ms ease;}.music-combobox-input:hover{border-color:var(--line-strong);}.music-combobox-input:focus, .music-combobox.is-open .music-combobox-input{border-color:var(--brand);box-shadow:0 0 0 4px rgba(55, 103, 232, 0.08);}.music-combobox-toggle{width:42px;height:46px;display:grid;place-items:center;position:absolute;top:1px;right:1px;border:0;border-radius:0 11px 11px 0;background:transparent;color:var(--ink-500);cursor:pointer;}.music-combobox-toggle::before{width:7px;height:7px;content:"";border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 160ms ease;}.music-combobox.is-open .music-combobox-toggle::before{transform:translateY(2px) rotate(225deg);}.music-combobox-options{width:100%;max-height:320px;overflow-y:auto;position:absolute;z-index:80;top:calc(100% + 7px);left:0;padding:6px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 18px 40px rgba(29, 44, 72, 0.18);}.music-combobox-options[hidden]{display:none;}.music-combobox-option{width:100%;min-height:42px;padding:8px 10px;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:var(--ink-800);font:inherit;text-align:left;cursor:pointer;}.music-combobox-option:hover, .music-combobox-option.is-active{background:var(--brand-soft);color:var(--brand-dark);}.music-combobox-option[aria-selected="true"]{font-weight:var(--weight-extrabold);}.music-combobox-option strong, .music-combobox-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.music-combobox-option strong{min-width:0;font-size:var(--type-body-sm);}.music-combobox-option small{max-width:210px;color:var(--ink-500);font-size:var(--type-caption);font-weight:700;}.music-combobox-empty{padding:14px 12px;color:var(--ink-500);font-size:var(--type-label);font-weight:700;text-align:center;}@media (max-width: 820px) {.music-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}.music-combobox-field{grid-column:1 / -1;}}@media (max-width: 600px) {.music-grid{grid-template-columns:1fr;}.music-combobox-field{grid-column:auto;}.music-combobox-option small{max-width:120px;}}.owned-view{margin-top:0;}.owned-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}.owned-transfer-button{min-height:40px;padding:0 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--brand-dark);font-size:var(--type-label);font-weight:var(--weight-extrabold);}.owned-transfer-button:hover{border-color:var(--brand);background:var(--brand-soft);}.owned-toolbar{padding:12px;display:grid;grid-template-columns:minmax(230px, 0.9fr) minmax(0, 2.1fr);gap:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft);}.owned-toolbar .owned-filters{grid-template-columns:minmax(86px, 0.72fr) minmax(96px, 0.82fr) minmax(112px, 1fr) minmax(138px, 1.22fr);gap:8px;}.owned-toolbar .search-field input, .owned-toolbar .compact-field select{min-height:42px;}.owned-toolbar .compact-field select{padding-right:34px;background-position:calc(100% - 16px) 18px, calc(100% - 11px) 18px;}.owned-summary{min-height:58px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);}.owned-summary > div{display:flex;align-items:center;gap:10px;}.owned-summary strong{font-size:var(--type-body);}.owned-summary span{color:var(--ink-500);font-size:var(--type-label);}.owned-summary > .owned-bulk-actions{gap:18px;}.owned-card-list{padding-top:20px;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));align-items:start;gap:10px;}.owned-card-list > .empty-state{grid-column:1 / -1;}.owned-card, .picker-card{min-width:0;padding:0;overflow:hidden;position:relative;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 5px 15px rgba(29, 44, 72, 0.06);text-align:left;transition:transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;}.owned-card-toggle{width:100%;padding:0;display:block;border:0;background:var(--surface);color:inherit;text-align:left;}.owned-card:hover, .picker-card:hover{z-index:2;border-color:var(--brand);box-shadow:0 14px 28px rgba(55, 103, 232, 0.14);transform:translateY(-3px);}.card-detail-button{width:26px;height:26px;position:absolute;z-index:6;top:7px;right:42px;display:grid;place-items:center;border:1px solid rgba(255, 255, 255, 0.76);border-radius:50%;background:rgba(21, 31, 50, 0.84);color:#fff;font-family:Georgia, serif;font-size:var(--type-body);font-style:italic;font-weight:var(--weight-extrabold);box-shadow:0 3px 9px rgba(15, 24, 40, 0.2);backdrop-filter:blur(4px);}.card-detail-button:hover, .card-detail-button:focus-visible{background:var(--brand);}.owned-card .card-detail-button{right:7px;}.owned-card.is-owned{border:2px solid var(--brand);box-shadow:0 8px 22px rgba(55, 103, 232, 0.14);}.owned-card:not(.is-owned) .landscape-card-art > img:not(.attribute-icon){filter:grayscale(1) saturate(0);opacity:0.48;}.owned-card .landscape-card-art > img:not(.attribute-icon){transition:filter 160ms ease, opacity 160ms ease;}.owned-check{position:absolute;z-index:4;top:7px;left:7px;padding:4px 7px;border-radius:7px;background:rgba(21, 31, 50, 0.82);color:#fff;font-size:var(--type-caption);font-weight:var(--weight-extrabold);backdrop-filter:blur(4px);}.owned-card.is-owned .owned-check{background:var(--brand);}.owned-card-settings{padding:8px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px 6px;border-top:1px solid var(--line);background:var(--surface-soft);}.owned-card-settings label{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:3px;}.owned-card-settings span{color:var(--ink-500);font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.owned-card-settings input, .owned-card-settings select{width:100%;min-width:0;height:30px;padding:0 7px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink-800);font-size:var(--type-label);font-weight:800;}.owned-card .landscape-card-art .attribute-icon{width:28px;height:28px;top:7px;right:7px;}.owned-card .landscape-card-art .rarity-badge{left:7px;bottom:7px;font-size:var(--type-body);}.owned-card .landscape-card-copy{min-height:76px;padding:9px 10px 10px;}.landscape-card-title-meta{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;}.landscape-card-type-icon{width:20px;height:20px;flex:0 0 auto;}.owned-card .landscape-card-title, .picker-card .landscape-card-title{justify-content:flex-start;gap:6px;}.owned-card .landscape-card-title strong, .picker-card .landscape-card-title strong{flex:1 1 auto;}.landscape-card-art{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(150deg, #e9edf4, #dfe6f0);}.landscape-card-art > img:not(.attribute-icon){width:100%;height:100%;object-fit:cover;}.landscape-card-art .attribute-icon{width:34px;height:34px;top:10px;right:10px;}.landscape-card-art .rarity-badge{left:10px;bottom:9px;font-size:15px;}.landscape-card-art .r3-art strong{font-size:30px;}.landscape-card-copy{min-width:0;min-height:88px;padding:12px 13px 13px;display:flex;flex-direction:column;border-top:3px solid var(--attribute-color, var(--line));background:var(--surface);}.landscape-card-copy > span:not(.landscape-card-title), .landscape-card-copy > small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.landscape-card-title{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;}.landscape-card-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.landscape-card-title small, .landscape-card-copy > small{flex:0 0 auto;color:var(--ink-500);}.landscape-card-copy > span:not(.landscape-card-title){margin-top:4px;color:var(--ink-650);}.landscape-card-copy > small{margin-top:auto;padding-top:6px;}body.modal-open, body.card-detail-open{overflow:hidden;}.modal{position:fixed;z-index:80;inset:0;display:none;}.modal.is-open{display:block;}.modal-backdrop{position:absolute;inset:0;background:rgba(15, 24, 40, 0.52);backdrop-filter:blur(4px);}.modal-dialog{position:absolute;top:5vh;right:50%;width:min(1180px, calc(100% - 36px));max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 32px 90px rgba(10, 20, 38, 0.28);transform:translateX(50%);}.modal-header{padding:22px 24px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);}.modal-header h2{margin-top:3px;font-size:20px;}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--surface-soft);color:var(--ink-650);font-size:25px;}.icon-button:hover{background:var(--brand-soft);color:var(--brand);}.card-tools{padding:16px 24px;display:grid;grid-template-columns:minmax(260px, 1.2fr) minmax(460px, 2fr);gap:12px;border-bottom:1px solid var(--line);background:var(--surface-soft);}.search-field input{padding:0 15px 0 43px;background:radial-gradient(circle, transparent 5px, var(--ink-500) 6px, var(--ink-500) 7px, transparent 8px) 14px 13px / 22px 22px no-repeat, linear-gradient(45deg, transparent 47%, var(--ink-500) 48%, var(--ink-500) 54%, transparent 55%) 29px 28px / 7px 7px no-repeat, var(--surface);font-size:var(--type-body);}.filter-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:9px;}.compact-field{gap:5px;}.compact-field > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);}.compact-field select{min-height:48px;font-size:var(--type-body-sm);}.picker-summary{justify-content:space-between;min-height:42px;padding:0 24px;border-bottom:1px solid var(--line);color:var(--ink-500);font-size:var(--type-label);font-weight:800;}.card-list{min-height:0;padding:18px 24px 24px;display:grid;flex:1 1 auto;grid-template-columns:repeat(5, minmax(0, 1fr));grid-auto-rows:max-content;align-items:start;align-content:start;gap:10px;overflow-y:auto;background:var(--surface-soft);}.picker-card.is-unavailable .picker-card-select{cursor:not-allowed;opacity:0.48;filter:grayscale(0.5);}.picker-card{aspect-ratio:auto;display:flex;flex-direction:column;}.picker-card-select{width:100%;min-width:0;padding:0;display:flex;flex:1 1 auto;flex-direction:column;border:0;background:var(--surface);color:inherit;text-align:left;}.picker-card .card-detail-button{right:7px;}.picker-card .landscape-card-art{flex:0 0 auto;}.picker-card.is-current{border:2px solid var(--brand);}.picker-card-copy{flex:1 1 auto;min-height:70px;padding:9px 10px 10px;}.picker-card .landscape-card-art .attribute-icon{width:28px;height:28px;top:7px;right:7px;}.picker-card .landscape-card-art .rarity-badge{left:7px;bottom:6px;font-size:var(--type-body-sm);}.used-chip{position:absolute;z-index:4;inset:8px auto auto 8px;padding:4px 6px;border-radius:6px;background:rgba(21, 31, 50, 0.82);color:#fff;font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.card-list .empty-state{grid-column:1 / -1;}.picker-empty .primary-button{margin-top:14px;}.card-detail-modal{z-index:130;}.card-detail-dialog{top:7vh;width:min(820px, calc(100% - 36px));max-height:86vh;}.card-detail-content{min-height:0;padding:22px 24px 26px;overflow-y:auto;background:var(--surface-soft);}.card-detail-layout{display:grid;gap:16px;}.card-detail-hero{display:grid;grid-template-columns:minmax(250px, 0.9fr) minmax(240px, 1.1fr);align-items:center;gap:20px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface);}.card-detail-art .landscape-card-art{min-height:100%;}.card-detail-identity{min-width:0;padding:20px 22px 20px 0;}.card-detail-rarity{color:var(--attribute-color, var(--brand));font-size:var(--type-body-sm);font-weight:var(--weight-bold);}.card-detail-identity h3{margin-top:7px;font-size:var(--type-heading-sm);font-weight:var(--weight-bold);line-height:1.25;letter-spacing:var(--tracking-tight);}.card-detail-identity p{margin-top:3px;color:var(--ink-650);font-size:var(--type-body);font-weight:var(--weight-medium);line-height:1.35;overflow-wrap:anywhere;}.card-detail-identity > strong{margin-top:10px;display:block;color:var(--ink-650);font-size:var(--type-body-sm);font-weight:var(--weight-semibold);}.card-detail-stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:9px;}.card-detail-stat{padding:13px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);}.card-detail-stat span{color:var(--ink-650);font-size:var(--type-label);font-weight:var(--weight-bold);}.card-detail-stat strong{color:var(--ink-950);font-size:var(--type-heading-sm);font-weight:var(--weight-bold);}.card-detail-stat small{grid-column:1 / -1;color:var(--ink-500);font-size:var(--type-caption);font-weight:var(--weight-semibold);text-align:right;}.card-detail-skills{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);}.card-detail-skill{--skill-color: var(--brand-dark);display:grid;grid-template-columns:136px minmax(0, 1fr);align-items:baseline;gap:12px;padding:14px 16px 14px 13px;border-left:3px solid var(--skill-color);}.card-detail-skill--passive{--skill-color: var(--accent-ink);}.card-detail-skill--special{--skill-color: color-mix(in srgb, var(--danger) 88%, var(--ink-950));}.card-detail-skill--leader{--skill-color: color-mix(in srgb, var(--warning-ink) 90%, var(--ink-950));}.card-detail-skill + .card-detail-skill{border-top:1px solid var(--line);}.card-detail-skill header{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}.card-detail-skill header strong{color:var(--skill-color);font-size:var(--type-body);font-weight:var(--weight-bold);}.card-detail-skill header span{color:var(--ink-500);font-size:var(--type-label);font-weight:var(--weight-semibold);}.card-detail-skill-rate{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-soft);color:var(--brand-dark);font-size:var(--type-label);font-weight:var(--weight-semibold);line-height:1.4;vertical-align:baseline;white-space:nowrap;}.card-detail-skill p{margin:0;color:var(--ink-800);font-size:var(--type-body);font-weight:var(--weight-medium);line-height:1.6;overflow-wrap:anywhere;}@media (max-width: 1080px) {.member-slots{grid-template-columns:repeat(3, minmax(0, 1fr));}.card-list{grid-template-columns:repeat(4, minmax(0, 1fr));}.owned-card-list{grid-template-columns:repeat(4, minmax(0, 1fr));}.owned-toolbar{grid-template-columns:1fr;}.result-context-row{flex-direction:column;}.result-metrics{grid-template-columns:repeat(3, minmax(100px, 1fr));}.song-projection{grid-template-columns:repeat(2, minmax(150px, 1fr));}.song-projection p{grid-column:1 / -1;}}@media (max-width: 820px) {.app-header, .app-shell{width:min(calc(100% - 28px), var(--max-width));}.panel{padding:26px 22px;border-radius:20px;}.music-grid{grid-template-columns:1fr;}.member-panel .section-heading{align-items:flex-start;flex-direction:column;gap:16px;}.member-actions{width:100%;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:end;gap:10px;}.member-level-field, .member-separate-toggle, .member-actions > .text-button{width:100%;min-width:0;}.member-separate-toggle, .member-actions > .text-button{justify-content:center;}.card-tools{grid-template-columns:1fr;}.card-list{grid-template-columns:repeat(3, minmax(0, 1fr));}.owned-heading{align-items:flex-start;flex-direction:column;}.owned-heading-actions{width:100%;flex-wrap:wrap;}.owned-heading-actions #owned-go-deck{margin-left:auto;}.owned-toolbar .owned-filters{grid-template-columns:repeat(4, minmax(0, 1fr));}.owned-card-list{grid-template-columns:repeat(3, minmax(0, 1fr));}.result-summary-header{grid-template-columns:auto minmax(0, 1fr) auto;}.result-summary-members{grid-column:1 / -1;}.calculation-breakdown{grid-template-columns:1fr;}}@media (max-width: 600px) {.app-header{padding-top:20px;}.panel{padding:23px 18px;}.section-heading, .result-heading, .skill-result-head{align-items:flex-start;flex-direction:column;}.owned-summary{align-items:stretch;flex-direction:column;}.owned-heading-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));}.owned-heading-actions #owned-go-deck{width:100%;grid-column:1 / -1;margin-left:0;}.member-slots{grid-template-columns:repeat(2, minmax(0, 1fr));}.member-slot, .slot-empty{min-height:176px;}.modal-dialog{top:2vh;width:calc(100% - 16px);max-height:96vh;border-radius:17px;}.card-detail-content{padding:16px;}.card-detail-hero{grid-template-columns:112px minmax(0, 1fr);gap:12px;}.card-detail-identity{padding:12px 12px 12px 0;}.card-detail-identity h3{margin-top:4px;}.card-detail-identity > strong{margin-top:8px;}.card-detail-stat{grid-template-columns:1fr;gap:4px;padding:10px 8px;text-align:center;}.card-detail-stat small{text-align:center;}.card-detail-skill{grid-template-columns:1fr;gap:6px;padding:12px 12px 12px 9px;}.modal-header, .card-tools, .card-list{padding-left:16px;padding-right:16px;}.filter-grid{grid-template-columns:1fr 1fr;}.card-tools .filter-grid .field:last-child{grid-column:1 / -1;}.card-list{grid-template-columns:repeat(2, minmax(0, 1fr));}.owned-card-list{grid-template-columns:repeat(2, minmax(0, 1fr));}.owned-toolbar .owned-filters{grid-template-columns:repeat(2, minmax(0, 1fr));}.owned-summary > .owned-bulk-actions{align-items:flex-start;flex-direction:column;gap:2px;}.calculate-row{gap:10px;}.calculate-row output{max-height:34px;overflow:hidden;}.calculate-button{min-width:148px;padding:0 10px;}.result-summary-header{min-height:76px;padding:14px;gap:11px;}.result-top-number{min-width:56px;padding:8px 7px;}.result-summary-members strong{font-size:var(--type-label);}.result-expand-label{font-size:var(--type-label);}.recommendation-result-body{padding:14px;}.diagnostic-leader-effect{max-width:100%;grid-template-columns:1fr;}.diagnostic-timeline{padding-bottom:10px;}.diagnostic-timeline-columns, .diagnostic-timeline-row, .diagnostic-timeline-scale{grid-template-columns:minmax(90px, 1fr) 86px;}.diagnostic-timeline-columns span:nth-child(3){display:none;}.diagnostic-timeline-cell, .diagnostic-timeline-scale > div{grid-column:1 / -1;}.diagnostic-timeline-cell{padding:10px 14px 12px;border-top:1px dashed #e2e7ef;border-left:0;}.result-skill-tooltip > span{grid-template-columns:1fr;gap:3px;}.result-metrics{grid-template-columns:repeat(2, minmax(100px, 1fr));}.song-projection{grid-template-columns:1fr;}.song-projection p{grid-column:auto;}}@media (max-width: 360px) {.card-list, .owned-card-list{grid-template-columns:1fr;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after{scroll-behavior:auto!important;transition-duration:0.01ms!important;}}@media (max-width: 620px) {.app-header{align-items:center;gap:12px;}.app-header-actions{flex:0 0 auto;flex-direction:row;align-items:flex-end;gap:6px;}.language-picker{align-items:stretch;gap:0;}.language-picker select{min-width:96px;height:36px;padding:0 30px 0 10px;}.theme-toggle-button{width:36px;height:36px;}}@media (max-width: 600px) {.preset-slot-toolbar{align-items:flex-start;}.result-members{--result-card-width: clamp(145px, 42vw, 168px);grid-template-columns:repeat(6, var(--result-card-width));justify-content:start;gap:10px;padding:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}.result-members::-webkit-scrollbar{display:none;}.result-card{min-width:var(--result-card-width);scroll-snap-align:start;}}@media (max-width: 420px) {.app-header{gap:9px;}.brand-lockup{min-width:0;gap:8px;}.brand-mark{width:36px;height:36px;border-radius:11px;font-size:17px;}.brand-lockup .eyebrow{display:none;}.app-header h1{font-size:16px;white-space:nowrap;}.language-picker select{min-width:88px;width:88px;padding-left:9px;font-size:var(--type-body-sm);}}@media (max-width: 360px) {.preset-slot-toolbar{flex-direction:column;gap:8px;}.app-header h1{font-size:15px;}.theme-toggle-button{width:34px;height:34px;}.language-picker select{min-width:84px;width:84px;height:34px;}}html[data-theme="dark"]{color-scheme:dark;--ink-950: #f2f5fb;--ink-900: #e9eef7;--ink-800: #dfe5f0;--ink-700: #c4ccda;--ink-650: #aeb8ca;--ink-500: #8995aa;--line: #30394a;--line-strong: #414b5f;--surface: #171d29;--surface-soft: #0f1420;--surface-blue: #16223a;--surface-inverse: #0b1018;--ink-inverse: #ffffff;--brand: #6f94ff;--brand-dark: #90abff;--brand-soft: #1b2b50;--brand-line: #314a7c;--brand-line-strong: #5876bf;--accent: #37c5bd;--accent-ink: #77d9d3;--accent-soft: #153633;--accent-line: #2d716b;--warning: #f4b554;--warning-ink: #f4b554;--danger: #ff718a;--danger-soft: #351c26;--danger-line: #a85468;--shadow-sm: 0 8px 22px rgba(0, 0, 0, 0.2);--shadow-md: 0 18px 50px rgba(0, 0, 0, 0.34);}html[data-theme="dark"] .calculation-mode input:checked + .calculation-mode-label, html[data-theme="dark"] .calculation-panel .calculate-button{color:var(--surface-soft);}html[data-theme="dark"] body{background:radial-gradient(circle at 5% 0%, rgba(111, 148, 255, 0.12), transparent 28rem), radial-gradient(circle at 100% 24%, rgba(55, 197, 189, 0.08), transparent 25rem), var(--surface-soft);}html[data-theme="dark"] .view-tabs{background:rgba(23, 29, 41, 0.88);}html[data-theme="dark"] .slot-clear-button{border-color:#4a5568;background:rgba(18, 24, 36, 0.94);color:#e5eaf3;box-shadow:0 4px 14px rgba(0, 0, 0, 0.35);}html[data-theme="dark"] .slot-clear-button:hover{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger);}html[data-theme="dark"] .owned-card:not(.is-owned) .landscape-card-art img[data-card-portrait]{opacity:0.54;}html[data-theme="dark"] .modal-backdrop{background:rgba(3, 6, 12, 0.76);}html[data-theme="dark"] .app-error{background:#581f30;}html[data-theme="dark"] .theme-toggle-icon-moon{display:none;}html[data-theme="dark"] .theme-toggle-icon-sun{display:block;}.calculation-modes{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:5px;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);}.calculation-mode{position:relative;display:flex;min-width:0;cursor:pointer;}.calculation-mode input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}.calculation-mode-label{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:46px;padding:8px 5px;border-radius:9px;color:var(--ink-650);font-size:var(--type-body);font-weight:var(--weight-bold);text-align:center;overflow-wrap:anywhere;}.calculation-mode input:checked + .calculation-mode-label{background:var(--brand);color:var(--ink-inverse);}.calculation-mode input:focus-visible + .calculation-mode-label{outline:2px solid var(--brand);outline-offset:3px;}.calculation-panel .music-grid{min-width:0;margin:20px 0 0;padding:0;border:0;grid-template-columns:minmax(0, 1.6fr) minmax(120px, .75fr) minmax(190px, 1.15fr);}.calculation-panel .music-grid[hidden]{display:none;}.calculation-panel .calculate-row{display:flex;justify-content:flex-end;margin-top:20px;padding:0;border:0;background:transparent;}.calculation-panel .calculate-row output{flex:1;}.calculation-panel .calculate-button{min-width:0;padding:10px 20px;}.calculation-panel .field > span{font-size:var(--type-label);}.calculation-panel .field select, .calculation-panel .music-combobox-input{font-size:var(--type-body);font-weight:var(--weight-semibold);}@media (max-width: 820px) {.calculation-panel .music-grid{grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr);}.calculation-panel .music-combobox-field{grid-column:1 / -1;}}@media (max-width: 600px) {.calculation-panel{padding:20px 16px;}.calculation-mode-label{flex-direction:column;gap:0;min-height:58px;}.calculation-panel .calculate-row{flex-direction:column;align-items:stretch;}.calculation-panel .field select, .calculation-panel .music-combobox-input{font-size:16px;}}@media (max-width: 420px) {.calculation-panel .music-grid{grid-template-columns:minmax(0, 1fr);}}.special-skill-order{grid-column:1 / -1;margin-top:10px;padding:12px 14px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);}.special-skill-order > strong{color:var(--accent-ink);}.special-skill-order ol{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;}.special-skill-order li{display:flex;gap:8px;align-items:baseline;padding:8px 10px;border-radius:8px;background:var(--surface);}.special-skill-order li b{color:var(--brand);white-space:nowrap;}.special-skill-order li span{color:var(--ink-700);font-size:0.88rem;}.song-projection-accuracy{grid-column:1 / -1;margin-top:4px;color:var(--ink-650);font-size:0.85rem;}body{font-synthesis:none;text-rendering:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;}button, input, select, textarea{font-family:var(--font-sans);}.app-header h1, .modal-header h2{font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);}.section-heading h2{font-size:var(--type-heading-lg);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);}.field > span, .calculate-row output, .preset-guide, .preset-status, .picker-summary, .owned-summary span, .timeline-head-note{font-weight:var(--weight-bold);}.field select, .search-field input, .language-picker select{font-weight:var(--weight-semibold);}.primary-button, .owned-transfer-button, .text-button, .member-separate-toggle{font-weight:var(--weight-extrabold);}.card-copy-character{min-width:0;font-size:var(--type-card-title);font-weight:var(--weight-bold);line-height:1.25;letter-spacing:-0.01em;}.card-copy-name{font-size:var(--type-card-name);font-weight:var(--weight-medium);line-height:1.35;letter-spacing:0;}.card-copy-meta, .card-copy-rarity{font-size:var(--type-card-meta);line-height:1.35;}.card-copy-meta{font-weight:var(--weight-semibold);}.card-copy-rarity{font-weight:var(--weight-bold);}.slot-role, .owned-check, .used-chip, .result-card-role, .result-card-attribute{font-size:var(--type-caption);font-weight:var(--weight-extrabold);}.result-top-number{font-size:var(--type-body-sm);font-weight:var(--weight-extrabold);letter-spacing:0.04em;}.result-summary-score span{font-size:var(--type-label);font-weight:var(--weight-bold);}.result-summary-score small, .result-metric span, .diagnostic-timeline-scale > div{font-size:var(--type-caption);font-weight:var(--weight-bold);}.result-summary-score strong{font-size:var(--type-score-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);}.song-projection > div strong{font-size:var(--type-score-md);font-weight:var(--weight-bold);}.result-summary-members strong, .calculation-card header span, .calculation-card header strong, .result-metric strong{font-weight:var(--weight-bold);}.diagnostic-table th, .diagnostic-member-trigger strong, .diagnostic-member-meta, .diagnostic-leader-badge, .diag-interval, .diag-ok, .diag-off, .diagnostic-timeline-columns, .diagnostic-timeline-row strong, .diagnostic-timeline-row > span, .owned-card-settings span{font-weight:var(--weight-bold);}.special-skill-order li span, .song-projection-accuracy{font-size:var(--type-body-sm);}@media (max-width: 600px) {.result-summary-score strong{font-size:22px;}}