:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--neutral-0:#fff;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--red-50:#fef2f2;--red-200:#fecaca;--red-600:#dc2626;--red-700:#b91c1c;--green-50:#ecfdf5;--green-200:#a7f3d0;--green-600:#059669;--green-700:#047857;--amber-50:#fffbeb;--amber-200:#fde68a;--amber-600:#d97706;--amber-700:#b45309;--primary:var(--blue-600);--primary-hover:var(--blue-700);--primary-active:var(--blue-800);--primary-weak:var(--blue-50);--primary-weak-hover:var(--blue-100);--primary-border:var(--blue-200);--on-primary:var(--neutral-0);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-weak:var(--red-50);--danger-border:var(--red-200);--success:var(--green-600);--success-weak:var(--green-50);--success-border:var(--green-200);--warning:var(--amber-600);--warning-strong:var(--amber-700);--warning-weak:var(--amber-50);--warning-border:var(--amber-200);--bg:var(--neutral-100);--surface:var(--neutral-0);--surface-muted:var(--neutral-50);--surface-hover:var(--neutral-100);--border:var(--neutral-200);--border-strong:var(--neutral-300);--text:var(--neutral-800);--text-muted:var(--neutral-500);--text-faint:var(--neutral-400);--text-inverse:var(--neutral-0);--font-sans:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--touch:44px;--sidebar-w:232px;--header-h:56px;--tabbar-h:60px;--content-max:1120px;--focus-ring:0 0 0 3px var(--blue-200);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text);font-weight:700;line-height:1.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--primary-weak-hover)}.t-xs{font-size:var(--text-xs)}.t-sm{font-size:var(--text-sm)}.t-lg{font-size:var(--text-lg)}.t-muted{color:var(--text-muted)}.t-faint{color:var(--text-faint)}.t-strong{font-weight:600}.t-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-end{justify-content:flex-end}.row-between{justify-content:space-between}.spacer{flex:1}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-lg{gap:var(--space-5)}.stack-sm{gap:var(--space-2)}.grid-2{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-2{grid-template-columns:1fr 1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-4);border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font-size:var(--text-base);white-space:nowrap;cursor:pointer;border:1px solid #0000;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--primary-hover)}.btn:active:not(:disabled){background:var(--primary-active)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-secondary:active:not(:disabled){background:var(--neutral-200)}.btn-ghost{color:var(--text-muted);padding:0 var(--space-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn-ghost:active:not(:disabled){background:var(--neutral-200)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}@media (pointer:coarse){.btn-sm{min-height:var(--touch)}}.btn-block{width:100%}.btn-icon{width:var(--touch);padding:0}.btn-spinner{opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.field-required{color:var(--danger);margin-left:2px}.control{width:100%;min-height:var(--touch);padding:10px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:16px;transition:border-color .15s,box-shadow .15s}@media (width>=768px){.control{font-size:var(--text-base)}}.control::placeholder{color:var(--text-faint)}.control:hover:not(:disabled){border-color:var(--neutral-400)}.control:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.control:disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed}.control-invalid{border-color:var(--danger)}.control-invalid:focus{box-shadow:0 0 0 3px var(--danger-border)}textarea.control{resize:vertical;min-height:104px;line-height:1.6}select.control{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2364748b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.field-error{font-size:var(--text-xs);color:var(--danger);font-weight:500}.checkbox-row{align-items:center;gap:var(--space-2);min-height:var(--touch);cursor:pointer;font-size:var(--text-base);display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-5)}.card-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.card-title{font-size:var(--text-md);flex:1;min-width:0;font-weight:700}.card-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.card-body{padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-weak);border-color:var(--primary-border);color:var(--primary-active)}.badge-success{background:var(--success-weak);border-color:var(--success-border);color:var(--success)}.badge-warning{background:var(--warning-weak);border-color:var(--warning-border);color:var(--warning-strong)}.badge-danger{background:var(--danger-weak);border-color:var(--danger-border);color:var(--danger)}.badge-neutral{background:var(--neutral-100);border-color:var(--border);color:var(--text-faint)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-base);border:1px solid #0000}.alert-info{background:var(--primary-weak);border-color:var(--primary-border);color:var(--primary-active)}.alert-error{background:var(--danger-weak);border-color:var(--danger-border);color:var(--danger-hover)}.alert-warn{background:var(--warning-weak);border-color:var(--warning-border);color:var(--warning-strong)}.alert-success{background:var(--success-weak);border-color:var(--success-border);color:var(--success)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:var(--touch);padding:0 var(--space-4);color:var(--text-muted);font-size:var(--text-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;font-weight:600;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-base)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap}.table th{font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-muted);border-bottom:1px solid var(--border);letter-spacing:.02em;font-weight:700}.table tbody tr+tr td{border-top:1px solid var(--border)}.table tbody tr:hover td{background:var(--surface-muted)}.table-clickable tbody tr{cursor:pointer}.table-cards{gap:var(--space-2);flex-direction:column;display:flex}.table-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);gap:var(--space-2);text-align:left;flex-direction:column;width:100%;display:flex}button.table-card{cursor:pointer}.table-card-title{font-size:var(--text-md);font-weight:700}.table-card-row{gap:var(--space-3);font-size:var(--text-sm);align-items:baseline;display:flex}.table-card-key{color:var(--text-muted);flex:none;min-width:84px}.table-card-val{color:var(--text);word-break:break-word;min-width:0}.modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:88vh;box-shadow:var(--shadow-md);padding-bottom:env(safe-area-inset-bottom);animation:.2s sheet-up;overflow-y:auto}.modal:before{content:"";border-radius:var(--radius-full);background:var(--border-strong);width:36px;height:4px;margin:var(--space-2) auto 0;display:block}@media (width>=640px){.modal-overlay{padding:var(--space-6);align-items:center}.modal{border-radius:var(--radius-lg);max-width:520px;max-height:84vh;animation:.15s pop-in}.modal:before{display:none}.modal-wide{max-width:760px}}.modal-head{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);z-index:1;display:flex;position:sticky;top:0}.modal-title{font-size:var(--text-lg);flex:1;min-width:0;font-weight:700}.modal-close{width:var(--touch);height:var(--touch);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;font-size:18px}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-body{padding:var(--space-5)}.modal-foot{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;display:flex;position:sticky;bottom:0}.modal-foot .btn{flex:1}@media (width>=640px){.modal-foot .btn{flex:none}}.toast-region{left:50%;bottom:calc(var(--tabbar-h) + var(--space-4) + env(safe-area-inset-bottom));z-index:300;gap:var(--space-2);width:min(420px, calc(100vw - var(--space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}@media (width>=768px){.toast-region{left:auto;right:var(--space-6);bottom:var(--space-6);transform:none}}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--neutral-900);color:var(--text-inverse);box-shadow:var(--shadow-md);font-size:var(--text-base);pointer-events:auto;animation:.18s toast-in;display:flex}.toast-success{background:var(--success);border-color:var(--success)}.toast-error{background:var(--danger);border-color:var(--danger)}.toast-icon{font-size:var(--text-md);flex:none;line-height:1.5}.toast-body{flex:1;min-width:0}.toast-close{color:inherit;opacity:.75;cursor:pointer;padding:0 var(--space-1);font-size:var(--text-md);background:0 0;border:none;flex:none}.toast-close:hover{opacity:1}.empty{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty-icon{border-radius:var(--radius-full);background:var(--primary-weak);place-items:center;width:52px;height:52px;font-size:24px;display:grid}.empty-title{font-size:var(--text-md);font-weight:700}.empty-desc{font-size:var(--text-base);color:var(--text-muted);max-width:40ch}.skeleton{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 37%, var(--neutral-100) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite shimmer}.loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);color:var(--text-muted);font-size:var(--text-base);flex-direction:column;display:flex}.loading-full{min-height:60vh}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header-main{flex:1;min-width:220px}.page-title{font-size:var(--text-xl)}.page-desc{margin-top:var(--space-1);font-size:var(--text-base);color:var(--text-muted)}.page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.progress-track{border-radius:var(--radius-full);background:var(--neutral-200);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width .3s}.progress-label{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(16px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.shell{background:var(--bg);min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex:none;display:none;position:fixed;inset:0 auto 0 0}@media (width>=768px){.sidebar{display:flex}}.sidebar-brand{align-items:center;gap:var(--space-2);height:var(--header-h);padding:0 var(--space-4);border-bottom:1px solid var(--border);letter-spacing:-.02em;color:var(--text);flex:none;font-weight:800;display:flex}.sidebar-brand:hover{text-decoration:none}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);width:28px;height:28px;color:var(--on-primary);font-size:var(--text-sm);flex:none;place-items:center;font-weight:800;display:grid}.sidebar-nav{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em;font-weight:700}.nav-item{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius);color:var(--text-muted);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-item-active{background:var(--primary-weak);color:var(--primary-active)}.nav-item-active:hover{background:var(--primary-weak-hover);color:var(--primary-active)}.nav-item-locked{color:var(--text-faint);cursor:not-allowed}.nav-item-locked:hover{color:var(--text-faint);background:0 0}.nav-icon{text-align:center;width:20px;font-size:var(--text-md);flex:none}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-lock{font-size:var(--text-xs);opacity:.7;flex:none}.sidebar-foot{border-top:1px solid var(--border);padding:var(--space-3);flex:none}.profile-card{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius);display:flex}.avatar{border-radius:var(--radius-full);background:var(--primary-weak);width:34px;height:34px;color:var(--primary-active);font-weight:700;font-size:var(--text-sm);flex:none;place-items:center;display:grid}.profile-meta{flex:1;min-width:0}.profile-name{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.profile-org{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=768px){.shell-main{margin-left:var(--sidebar-w)}}.topbar{z-index:20;height:var(--header-h);align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar-title{font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}@media (width>=768px){.topbar-brand{display:none}}.content{width:100%;max-width:var(--content-max);padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--tabbar-h) + var(--space-8) + env(safe-area-inset-bottom));flex:1;margin:0 auto}@media (width>=768px){.content{padding:var(--space-8) var(--space-6) var(--space-12)}}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}@media (width>=768px){.tabbar{display:none}}.tabbar-item{color:var(--text-faint);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;font-weight:600;display:flex}.tabbar-item:hover{text-decoration:none}.tabbar-item-active{color:var(--primary)}.tabbar-icon{font-size:var(--text-lg);line-height:1}.scope-chip{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:var(--text-sm);cursor:pointer;max-width:190px;font-weight:600;display:inline-flex}.scope-chip:hover{background:var(--surface-hover)}.scope-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scope-menu{top:calc(100% + var(--space-2));z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:232px;max-height:60vh;box-shadow:var(--shadow-md);padding:var(--space-2);position:absolute;right:0;overflow-y:auto}.scope-menu-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-faint);font-weight:700}.scope-option{align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius);color:var(--text);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.scope-option:hover{background:var(--surface-hover)}.scope-option-active{background:var(--primary-weak);color:var(--primary-active);font-weight:700}.scope-anchor{position:relative}.greeting{font-size:var(--text-2xl);letter-spacing:-.02em}.greeting-sub{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-base)}.section-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.section-head h2{font-size:var(--text-lg)}.shortcut-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.shortcut-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.shortcut-grid{grid-template-columns:repeat(4,1fr)}}.shortcut{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);min-height:68px;display:flex}.shortcut:hover{border-color:var(--primary);text-decoration:none}.shortcut-icon{border-radius:var(--radius);background:var(--primary-weak);width:38px;height:38px;font-size:var(--text-lg);flex:none;place-items:center;display:grid}.shortcut-body{min-width:0}.shortcut-name{font-weight:700;font-size:var(--text-base)}.shortcut-note{font-size:var(--text-xs);color:var(--text-muted)}.shortcut-locked{background:var(--surface-muted);box-shadow:none;color:var(--text-faint);cursor:not-allowed}.shortcut-locked:hover{border-color:var(--border)}.shortcut-locked .shortcut-icon{background:var(--neutral-100);filter:grayscale()}.resume-list{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=720px){.resume-list{grid-template-columns:1fr 1fr}}.resume-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);display:flex}.resume-card:hover{border-color:var(--primary);text-decoration:none}.resume-thumb{aspect-ratio:16/9;border-radius:var(--radius);object-fit:cover;background:var(--surface-muted);flex:none;width:104px}.resume-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.tree{gap:var(--space-3);flex-direction:column;display:flex}.tree-company{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.tree-row{align-items:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.tree-row-company{background:var(--surface-muted);border-bottom:1px solid var(--border)}.tree-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;font-size:11px}.tree-toggle:hover{background:var(--neutral-200)}.tree-icon{border-radius:var(--radius-sm);width:26px;height:26px;font-size:var(--text-sm);background:var(--primary-weak);flex:none;place-items:center;display:grid}.tree-icon-site{background:var(--surface-hover)}.tree-name{min-width:120px;font-weight:700;font-size:var(--text-base);flex:1}.tree-name-sub{font-weight:600}.tree-children{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.tree-branch{padding-left:var(--space-4);border-left:1px solid var(--border);position:relative}.tree-branch:before{content:"";width:var(--space-3);background:var(--border);height:1px;position:absolute;top:22px;left:0}.tree-site{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dept-list{gap:var(--space-2);padding:0 var(--space-3) var(--space-3) 58px;flex-wrap:wrap;display:flex}.dept-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);font-size:var(--text-sm);display:inline-flex}.dept-chip-inactive .dept-chip-name{color:var(--text-faint);text-decoration:line-through}.timeline{flex-direction:column;display:flex}.timeline-item{padding:0 0 var(--space-5) var(--space-6);border-left:2px solid var(--border);position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-item:before{content:"";border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border-strong);width:12px;height:12px;position:absolute;top:4px;left:-7px}.timeline-current:before{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px var(--primary-weak)}.timeline-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-date{font-weight:700;font-size:var(--text-base)}.detail-grid{gap:var(--space-2) var(--space-3);font-size:var(--text-base);grid-template-columns:88px 1fr;display:grid}.detail-key{color:var(--text-muted);font-size:var(--text-sm)}.chip-row{gap:var(--space-2);padding-bottom:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;flex:none;font-weight:600}.chip:hover{background:var(--surface-hover)}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.course-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=560px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.course-grid{grid-template-columns:repeat(3,1fr)}}.course-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);text-decoration:none}.course-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-muted);width:100%}.course-thumb-fallback{aspect-ratio:16/9;width:100%;color:var(--on-primary);background:var(--primary);place-items:center;font-size:28px;font-weight:800;display:grid}.course-body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;flex:1;display:flex}.course-title{font-size:var(--text-md);font-weight:700;line-height:1.4}.course-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.course-foot{padding-top:var(--space-2);margin-top:auto}.course-layout{gap:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.course-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}.lesson-list{gap:var(--space-2);flex-direction:column;display:flex}.lesson-item{align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);display:flex}.lesson-item:hover{border-color:var(--primary);background:var(--primary-weak);text-decoration:none}.lesson-item-current{border-color:var(--primary);background:var(--primary-weak)}.lesson-index{border-radius:var(--radius-full);background:var(--surface-muted);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);font-size:var(--text-xs);flex:none;place-items:center;font-weight:700;display:grid}.lesson-index-done{background:var(--success);border-color:var(--success);color:var(--on-primary)}.lesson-body{flex:1;min-width:0}.lesson-title{font-weight:600;font-size:var(--text-base)}.lesson-side{text-align:right;font-size:var(--text-xs);color:var(--text-muted);flex:none;min-width:56px}.material-row{align-items:center;gap:var(--space-2);min-height:var(--touch);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;display:flex}.player-sticky{top:var(--header-h);z-index:10;margin:0 calc(-1 * var(--space-4));position:sticky}@media (width>=768px){.player-sticky{margin:0;position:static}}.player-frame{aspect-ratio:16/9;background:var(--neutral-900);width:100%;position:relative;overflow:hidden}@media (width>=768px){.player-frame{border-radius:var(--radius-lg)}}.player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player-placeholder{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-5);text-align:center;flex-direction:column;display:flex}.player-nav{gap:var(--space-2);display:flex}.player-nav .btn{flex:1}.centered-screen{min-height:100%;padding:var(--space-6) var(--space-4);background:var(--bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:var(--space-8) var(--space-6)}.auth-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:800;display:flex}.notice-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-md);padding:var(--space-10) var(--space-6)}.notice-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--primary-weak);place-items:center;font-size:26px;display:grid}.form-steps{flex-direction:column;display:flex}.form-step{gap:var(--space-4);padding-bottom:var(--space-6);display:flex}.form-step:last-child{padding-bottom:0}.form-step-rail{align-items:center;gap:var(--space-2);flex-direction:column;flex:none;display:flex}.form-step-num{border-radius:var(--radius-full);background:var(--surface-muted);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-muted);font-size:var(--text-xs);flex:none;place-items:center;font-weight:700;display:grid}.form-step-num-done{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.form-step-line{background:var(--border);border-radius:var(--radius-full);width:2px;min-height:var(--space-4);flex:1}.form-step:last-child .form-step-line{display:none}.form-step-body{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.form-step-title{font-size:var(--text-base);padding-top:3px;font-weight:700}