@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css);@import url(https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap);:root{--zol-green-50:#f4f7ef;--zol-green-100:#e4ecda;--zol-green-200:#c5d9b0;--zol-green-300:#a2c280;--zol-green-400:#82a85e;--zol-green-500:#6c8450;--zol-green-600:#556641;--zol-green-700:#3e4d2f;--zol-green-800:#2d3822;--zol-beige-50:#fdfcf8;--zol-beige-100:#f8f7f2;--zol-beige-200:#f0ede4;--zol-beige-300:#e5e0d4;--zol-beige-400:#d0c9b8;--zol-beige-500:#b5ad9a;--zol-beige-600:#968e7c;--zol-beige-700:#6b6358;--zol-beige-800:#4a453e;--zol-beige-900:#2e2b26;--zol-info:#4a90d9;--zol-success:#52a46e;--zol-warning:#d4862a;--zol-danger:#c94040;--color-bg-page:var(--zol-beige-100);--color-bg-card:#fff;--color-bg-subtle:var(--zol-beige-50);--color-bg-hover:var(--zol-green-50);--color-text-primary:var(--zol-beige-900);--color-text-body:var(--zol-beige-800);--color-text-muted:var(--zol-beige-600);--color-text-disabled:var(--zol-beige-500);--color-text-inverse:#fff;--color-border:var(--zol-beige-300);--color-border-strong:var(--zol-beige-400);--color-primary:var(--zol-green-500);--color-primary-hover:var(--zol-green-600);--color-primary-active:var(--zol-green-700);--color-primary-subtle:var(--zol-green-50);--font-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Gowun Dodum",var(--font-sans);--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.3;--leading-normal:1.6;--leading-loose:1.8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 3px #4a453e0f;--shadow-sm:0 2px 8px #4a453e14;--shadow-md:0 4px 16px #4a453e1a;--shadow-lg:0 8px 30px #4a453e1f;--shadow-xl:0 16px 48px #4a453e24;--shadow-green:0 4px 20px #6c845033;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-slower:600ms;--transition-base:var(--duration-normal) var(--ease-in-out);--transition-spring:var(--duration-slow) var(--ease-spring);--header-height:70px;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-content:1140px;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f7f2;background-color:var(--color-bg-page);color:#4a453e;color:var(--color-text-body);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--weight-regular);line-height:1.6;line-height:var(--leading-normal)}#root,body{overflow-x:hidden}#root{min-height:100vh;padding-top:70px;padding-top:var(--header-height);width:100%}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans)}input,select,textarea{font-size:1rem;font-size:var(--text-base)}ol,ul{list-style:none}.zol-container{margin:0 auto;max-width:1140px;max-width:var(--max-width-content);padding:0 1.5rem;padding:0 var(--space-6);width:100%}.zol-flex,.zol-flex-center{align-items:center;display:flex}.zol-flex-center{justify-content:center}.zol-flex-between{align-items:center;display:flex;justify-content:space-between}.zol-flex-col{display:flex;flex-direction:column}.zol-card{background:#fff;background:var(--color-bg-card);border:1px solid #e5e0d4;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #4a453e14;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6)}.zol-card-hover{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.zol-card-hover:hover{border-color:#d0c9b8;border-color:var(--zol-beige-400);box-shadow:0 4px 16px #4a453e1a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.zol-divider{background:#e5e0d4;background:var(--color-border);height:1px;width:100%}.zol-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--weight-semibold);gap:.5rem;gap:var(--space-2);height:44px;justify-content:center;outline:none;padding:0 1.5rem;padding:0 var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.zol-btn-primary{background:#6c8450;background:var(--color-primary);box-shadow:0 4px 20px #6c845033;box-shadow:var(--shadow-green);color:#fff;color:var(--color-text-inverse)}.zol-btn-primary:hover{background:#556641;background:var(--color-primary-hover);box-shadow:0 6px 20px #6c84504d;transform:translateY(-1px)}.zol-btn-primary:active{background:#3e4d2f;background:var(--color-primary-active);box-shadow:0 4px 20px #6c845033;box-shadow:var(--shadow-green);transform:translateY(0)}.zol-btn-secondary{background:#0000;border:1.5px solid #6c8450;border:1.5px solid var(--color-primary);color:#6c8450;color:var(--color-primary)}.zol-btn-secondary:hover{background:#f4f7ef;background:var(--color-primary-subtle);transform:translateY(-1px)}.zol-btn-ghost{background:#0000;border:1.5px solid #e5e0d4;border:1.5px solid var(--color-border);color:#968e7c;color:var(--color-text-muted)}.zol-btn-ghost:hover{background:#f4f7ef;background:var(--color-bg-hover);border-color:#d0c9b8;border-color:var(--color-border-strong);color:#4a453e;color:var(--color-text-body)}.zol-btn-sm{border-radius:10px;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);height:34px;padding:0 1rem;padding:0 var(--space-4)}.zol-btn-lg{border-radius:20px;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--text-lg);height:54px;padding:0 2rem;padding:0 var(--space-8)}.zol-input{background:#fff;background:var(--color-bg-card);border:1.5px solid #e5e0d4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);color:#4a453e;color:var(--color-text-body);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);height:48px;outline:none;padding:0 1rem;padding:0 var(--space-4);transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.zol-input::placeholder{color:#b5ad9a;color:var(--color-text-disabled)}.zol-input:focus{border-color:#6c8450;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c845026}.zol-input:disabled{background:#f0ede4;background:var(--zol-beige-200);color:#b5ad9a;color:var(--color-text-disabled);cursor:not-allowed}.zol-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--weight-semibold);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.zol-badge-green{background:#f4f7ef;background:var(--zol-green-50);border:1px solid #e4ecda;border:1px solid var(--zol-green-100);color:#556641;color:var(--zol-green-600)}.zol-badge-beige{background:#f0ede4;background:var(--zol-beige-200);color:#6b6358;color:var(--zol-beige-700)}.zol-badge-warning{background:#fef3e2;color:#d4862a;color:var(--zol-warning)}.zol-badge-danger{background:#fef2f2;color:#c94040;color:var(--zol-danger)}.zol-progress{background:#f0ede4;background:var(--zol-beige-200);height:8px;overflow:hidden;width:100%}.zol-progress,.zol-progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.zol-progress-fill{background:#6c8450;background:var(--color-primary);height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);transition:width var(--duration-slow) var(--ease-out)}.zol-progress-fill.warning{background:#d4862a;background:var(--zol-warning)}.zol-progress-fill.danger{background:#c94040;background:var(--zol-danger)}.zol-section-label{align-items:center;color:#6c8450;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:800;font-weight:var(--weight-extrabold);gap:.5rem;gap:var(--space-2);letter-spacing:1.5px;opacity:.8;text-transform:uppercase}.zol-page-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.zol-page-title{color:#2e2b26;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;font-weight:var(--weight-extrabold);letter-spacing:-.5px;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.5rem;margin-bottom:var(--space-2)}.zol-page-subtitle{color:#968e7c;color:var(--color-text-muted);font-size:1rem;font-size:var(--text-base);line-height:1.6;line-height:var(--leading-normal)}@keyframes zol-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zol-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes zol-fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes zol-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes zol-slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.zol-animate-fade-in{animation:zol-fade-in .25s cubic-bezier(.22,1,.36,1) both;animation:zol-fade-in var(--duration-normal) var(--ease-out) both}.zol-animate-fade-up{animation:zol-fade-up .4s cubic-bezier(.22,1,.36,1) both;animation:zol-fade-up var(--duration-slow) var(--ease-out) both}.zol-animate-scale-in{animation:zol-scale-in .25s cubic-bezier(.34,1.56,.64,1) both;animation:zol-scale-in var(--duration-normal) var(--ease-spring) both}.zol-delay-1{animation-delay:.1s}.zol-delay-2{animation-delay:.2s}.zol-delay-3{animation-delay:.3s}.zol-delay-4{animation-delay:.4s}.zol-delay-5{animation-delay:.5s}.zol-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition:opacity var(--duration-slower) var(--ease-out),transform var(--duration-slower) var(--ease-out);visibility:hidden}.zol-reveal.is-visible{opacity:1;transform:translateY(0);visibility:visible}@media (max-width:1200px){.zol-container{padding:0 2rem;padding:0 var(--space-8)}}@media (max-width:768px){:root{--text-3xl:1.5rem;--text-4xl:1.875rem}.zol-container{padding:0 1rem;padding:0 var(--space-4)}.zol-card{padding:1.25rem;padding:var(--space-5)}#root{padding-top:70px;padding-top:var(--header-height)}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e5e0d4;background:var(--zol-beige-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#d0c9b8;background:var(--zol-beige-400)}:focus-visible{border-radius:6px;border-radius:var(--radius-sm);outline:2px solid #6c8450;outline:2px solid var(--color-primary);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1}.header{background-color:#faf9f4;border-bottom:2px solid #eeeae1;height:70px;padding:0 150px;position:fixed;top:0;z-index:1000}.header,.header-inner{align-items:center;display:flex;width:100%}.header-inner{height:100%;justify-content:space-between}.header-logo{align-items:center;cursor:pointer;display:flex}.header-logo img{height:70px;transition:transform .15s ease;width:auto}.header-menu{align-items:center;display:flex;gap:30px}.menu-label{color:#4a453d;cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;padding:10px 4px;transition:.2s;white-space:nowrap}.menu-label:hover{color:#6c8450}.menu-label.active{color:#3a5520;font-weight:800;position:relative}.menu-label.active:after{background-color:#6c8450;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.dropdown-wrapper{position:relative}.dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:none;left:50%;padding:10px 0;position:absolute;top:45px;transform:translateX(-50%);width:180px;z-index:9999}.dropdown-wrapper:hover .dropdown-menu{display:block}.dropdown-menu div{color:#4a453d;cursor:pointer;font-size:14px;padding:12px 20px;transition:.2s}.dropdown-menu div:hover,.submenu-active{background:#f5f2ea;color:#3a5520;font-weight:700}.icon-group{align-items:center;display:flex;gap:20px}.icon-wrapper{color:#8d897f;cursor:pointer;position:relative;transition:.2s}.active-icon,.icon-wrapper:hover{color:#4b642c}.icon-wrapper .tooltip{background:#333;border-radius:6px;color:#fff;display:none;font-size:11px;left:50%;padding:5px 10px;position:absolute;top:35px;transform:translateX(-50%);white-space:nowrap}.icon-wrapper:hover .tooltip{display:block}.mobile-toggle{display:none}@media (max-width:1200px){.header{padding:0 40px}}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{background:#00000059;display:block;inset:0;position:fixed;z-index:999}.header{padding:0 20px}.header-logo img{height:50px}.mobile-toggle{color:#4a453d;cursor:pointer;display:block}.mobile-menu-close{align-items:center;background:none;border:none;border-radius:6px;color:#4a453d;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:20px;top:20px;transition:.2s}.mobile-menu-close:hover{background:#eeeae1;color:#3a5520}.header-menu{align-items:flex-start;background:#faf9f4;box-shadow:-10px 0 30px #0000001a;flex-direction:column;gap:20px;height:100vh;overflow-y:auto;padding:70px 30px 30px;position:fixed;right:-100%;top:0;transition:.3s ease-in-out;width:280px;z-index:1000}.header-menu.mobile-open{right:0}.dropdown-wrapper{width:100%}.dropdown-menu{background:#0000;box-shadow:none;display:block;padding:5px 0 10px 15px;position:static;transform:none;width:100%}.icon-group{border-top:1px solid #eeeae1;justify-content:space-around;margin-top:20px;padding-top:20px;width:100%}}.zol-footer{background:var(--color-bg-subtle);border-top:1px solid var(--color-border);padding:var(--space-6) 0}.zol-footer-inner{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin:0 auto;max-width:var(--max-width-content);padding:0 var(--space-6)}.zol-footer-links{align-items:center;display:flex;gap:var(--space-6)}.zol-footer-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:0;transition:color var(--transition-base)}.zol-footer-link:hover{color:var(--color-primary)}.zol-footer-copy{color:var(--color-text-disabled);font-size:var(--text-xs)}@media (max-width:768px){.zol-footer-links{flex-wrap:wrap;gap:var(--space-4);justify-content:center}}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:800px;overflow-y:auto;padding:40px;position:relative;width:100%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.modal-close:hover{background:#f0f0f0;color:#000;transform:rotate(90deg)}@media (max-width:768px){.modal-content{max-height:90vh;padding:24px}}.terms-container{background-color:#f8f8f7;font-family:Pretendard,sans-serif;padding:50px 20px}.terms-card{background:#fff;border:1px solid #e2e2e0;margin:0 auto;max-width:900px;padding:40px 60px}.terms-header h1{font-size:28px;font-weight:800;margin-bottom:10px}.terms-header p{color:#666;font-size:15px;margin-bottom:30px}.terms-index{background:#f9f9f8;border:1px solid #eee;margin-bottom:40px;padding:20px}.terms-index li{color:#52a46e;cursor:pointer;font-size:14px;margin-bottom:6px}.terms-content h3{border-bottom:1px solid #333;font-size:17px;font-weight:700;margin:35px 0 12px;padding-bottom:5px}.terms-content p{color:#444;font-size:14.5px;line-height:1.8;margin-bottom:15px}.warning-section{background-color:#faf8f2;border:1px solid #e6e0d0;margin-top:20px;padding:20px}.warning-section strong{color:#d93025;text-decoration:underline}.policy-container{background-color:#f8f8f7;color:#333;font-family:Pretendard,sans-serif;line-height:1.7;padding:50px 20px}.policy-card{background:#fff;border:1px solid #e2e2e0;border-radius:2px;margin:0 auto;max-width:900px;padding:40px 60px}.policy-header h1{color:#111;font-size:28px;font-weight:800;margin:15px 0 5px}.breadcrumb{color:#666;display:flex;font-size:13px;gap:8px}.last-modified{color:#888;font-size:13px;margin-bottom:30px}.policy-index{background:#fcfcfb;border:1px dashed #ddd;margin-bottom:40px;padding:20px}.policy-index ol{margin:0;padding-left:20px}.policy-index li{color:#52a46e;font-size:14px;margin-bottom:8px}.policy-index a{color:inherit;text-decoration:none}.policy-content h2{color:#000;font-size:19px;font-weight:700;margin:40px 0 15px}.policy-content p{font-size:15px;margin-bottom:12px;text-align:justify}.divider{border:0;border-top:1px solid #eee;margin:30px 0}.tech-box{background:#f4f4f2;border-left:4px solid #444;color:#555;font-size:14px;padding:15px}.emphasis-text{background:#fff5f5;border:1px solid #ffe0e0;padding:15px}.faq-page{background:var(--color-bg-page);min-height:100vh;padding:var(--space-8) var(--space-6)}.faq-container{margin:0 auto;max-width:900px}.faq-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-2);text-align:center}.faq-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8);text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-10)}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.faq-item,.faq-question{background:var(--color-bg-card)}.faq-question{align-items:center;border:none;cursor:pointer;display:flex;font-family:var(--font-sans);justify-content:space-between;padding:var(--space-4) var(--space-5);text-align:left;transition:all var(--transition-base);width:100%}.faq-question:hover{background:var(--zol-beige-50)}.faq-question.active{background:var(--zol-green-50);border-bottom:1px solid var(--color-border)}.faq-question-text{color:var(--color-text-primary);flex:1 1;font-size:var(--text-base);font-weight:var(--weight-semibold);padding-right:var(--space-4)}.faq-question svg{color:var(--color-text-muted);flex-shrink:0}.faq-answer{animation:slideDown .2s ease;background:var(--color-bg-card);padding:var(--space-4) var(--space-5)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:var(--color-text-body);font-size:var(--text-sm);line-height:var(--leading-loose)}.faq-contact{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8) var(--space-6);text-align:center}.faq-contact h2{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.faq-contact p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.faq-contact-email{background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;display:inline-block;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition-base)}.faq-contact-email:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.faq-page{padding:var(--space-4)}.faq-title{font-size:var(--text-2xl)}.faq-question{padding:var(--space-3) var(--space-4)}.faq-question-text{font-size:var(--text-sm)}.faq-answer{padding:var(--space-3) var(--space-4)}.faq-contact{padding:var(--space-6) var(--space-4)}}.welcome-page{align-items:center;background:linear-gradient(135deg,#f8f7f2,#e8e6dc);display:flex;justify-content:center;min-height:100vh;padding:var(--space-6)}.welcome-container{max-width:900px;width:100%}.welcome-header{margin-bottom:var(--space-8);text-align:center}.welcome-logo{align-items:center;background:linear-gradient(135deg,var(--zol-green-50),var(--zol-green-100));border-radius:var(--radius-full);box-shadow:0 4px 16px #6c84501f;color:var(--color-primary);display:flex;height:72px;justify-content:center;margin:0 auto var(--space-4);width:72px}.welcome-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-2)}.welcome-subtitle{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.welcome-cards{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.welcome-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:all .3s ease}.welcome-card:before{background:var(--color-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.welcome-card.primary{background:linear-gradient(to bottom,#fff 0,var(--zol-green-50) 100%);border-color:var(--color-primary)}.welcome-card-badge{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 2px 6px #6c845040;color:#fff;font-size:11px;font-weight:var(--weight-bold);padding:3px 10px;position:absolute;right:12px;top:12px}.welcome-card-icon{align-items:center;background:var(--zol-green-100);border-radius:var(--radius-full);color:var(--color-primary);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-4);transition:all .3s ease;width:64px}.welcome-card-icon.secondary{background:var(--zol-beige-200);color:#8b7355}.welcome-card-icon.tertiary{background:#e3f2fd;color:#1976d2}.welcome-card-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.welcome-card-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-5);min-height:44px}.welcome-card-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-3);transition:all .2s;width:100%}.welcome-card-btn.secondary{background:var(--zol-beige-400);color:var(--color-text-primary)}.welcome-card-btn.tertiary{background:#1976d2;color:#fff}.welcome-card-btn:hover{background:#5a6d42;box-shadow:0 4px 12px #6c84504d;transform:translateY(-2px)}.welcome-card-btn.secondary:hover{background:var(--zol-beige-500);box-shadow:0 4px 12px #8b73554d}.welcome-card-btn.tertiary:hover{background:#1565c0;box-shadow:0 4px 12px #1976d24d}.welcome-footer{background:var(--zol-green-50);border:1px solid var(--zol-green-100);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.welcome-footer p{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0}@media (max-width:1024px){.welcome-cards{grid-template-columns:1fr;margin:0 auto var(--space-6);max-width:420px}}@media (max-width:768px){.welcome-page{padding:var(--space-4)}.welcome-title{font-size:var(--text-2xl)}.welcome-subtitle{font-size:var(--text-sm)}.welcome-logo{height:64px;width:64px}.welcome-card{padding:var(--space-5)}.welcome-card-icon{height:56px;width:56px}}.error-page-container{align-items:center;background:#f8f7f2;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:60px 20px}.error-content{align-items:center;display:flex;flex-direction:column;max-width:600px;text-align:center;width:100%}.error-image-wrapper{display:flex;justify-content:center;margin-bottom:24px;width:100%}.error-image{filter:drop-shadow(0 4px 20px rgba(0,0,0,.08));height:auto;max-width:320px;width:100%}.error-title{color:#2e2b26;font-size:28px;font-weight:700;letter-spacing:-.8px;line-height:1.3;margin:0 0 12px}.error-description{color:#6b6358;font-size:16px;letter-spacing:-.3px;line-height:1.7;margin:0 0 32px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.error-btn{border:none;border-radius:10px;box-shadow:0 2px 8px #4a453e14;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:13px 28px;text-decoration:none;transition:all .25s ease}.error-btn-primary{background:#6c8450;color:#fff}.error-btn-primary:hover{background:#556641;box-shadow:0 4px 20px #6c845033;transform:translateY(-2px)}.error-btn-secondary{background:#fff;border:2px solid #6c8450;color:#6c8450}.error-btn-secondary:hover{background:#f4f7ef;transform:translateY(-2px)}@media (max-width:768px){.error-page-container{min-height:calc(100vh - 70px);padding:40px 20px}.error-image-wrapper{margin-bottom:20px}.error-title{font-size:22px;letter-spacing:-.5px;margin-bottom:10px}.error-description{font-size:14px;letter-spacing:-.2px;margin-bottom:28px}.error-image{max-width:260px}.error-actions{align-items:center;flex-direction:column;gap:10px}.error-btn{max-width:260px;padding:12px 24px;width:100%}}.landing-root{background-color:var(--color-bg-page);color:var(--color-text-body);font-family:var(--font-sans);overflow-x:hidden;padding-top:40px}section{margin:0 auto;max-width:1000px;padding:60px 24px}.nav-login-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:8px 20px;position:fixed;right:40px;top:24px;transition:all var(--transition-base);z-index:var(--z-sticky)}.nav-login-btn:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-green);color:#fff;transform:translateY(-2px)}.hero-area{justify-content:center;min-height:80vh;padding:40px 24px;text-align:center}.hero-area,.hero-inner{align-items:center;display:flex}.hero-inner{flex-direction:column;gap:var(--space-5);max-width:800px;width:100%}.hero-inner.fade-up{animation:zol-fade-up 1s var(--ease-out) forwards}.giant-hero-logo{display:block;height:140px;margin:0 auto;object-fit:contain;width:auto}.hero-main-title{color:var(--color-text-primary);font-size:22px;font-weight:var(--weight-extrabold);letter-spacing:-.5px;line-height:1.5}.highlight-text{background:linear-gradient(0deg,#d9f2c1 35%,#0000 0);padding:0 4px}.hero-sub-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);max-width:560px}.quick-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.q-stat{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);min-width:130px;padding:var(--space-5) var(--space-6);text-align:center}.q-stat strong{color:var(--color-primary);display:block;font-size:var(--text-xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-1)}.q-stat span{color:var(--color-text-disabled);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:1px;text-transform:uppercase}.hero-primary-btn{all:unset;align-items:center;animation:zol-pulse 2s infinite;background:var(--color-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-green);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);gap:var(--space-2);padding:14px 36px;transition:all var(--transition-base)}.hero-primary-btn:hover{animation:none;background:var(--color-primary-hover);box-shadow:0 12px 28px #6c84504d;transform:translateY(-3px)}.hero-primary-btn:active{transform:translateY(0)}@keyframes zol-pulse{0%,to{box-shadow:0 0 0 0 #6c845059}50%{box-shadow:0 0 0 10px #6c845000}}.section-label{align-items:center;color:var(--color-primary);display:flex;font-size:11px;font-weight:var(--weight-extrabold);gap:var(--space-2);justify-content:center;letter-spacing:1.5px;margin-bottom:var(--space-8);opacity:.75;text-align:center;text-transform:uppercase}.features-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.f-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6);transition:all var(--transition-base)}.f-card:hover{border-color:var(--zol-green-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}.f-icon{color:var(--color-primary);font-size:26px;margin-bottom:var(--space-4)}.f-card h3{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.f-card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose)}.workflow-container-horizontal{justify-content:space-between;margin:var(--space-10) 0}.wf-item,.workflow-container-horizontal{align-items:center;display:flex;gap:var(--space-3)}.wf-item{flex:1 1;flex-direction:column;text-align:center}.wf-icon-box{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-primary);display:flex;font-size:22px;height:58px;justify-content:center;width:58px}.wf-content strong{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.wf-content p{color:var(--color-text-muted);font-size:var(--text-xs)}.wf-step-arrow{color:var(--color-border);flex-shrink:0;font-size:18px}.highlight-step .wf-icon-box{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.workflow-explanation{text-align:center}.wf-sub-text{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose)}.caution-area{padding:60px 24px}.caution-container{background:#fffcf7;border:1px solid var(--zol-beige-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:800px;overflow:hidden;padding:var(--space-10);position:relative}.caution-container:before{background:var(--color-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.caution-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.caution-icon{color:#c9a063;font-size:20px}.caution-label{color:#c9a063;font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:1.5px;text-transform:uppercase}.caution-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-normal);margin-bottom:var(--space-3)}.caution-text{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);word-break:keep-all}.caution-text strong{background:linear-gradient(to top,var(--zol-green-200) 25%,#0000 25%);color:var(--color-primary)}.final-action-section{display:flex;justify-content:center;padding:var(--space-10) 24px var(--space-16)}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-6) 24px;text-align:center}.footer-container{margin:0 auto;max-width:500px}.copyright{color:var(--color-text-disabled);font-size:var(--text-xs)}.reveal-section{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slower) var(--ease-out),transform var(--duration-slower) var(--ease-out);visibility:hidden}.reveal-section.active{opacity:1;transform:translateY(0);visibility:visible}.features-grid .f-card:first-child{transition-delay:.1s}.features-grid .f-card:nth-child(2){transition-delay:.2s}.features-grid .f-card:nth-child(3){transition-delay:.3s}.features-grid .f-card:nth-child(4){transition-delay:.4s}@media (max-width:768px){.hero-main-title{font-size:18px}.quick-stats{gap:var(--space-2)}.q-stat{min-width:100px;padding:var(--space-4)}.workflow-container-horizontal{flex-direction:column}.wf-step-arrow{transform:rotate(90deg)}.nav-login-btn{right:20px;top:16px}}.login-page{background:radial-gradient(ellipse at 30% 50%,#e8eed8 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#f0e8d8 0,#0000 50%),#f8f7f2;gap:var(--space-5);justify-content:center;margin-top:calc(var(--header-height)*-1);min-height:100vh;padding:var(--space-6) var(--space-4)}.login-card,.login-page{align-items:center;display:flex;flex-direction:column}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffffe6;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #6c84501f,0 4px 16px #4a453e0f;gap:var(--space-3);max-width:400px;padding:var(--space-10) var(--space-10) var(--space-8);width:100%}.login-hero{align-items:center;display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-1)}.login-logo-img{height:auto;width:220px}.login-guide-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-1);text-align:center}.login-guide-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);text-align:center}.login-divider{background:linear-gradient(to right,#0000,var(--zol-beige-300),#0000);height:1px;width:100%}.kakao-login-btn{align-items:center;background:#fee500;border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #fee50066;color:#191919;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);gap:var(--space-2);height:50px;justify-content:center;transition:all var(--transition-base);width:100%}.kakao-login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.kakao-login-btn:not(:disabled):hover{background:#f2d800;box-shadow:0 8px 24px #fee50080;transform:translateY(-2px)}.kakao-login-btn:active{transform:translateY(0)}.kakao-logo{flex-shrink:0;height:20px;width:20px}.kakao-loading{animation:kakao-spin .7s linear infinite;border:2px solid #1919194d;border-radius:50%;border-top-color:#191919;height:18px;width:18px}@keyframes kakao-spin{to{transform:rotate(1turn)}}.login-notice{color:var(--color-text-disabled);font-size:11px;line-height:1.8;text-align:center}.login-text-link{background:none;border:none;color:var(--zol-beige-600);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline;transition:color var(--transition-base)}.login-text-link:hover{color:var(--color-primary)}.login-tagline{color:var(--color-text-disabled);font-size:var(--text-xs);letter-spacing:.5px;text-align:center}@media (max-width:480px){.login-card{padding:var(--space-8) var(--space-6)}.login-logo-img{width:160px}}.oauth-page{background:var(--color-bg-page);justify-content:center;margin-top:calc(var(--header-height)*-1);min-height:100vh}.oauth-card,.oauth-page{align-items:center;display:flex}.oauth-card{flex-direction:column;gap:var(--space-4);text-align:center}.oauth-spinner{animation:oauth-spin .8s linear infinite;border:3px solid var(--zol-beige-300);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes oauth-spin{to{transform:rotate(1turn)}}.oauth-loading-text{color:var(--color-text-muted);font-size:var(--text-base)}.oauth-error-icon{font-size:3rem}.oauth-error-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold)}.oauth-error-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.settings-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11182780;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.settings-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;max-height:88vh;max-width:680px;overflow:hidden;width:100%}.modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-title{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:8px}.modal-close-btn{background:none;color:#9ca3af;height:28px;transition:all .2s;width:28px}.modal-close-btn:hover{background:#e5e7eb;color:#111827}.modal-body{gap:24px;overflow-x:clip;overflow-y:auto;padding:24px}.modal-body,.settings-section{display:flex;flex-direction:column}.settings-section{border-bottom:1px solid #f3f4f6;gap:12px;padding-bottom:16px}.settings-section:last-of-type{border-bottom:none}.section-label{color:#6c8450;color:var(--color-primary,#6c8450);font-size:14px;font-weight:700}.major-list{display:flex;flex-direction:column;gap:8px;overflow:visible}.major-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px}.major-view-row{justify-content:space-between}.major-info,.major-view-row{align-items:center;display:flex}.major-info{gap:8px}.major-name{color:#111827;font-size:14px;font-weight:600}.major-type-badge{background:#f4f6f1;background:var(--zol-green-50,#f4f6f1);border-radius:4px;color:#6c8450;color:var(--color-primary,#6c8450);font-size:11px;font-weight:700;padding:2px 8px}.major-actions{display:flex;gap:4px}.major-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.major-btn.edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.major-btn.delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.add-major-btn{align-items:center;background:none;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.add-major-btn:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.credits-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.credit-item{display:flex;flex-direction:column;gap:4px}.credit-label{color:#374151;font-size:12px;font-weight:700}.credit-sub{color:#9ca3af;font-size:11px}.credit-input{font-weight:600;height:38px;text-align:center;width:100%}.credits-hint{color:#6b7280;font-size:12px;font-weight:500;text-align:right}.btn-save-credits{background:#6c8450;background:var(--color-primary,#6c8450);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background .2s;width:100%}.btn-save-credits:hover{background:#586c40;background:var(--color-primary-hover,#586c40)}.logout-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;width:100%}.logout-btn:hover{background:#f9fafb;color:#111827}.danger-zone{background:#fff5f5;border:1px solid #fee2e2;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.danger-label{align-items:center;color:#dc2626;display:flex;font-size:13px;font-weight:700;gap:6px}.danger-text{color:#7f1d1d;font-size:12px}.danger-btn{align-self:flex-start;background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.danger-btn:hover{background:#b91c1c}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:14px 24px}.modal-footer .btn-cancel{background:#e5e7eb;border:none;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px}.profile-info-grid{gap:10px}.profile-field,.profile-info-grid{display:flex;flex-direction:column}.profile-field{gap:4px}.profile-field-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-field-row{align-items:center;display:flex;gap:8px}.profile-input{background:#fff;border:1px solid #e5e7eb;border-radius:7px;flex:1 1;font-size:13px;height:36px;outline:none;padding:0 10px;transition:border-color .2s}.profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c84501a}.btn-profile-save{background:#6c8450;background:var(--color-primary,#6c8450);border:none;border-radius:7px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;height:36px;padding:0 14px;transition:background .2s;white-space:nowrap}.btn-profile-save:hover{background:#586c40}.btn-profile-save:disabled{cursor:not-allowed;opacity:.6}.profile-readonly-hint{color:#9ca3af;flex-shrink:0;font-size:11px;white-space:nowrap}.color-select-wrap{align-items:center;display:inline-flex;flex-shrink:0;position:relative}.color-select-preview{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px;pointer-events:none;white-space:nowrap}.color-select-native{cursor:pointer;font-size:13px;height:100%;inset:0;opacity:0;position:absolute;width:100%}.major-color-swatch{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.major-edit-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:1fr auto auto auto;overflow:visible;position:relative;width:100%}.section-hint{color:#9ca3af;font-size:11px;margin-top:-4px}.credits-desc{color:#4b5563;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:2px}.credits-desc-sub{color:#9ca3af;font-size:11px;font-weight:400}.cs-wrap{flex-shrink:0;outline:none;position:relative}.cs-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-sans);gap:6px;height:36px;padding:5px 10px;transition:border-color .15s;white-space:nowrap}.cs-trigger:hover{border-color:var(--color-primary)}.cs-swatch{border-radius:50%;display:inline-block;flex-shrink:0;height:14px;width:14px}.cs-label{font-size:12px;font-weight:700}.cs-arrow{color:#9ca3af;font-size:8px;margin-left:2px}.cs-backdrop{inset:0;position:fixed;z-index:9998}.cs-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000024;display:flex;flex-direction:column;gap:2px;left:0;min-width:220px;padding:6px;position:absolute;top:calc(100% + 4px);white-space:nowrap;z-index:9999}.cs-option{align-items:center;background:none;border:none;border-radius:7px;cursor:pointer;display:flex;font-family:var(--font-sans);gap:8px;padding:7px 10px;text-align:left;transition:background .1s;width:100%}.cs-option:hover{background:#f9fafb}.cs-option.cs-selected{background:#f3f4f6}.cs-chip-preview{border-radius:20px;font-size:11px;font-weight:700;margin-left:auto;padding:2px 10px;white-space:nowrap}.home-page{background:var(--color-bg-page);display:flex;justify-content:center;min-height:100vh;padding:var(--space-8) var(--space-6) var(--space-16)}.home-container{gap:var(--space-5);max-width:1100px;width:100%}.home-container,.home-loading{display:flex;flex-direction:column}.home-loading{align-items:center;gap:var(--space-3);justify-content:center;padding:var(--space-20)}.home-spinner{animation:home-spin .8s cubic-bezier(.4,0,.2,1) infinite;border:3px solid var(--zol-beige-300);border-radius:50%;border-top-color:var(--color-primary);height:36px;width:36px}@keyframes home-spin{to{transform:rotate(1turn)}}.home-hero{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);gap:var(--space-6);padding:var(--space-6) var(--space-8)}.home-hero,.home-hero-profile{align-items:center;display:flex}.home-hero-profile{flex:1 1;gap:var(--space-5);min-width:0}.home-avatar{align-items:center;background:var(--zol-beige-200);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.home-profile-text{display:flex;flex-direction:column;gap:0;min-width:0}.home-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.home-major-row{margin-top:8px}.home-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:2px;line-height:1.5;padding:3px 10px;white-space:nowrap}.home-chip em{display:none}.chip-college{background:#ded;border:1px solid #b8d9be;color:#3a6645}.chip-adm{background:#f0e9dd;border:1px solid #ddd0bb;color:#7a6248}.chip-major-green{background:#e8f0d8;border:1px solid #ccdcaa;color:#4e6e30}.chip-major-mint{background:#d8eeea;border:1px solid #a8d8cf;color:#2e7060}.chip-major-pink{background:#f0e0e8;border:1px solid #ddbbc8;color:#8a4060}.chip-major-lavender{background:#e4dff5;border:1px solid #c4b8e8;color:#5545a0}.chip-major-mustard{background:#f0ebe0;border:1px solid #ddd0a8;color:#7a6840}.home-user-name{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;line-height:1.2;margin:0}.home-user-sub{color:var(--color-text-muted);font-size:var(--text-sm)}.home-pct-text{color:var(--color-primary);font-weight:var(--weight-bold)}.home-circle-wrap{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:transform .3s ease}.home-circle-wrap:hover{transform:scale(1.05)}.home-circle-label{align-items:center;display:flex;flex-direction:column;line-height:1.2;position:absolute}.home-circle-label strong{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold)}.home-circle-label span{color:var(--color-text-disabled);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.home-stats{flex-shrink:0;gap:0}.home-stat,.home-stats{align-items:center;display:flex}.home-stat{flex-direction:column;gap:4px;padding:0 var(--space-4)}.home-stat-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.home-stat-val{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.home-stat-val em{color:var(--color-text-disabled);font-size:var(--text-xs);font-style:normal;font-weight:400;margin-left:2px}.home-stat-val.primary{color:var(--color-primary)}.home-stat-div{background:var(--color-border);flex-shrink:0;height:28px;width:1px}.home-settings-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;width:38px}.home-settings-btn:hover{background:var(--zol-beige-100);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(45deg)}.home-progress-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.home-progress-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:transform .2s}.home-progress-card:hover{transform:translateY(-2px)}.home-progress-card-top{align-items:center;display:flex;justify-content:space-between}.home-progress-label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.home-progress-pct{font-size:var(--text-sm);font-weight:var(--weight-extrabold)}.home-progress-nums{color:var(--color-text-muted);font-size:var(--text-sm)}.home-progress-nums strong{font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.home-progress-noreq{color:#bbb;font-size:11px;margin-left:4px}.home-progress-rest{color:var(--color-text-disabled);font-size:11px}.home-bar-track{background:#00000012;height:6px;overflow:hidden}.home-bar-fill,.home-bar-track{border-radius:var(--radius-full)}.home-bar-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.home-progress-rest{white-space:pre-line}.home-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.home-card-full{grid-column:1/-1}.home-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.home-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:var(--space-3)}.home-card-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2)}.home-card-meta{color:var(--color-text-disabled);font-size:var(--text-xs)}.home-card-add-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:4px;padding:4px 12px;transition:background .2s}.home-card-add-btn:hover{background:#586c40;background:var(--zol-green-800,#586c40)}.home-card-empty{color:var(--color-text-disabled);font-size:var(--text-sm);line-height:1.8;padding:var(--space-10) 0;text-align:center}.home-sim-list{gap:var(--space-3)}.home-sim-item,.home-sim-list{display:flex;flex-direction:column}.home-sim-item{background:#fafafa;border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.home-sim-label{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-bold)}.home-sim-memos{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-sim-memo-chip{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-body);font-size:var(--text-xs);padding:3px 10px}.home-checklist{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto;padding-right:2px}.home-check-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .15s;-webkit-user-select:none;user-select:none}.home-check-item:hover{background:#fafaf8;background:var(--zol-beige-50,#fafaf8);border-color:var(--color-primary)}.home-check-item.checked{background:#f4f6f1;background:var(--zol-green-50,#f4f6f1);border-color:#d4dcc9;border-color:var(--zol-green-100,#d4dcc9);opacity:.72}.home-check-icon{align-items:center;display:flex;flex-shrink:0}.home-check-title{color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.4}.home-check-item.checked .home-check-title{color:var(--color-text-disabled);text-decoration:line-through}.home-check-del{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-disabled);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:0;transition:all .15s;width:18px}.home-check-item:hover .home-check-del{opacity:1}.home-check-del:hover{background:#fee2e2;color:#dc2626}.home-notice-list{display:flex;flex-direction:column;gap:var(--space-2)}.home-notice-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-3) var(--space-4);transition:all .2s cubic-bezier(.4,0,.2,1)}.home-notice-item:hover{background:var(--zol-beige-100);border-color:var(--color-primary);transform:translateX(3px)}.home-notice-content{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-notice-date{color:var(--color-text-disabled);display:block;font-size:11px}.home-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}.home-modal-sm{max-width:400px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.home-modal-header h3{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.home-modal-header button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .2s;width:24px}.home-modal-header button:hover{background:var(--color-border);color:var(--color-text-primary)}.home-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.home-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.home-modal-field label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold)}.home-modal-body .zol-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);height:38px;outline:none;padding:0 var(--space-3);transition:border-color .2s;width:100%}.home-modal-body .zol-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c84501f}.home-modal-footer{background:#fafafa;border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.home-modal-footer .btn-cancel{background:var(--zol-beige-300);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-5)}.home-modal-footer .btn-cancel:hover{background:var(--color-border)}.home-modal-footer .btn-save{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:var(--space-2) var(--space-6)}.home-modal-footer .btn-save:hover{background:#586c40;background:var(--zol-green-800,#586c40)}@media (max-width:1024px){.home-hero{gap:var(--space-5);padding:var(--space-5) var(--space-6);text-align:center}.home-hero,.home-hero-profile{align-items:center;flex-direction:column}.home-badge-row,.home-stats{justify-content:center}.home-stats{width:100%}.home-progress-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-grid,.home-progress-row{grid-template-columns:1fr}.home-grid{gap:var(--space-4)}}.record-page{margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.record-top-wrap{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.record-top-left{display:flex;flex-direction:column;gap:var(--space-1)}.record-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.record-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.record-top-actions{display:flex;flex-shrink:0}.btn-how-to,.record-top-actions{align-items:center;gap:var(--space-2)}.btn-how-to{background:#0000;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.btn-how-to:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-portal-link{align-items:center;background:#0000;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn-portal-link:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-upload-main{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-green);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.btn-upload-main:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-upload-main.loading{cursor:not-allowed;opacity:.75}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.upload-msg-bar{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5)}.upload-msg-bar.success{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.upload-msg-bar.error{background:#fef2f2;border:1px solid #fecaca;color:var(--zol-danger)}.record-stats-row{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-6)}.record-stat-item{align-items:baseline;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.record-stat-label{color:var(--color-text-disabled);font-size:var(--text-xs);white-space:nowrap}.record-stat-val{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1}.record-stat-val span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-left:1px}.record-stat-val.major,.record-stat-val.primary{color:var(--color-primary)}.record-stat-val.general{color:#3b82f6}.record-stat-val.etc{color:var(--zol-warning)}.record-stat-divider{background:var(--color-border);flex-shrink:0;height:28px;width:1px}.record-empty,.record-loading{align-items:center;color:var(--color-text-disabled);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-20);text-align:center}.record-empty-sub{color:var(--color-text-disabled);font-size:var(--text-sm)}.record-groups{gap:var(--space-8);margin-bottom:var(--space-6)}.grade-group,.record-groups{display:flex;flex-direction:column}.grade-group{gap:var(--space-2)}.grade-group-title{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:1.5px;margin-bottom:var(--space-1);opacity:.8;padding:0 var(--space-1);text-transform:uppercase}.sem-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-base)}.sem-section:hover{box-shadow:var(--shadow-sm)}.sem-section-header,.sem-section-header-wrap{align-items:center;display:flex}.sem-section-header{background:none;border:none;color:var(--color-text-body);cursor:pointer;flex:1 1;font-family:var(--font-sans);justify-content:space-between;padding:var(--space-4) var(--space-5);transition:background var(--transition-base);width:auto}.sem-section-header.open,.sem-section-header:hover{background:var(--zol-beige-50)}.sem-section-left{align-items:center;display:flex;gap:var(--space-3)}.sem-section-label{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold)}.sem-section-meta{background:var(--zol-beige-100);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);padding:2px var(--space-3)}.sem-section-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1);padding-right:var(--space-3)}.btn-sem-add,.btn-sem-search{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-base);width:28px}.btn-sem-search:hover{background:var(--zol-beige-200);color:var(--color-primary)}.btn-sem-add:hover{background:var(--zol-green-50);color:var(--color-primary)}.course-card-grid{grid-gap:var(--space-3);background:var(--zol-beige-50);border-top:1px solid var(--color-border);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:var(--space-4) var(--space-5)}.course-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.course-card:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-sm)}.course-card.invalid{opacity:.55}.course-card-main{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.course-card-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.course-card-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.course-card-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.course-card-name.strikethrough{color:var(--color-text-muted);text-decoration:line-through}.course-card-sub{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-1)}.course-grade-text{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.course-grade-text.grade-invalid{color:var(--zol-danger)}.dot{color:var(--color-border-strong)}.badge-invalid-text{background:#fee2e2;border-radius:var(--radius-full);color:var(--zol-danger);font-size:10px;font-weight:var(--weight-bold);padding:1px 6px}.course-card-tags-row{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0}.cat-tag-chip{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:var(--weight-semibold);line-height:1.6;padding:2px 8px}.cat-tag-chip.major{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.cat-tag-chip.general{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.cat-tag-chip.etc{background:#fef3e2;border:1px solid #fde68a;color:var(--zol-warning)}.cat-tag-chip.area{opacity:.8}.course-card-code{color:var(--color-text-disabled);font-family:var(--font-mono);font-size:10px;margin-top:2px}.course-card-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2)}.course-card-actions{display:flex;gap:2px}.course-card-actions button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-disabled);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all var(--transition-base);width:26px}.course-card-actions button:hover{background:var(--zol-beige-200);color:var(--color-text-body)}.course-card-actions button.danger:hover{background:#fee2e2;color:var(--zol-danger)}.cat-select{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);outline:none;padding:var(--space-1) var(--space-2);text-align:center;transition:all var(--transition-base);width:68px}.cat-select.major{background:var(--zol-green-50);border-color:var(--zol-green-100);color:var(--color-primary)}.cat-select.general{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.cat-select.etc{background:#fef3e2;border-color:#fde68a;color:var(--zol-warning)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);gap:3px;padding:2px 8px;white-space:nowrap}.badge-curriculum{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.badge-verified{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.badge-manual{background:var(--zol-beige-200);border:1px solid var(--zol-beige-300);color:var(--color-text-muted)}.add-course-trigger{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.btn-add-search{align-items:center;background:var(--color-bg-card);border:1.5px solid var(--color-primary);border-radius:var(--radius-xl);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-add-search:hover{background:var(--color-primary);color:#fff}.btn-add-course{background:var(--color-bg-card);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);display:inline-flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-3) var(--space-6)}.course-form-area{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);padding:var(--space-8)}.course-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.course-form-header h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold)}.btn-search-course{align-items:center;background:#0000;border:1.5px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.btn-search-course:hover{background:var(--color-primary);color:#fff}.course-form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.form-group .zol-input{font-size:var(--text-sm);height:40px}.course-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.edit-modal{max-width:560px}.edit-form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-group.span-2{grid-column:span 2}.edit-toggle-label{align-items:center;color:var(--color-text-body);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--space-3)}.edit-toggle-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:16px;width:16px}.edit-auto-note{background:#fef3e2;border:1px solid #fde68a;border-radius:var(--radius-md);color:var(--zol-warning);font-size:var(--text-xs);margin-top:var(--space-1);padding:var(--space-2) var(--space-3)}.btn-cancel{padding:var(--space-2) var(--space-6)}.btn-save{padding:var(--space-2) var(--space-8)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal-box{background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-4);max-height:85vh;max-width:500px;overflow-y:auto;padding:var(--space-8);width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header h4{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold)}.modal-header-sub{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-normal)}.modal-close-btn{align-items:center;background:var(--zol-beige-200);border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.modal-close-btn:hover{background:var(--zol-beige-300);color:var(--zol-danger)}.modal-upload-notice{align-items:center;background:#fef3e2;border:1px solid #fde68a;color:var(--zol-warning);font-size:var(--text-xs);font-weight:var(--weight-medium)}.modal-badge-guide,.modal-upload-notice{border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.modal-badge-guide{background:var(--zol-beige-50);border:1px solid var(--color-border);flex-direction:column}.badge-guide-item{color:var(--color-text-muted);font-size:var(--text-xs)}.badge-guide-item,.modal-search-bar{align-items:center;display:flex;gap:var(--space-3)}.modal-search-bar{background:var(--zol-beige-100);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.modal-search-bar:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c84501f}.modal-search-bar input{background:#0000;border:none;color:var(--color-text-body);font-family:var(--font-sans);font-size:var(--text-base);outline:none;width:100%}.modal-filters{flex-direction:column}.filter-group,.modal-filters{display:flex;gap:var(--space-2)}.filter-group{align-items:center;flex-wrap:wrap}.filter-tab{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);gap:4px;padding:var(--space-1) var(--space-3);transition:all var(--transition-base)}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-tab.active.curriculum{background:#2563eb;border-color:#2563eb}.filter-tab:disabled{cursor:not-allowed;opacity:.4}.modal-results{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-height:200px;overflow-y:auto}.modal-empty,.modal-loading{align-items:center;color:var(--color-text-disabled);display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-10)}.modal-empty-sub{color:var(--color-text-disabled);font-size:var(--text-xs)}.modal-result-item{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.modal-result-item:hover{background:var(--zol-green-50);border-color:var(--zol-green-200)}.modal-result-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-1)}.modal-result-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.modal-result-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.modal-result-actions,.modal-result-meta{align-items:center;display:flex;gap:var(--space-2)}.modal-result-actions{flex-shrink:0}.btn-detail-sm{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all var(--transition-base);width:30px}.btn-detail-sm:hover{background:var(--zol-beige-100);border-color:var(--color-primary);color:var(--color-primary)}.cat-badge{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);padding:1px 6px}.cat-badge.major{background:var(--zol-green-50);color:var(--color-primary)}.cat-badge.general{background:#eff6ff;color:#3b82f6}.cat-badge.etc{background:#fef3e2;color:var(--zol-warning)}.course-code-small{color:var(--color-text-disabled);font-family:var(--font-mono);font-size:10px}.modal-select-btn{align-items:center;background:#0000;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.modal-select-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.modal-select-btn:disabled{cursor:not-allowed;opacity:.5}.detail-modal{max-width:440px}.detail-modal-title{align-items:center;display:flex;gap:var(--space-3)}.btn-back{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);transition:color var(--transition-base)}.btn-back:hover{color:var(--color-primary)}.detail-info-grid{grid-gap:var(--space-3);background:var(--zol-beige-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding:var(--space-4)}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:var(--color-text-disabled);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.detail-value.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.detail-info-notice{background:var(--zol-beige-50);border:1px solid var(--color-border);border-left:3px solid var(--zol-beige-400);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.detail-notice-row{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-2);line-height:1.5}.detail-notice-icon{color:var(--zol-beige-500);flex-shrink:0}.detail-notice-sub{color:var(--zol-beige-500);font-size:11px}.detail-section-title{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);font-weight:var(--weight-bold);gap:var(--space-2);margin-bottom:var(--space-2)}.detail-metadata-list{background:var(--zol-beige-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;padding:var(--space-3) var(--space-4)}.detail-metadata-item{align-items:flex-start;color:var(--color-text-body);display:flex;font-size:var(--text-xs);gap:var(--space-2);line-height:1.6}.detail-metadata-bullet{color:var(--color-text-muted);flex-shrink:0}.detail-stats-box{background:var(--zol-beige-50);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.detail-stats-box.detail-stats-empty{align-items:center;border-left-color:var(--zol-beige-400);color:var(--color-text-muted);flex-direction:row;font-size:var(--text-xs);gap:var(--space-2)}.detail-stats-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.detail-stats-title{color:var(--color-text-muted);flex:1 1;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.5px;text-transform:uppercase}.detail-stats-total{color:var(--color-text-disabled);font-size:var(--text-xs)}.detail-stats-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.detail-stats-row{align-items:center;display:flex;gap:var(--space-2)}.detail-stats-label{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);width:40px}.detail-stats-bar-wrap{background:var(--zol-beige-200);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.detail-stats-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;opacity:.75;transition:width .4s ease}.detail-stats-count{color:var(--color-text-disabled);flex-shrink:0;font-size:var(--text-xs);text-align:right;width:28px}.detail-add-btn{margin-top:var(--space-2);width:100%}.detail-meta-inline{color:var(--color-text-body);display:flex;flex-direction:column;font-size:var(--text-xs);gap:2px;line-height:1.6;list-style:none;margin:0;padding:0}.general-tag-wrap{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.label-auto{font-size:10px;font-weight:var(--weight-normal);margin-left:var(--space-2)}.label-auto,.zol-input.readonly{color:var(--color-text-disabled)}.zol-input.readonly{background:var(--zol-beige-100);cursor:not-allowed}@media (max-width:900px){.record-stats-row{gap:var(--space-1)}.course-form-grid{grid-template-columns:repeat(2,1fr)}.course-card-grid,.edit-form-grid{grid-template-columns:1fr}.form-group.span-2{grid-column:span 1}}@media (max-width:768px){.record-top-wrap{align-items:stretch;flex-direction:column}.record-top-actions{flex-wrap:wrap}.add-course-trigger{flex-direction:column}.record-page{padding:var(--space-5) var(--space-4) var(--space-12)}}@media (max-width:480px){.course-form-grid{grid-template-columns:1fr}}.sem-add-row{margin-bottom:var(--space-4)}.btn-add-semester{align-items:center;background:var(--color-bg-card);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.btn-add-semester:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.sem-add-form{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.sem-add-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.sem-year-input{width:80px!important}.sem-sem-select,.sem-year-input{font-size:var(--text-xs)!important;height:32px!important;padding:0 var(--space-2)!important}.sem-sem-select{width:130px!important}.btn-sem-confirm{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:var(--space-1) var(--space-4);transition:background var(--transition-base)}.btn-sem-confirm:hover{background:var(--color-primary-hover)}.btn-sem-cancel{background:var(--zol-beige-200);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-4)}.btn-sem-cancel,.btn-sem-remove{border:none;border-radius:var(--radius-md);cursor:pointer}.btn-sem-remove{align-items:center;background:#0000;color:var(--color-text-disabled);display:flex;height:28px;justify-content:center;transition:all var(--transition-base);width:28px}.btn-sem-remove:hover{background:#fee2e2;color:#dc2626}.catalog-page{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.catalog-header{align-items:flex-end;display:flex;justify-content:space-between}.catalog-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.catalog-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:2px}.catalog-total{color:var(--color-text-disabled);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.catalog-toolbar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.catalog-search-bar{align-items:center;background:var(--zol-beige-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.catalog-search-bar input{background:none;border:none;color:var(--color-text-body);flex:1 1;font-family:var(--font-sans);font-size:var(--text-sm);outline:none}.catalog-search-bar input::placeholder{color:var(--color-text-disabled)}.catalog-filters{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.catalog-table-wrap{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.catalog-empty,.catalog-loading{align-items:center;color:var(--color-text-disabled);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-3);justify-content:center;padding:var(--space-20)}.catalog-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.catalog-table thead tr{background:var(--zol-beige-50);border-bottom:1px solid var(--color-border)}.catalog-table th{color:var(--color-text-disabled);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:var(--space-3) var(--space-4);text-align:left;transition:color var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.catalog-table th:hover{color:var(--color-primary)}.catalog-table th:last-child{cursor:default}.catalog-sort-icon{font-size:10px;margin-left:3px}.catalog-sort-icon.neutral{color:var(--color-text-disabled)}.catalog-sort-icon.active{color:var(--color-primary)}.catalog-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-base)}.catalog-row:last-child{border-bottom:none}.catalog-row:hover{background:var(--zol-beige-50)}.catalog-table td{padding:var(--space-3) var(--space-4);vertical-align:middle}.col-name{width:22%}.col-code{width:13%}.col-cat{width:8%}.col-type{width:10%}.col-credit{text-align:center;width:7%}.col-badge,.col-completed{width:16%}.col-action{text-align:center;width:5%}.catalog-course-name{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.catalog-code{color:var(--color-text-disabled);font-family:var(--font-mono);font-size:var(--text-xs)}.catalog-type{color:var(--color-text-muted);font-size:var(--text-xs)}.catalog-credit{color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--weight-bold)}.catalog-completed{color:var(--color-text-muted);font-size:var(--text-xs)}@media (max-width:900px){.col-code,.col-completed,.col-type{display:none}}@media (max-width:600px){.catalog-page{padding:var(--space-5) var(--space-4) var(--space-12)}.col-badge{display:none}}.catalog-pagination{align-items:center;display:flex;gap:var(--space-1);justify-content:center;padding:var(--space-2)}.page-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);height:32px;min-width:32px;padding:0 var(--space-2);transition:all var(--transition-base)}.page-btn:hover:not(:disabled){background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-ellipsis{color:var(--color-text-disabled);font-size:var(--text-xs);padding:0 4px}.catalog-filter-divider{background:var(--color-border);flex-shrink:0;height:18px;margin:0 var(--space-1);width:1px}.catalog-toolbar-top{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--space-1)}.catalog-sort-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);height:30px;outline:none;padding:0 var(--space-3)}.catalog-sort-select:focus{border-color:var(--color-primary)}.catalog-search-row{align-items:center;display:flex;gap:var(--space-2)}.catalog-search-row .catalog-search-bar{flex:1 1}.yoram-page{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.yoram-page .yoram-loading{display:flex;justify-content:center;padding:var(--space-20)}.yoram-page .yoram-spinner{animation:yoram-spin .8s linear infinite;border:3px solid var(--zol-beige-300);border-radius:50%;height:32px;width:32px}.yoram-page .yoram-spinner.major-spin{border-top-color:var(--color-primary)}.yoram-page .yoram-spinner.liberal-spin{border-top-color:#3b82f6}.yoram-page .yoram-spinner.etc-spin{border-top-color:var(--zol-warning)}@keyframes yoram-spin{to{transform:rotate(1turn)}}.yoram-page .yoram-hero{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-6) var(--space-8)}.yoram-page .major-hero{border-left:4px solid var(--color-primary)}.yoram-page .liberal-hero{border-left:4px solid #3b82f6}.yoram-page .etc-hero{border-left:4px solid var(--zol-warning)}.yoram-page .yoram-hero-left{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.yoram-page .yoram-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.yoram-page .yoram-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.yoram-page .yoram-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.yoram-page .yoram-stat{align-items:baseline;display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.yoram-page .yoram-stat-label{color:var(--color-text-disabled);font-size:var(--text-xs)}.yoram-page .yoram-stat-val{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1}.yoram-page .yoram-stat-val em{color:var(--color-text-muted);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-medium);margin-left:1px}.yoram-page .major-color{color:var(--color-primary)!important}.yoram-page .liberal-color{color:#3b82f6!important}.yoram-page .etc-color{color:var(--zol-warning)!important}.yoram-page .yoram-stat-div{background:var(--color-border);flex-shrink:0;height:20px;width:1px}.yoram-page .yoram-circle-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.yoram-page .yoram-circle-label{align-items:center;display:flex;flex-direction:column;line-height:1.2;position:absolute}.yoram-page .yoram-circle-label strong{font-size:var(--text-lg);font-weight:var(--weight-extrabold)}.yoram-page .yoram-circle-label span{color:var(--color-text-muted);font-size:10px}.yoram-page .yoram-empty{align-items:center;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-disabled);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-16);text-align:center}.yoram-page .yoram-empty-sub{color:var(--color-text-disabled);font-size:var(--text-xs);max-width:320px}.yoram-page .yoram-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6)}.yoram-page .yoram-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.yoram-page .yoram-card-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.yoram-page .yoram-card-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.yoram-page .yoram-card-edit-hint{align-items:center;color:var(--color-text-disabled);display:flex;font-size:11px;gap:4px}.yoram-page .yoram-card-meta{color:var(--color-text-muted);font-size:var(--text-xs);padding-top:2px;white-space:nowrap}.yoram-page .yoram-card-meta strong{color:var(--color-text-primary);font-weight:var(--weight-bold)}.yoram-page .tag-list{display:flex;flex-direction:column;gap:var(--space-4)}.yoram-page .tag-group-wrap{display:flex;flex-direction:column;gap:0}.yoram-page .tag-group-header{gap:var(--space-2)}.yoram-page .tag-group-label{font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:.8px}.yoram-page .liberal-group-label{color:#3b82f6}.yoram-page .tag-group-type-badge{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-disabled);font-size:10px;font-weight:var(--weight-semibold);padding:1px 7px}.yoram-page .tag-sub-list{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.yoram-page .tag-block{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base)}.yoram-page .tag-block:hover{box-shadow:var(--shadow-xs)}.yoram-page .untagged-block{opacity:.7}.yoram-page .tag-block-unnamed{border-color:#bfdbfe;border-style:dashed}.yoram-page .tag-block-header{align-items:center;background:var(--color-bg-card);border:none;cursor:pointer;display:flex;font-family:var(--font-sans);gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background var(--transition-base);width:100%}.yoram-page .tag-block-header:hover{background:var(--zol-beige-50)}.yoram-page .tag-block-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2)}.yoram-page .tag-name-wrap{align-items:center;display:inline-flex;gap:4px}.yoram-page .tag-name{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:2px 10px}.yoram-page .liberal-chip-default{border-style:dashed!important;font-style:italic;font-weight:var(--weight-medium);opacity:.6}.yoram-page .major-chip{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.yoram-page .liberal-chip{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.yoram-page .etc-chip{background:#fef3e2;border:1px solid #fde68a;color:var(--zol-warning)}.yoram-page .untagged-chip{background:var(--zol-beige-100);border:1px solid var(--zol-beige-300);color:var(--color-text-muted)}.yoram-page .tag-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:all var(--transition-base);width:20px}.yoram-page .tag-edit-btn:hover{background:#dbeafe;color:#3b82f6}.yoram-page .tag-meta{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.yoram-page .bar-wrap{align-items:center;display:flex;flex:1 1;gap:var(--space-2);max-width:200px}.yoram-page .bar-track{background:var(--zol-beige-200);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.yoram-page .bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.yoram-page .bar-label{font-size:var(--text-xs);font-weight:var(--weight-bold);min-width:36px;text-align:right;white-space:nowrap}.yoram-page .tag-courses{background:var(--zol-beige-50);border-top:1px solid var(--color-border);display:block;padding:var(--space-3)}.yoram-page .no-courses{color:var(--color-text-disabled);font-size:var(--text-xs);padding:var(--space-4);text-align:center}.yoram-page .course-row{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.yoram-page .course-row:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-xs)}.yoram-page .course-row-left{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.yoram-page .course-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yoram-page .course-credit{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);white-space:nowrap}.yoram-page .grade-chip{border-radius:var(--radius-md);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 10px}.yoram-page .grade-chip.A{background:#dcfce7;color:#15803d}.yoram-page .grade-chip.B{background:#dbeafe;color:#1e40af}.yoram-page .grade-chip.C{background:#fef3c7;color:#a16207}.yoram-page .grade-chip.D{background:#fef2f2;color:#dc2626}.yoram-page .grade-chip.P{background:var(--zol-beige-200);color:var(--color-text-body)}.yoram-page .grade-chip.F{background:#fee2e2;color:#991b1b}.yoram-page .grade-chip.none{background:var(--zol-beige-100);color:var(--color-text-disabled)}.yoram-page .yoram-course-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.yoram-page .yoram-course-card:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-xs)}.yoram-page .yoram-course-top{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.yoram-page .yoram-course-name-row{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.yoram-page .yoram-course-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yoram-page .yoram-manual-badge{background:var(--zol-beige-200);border-radius:var(--radius-full);color:var(--color-text-muted);flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px}.yoram-page .yoram-course-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.yoram-page .yoram-meta-code{background:var(--zol-beige-100);border-radius:var(--radius-sm);color:var(--color-text-disabled);font-family:var(--font-mono);font-size:10px;padding:1px 5px}.yoram-page .yoram-course-meta span+span:before{color:var(--color-border-strong);content:"·";margin-right:var(--space-2)}.yoram-page .tag-hint{color:var(--color-text-disabled);font-size:11px;font-weight:var(--weight-normal);margin-left:var(--space-1)}.yoram-page .yoram-cat-change{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2)}.yoram-page .yoram-cat-change-label{color:var(--color-text-disabled);font-size:11px;white-space:nowrap}.yoram-page .yoram-cat-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);height:28px;outline:none;padding:0 var(--space-2);transition:border-color var(--transition-base)}.yoram-page .yoram-cat-select:focus{border-color:var(--color-primary)}.yoram-page .yoram-goto-record{background:var(--zol-green-50);border:1px solid var(--zol-green-100);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);padding:2px 10px;transition:all var(--transition-base);white-space:nowrap}.yoram-page .yoram-goto-record:hover{background:var(--color-primary);color:#fff}.yoram-page .yoram-notice{background:#fef3e2;border:1px solid #fde68a;border-radius:var(--radius-md);color:var(--zol-warning);font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-1);padding:var(--space-2) var(--space-3)}.yoram-page .yoram-setup-banner{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.yoram-page .yoram-setup-banner-icon{flex-shrink:0;font-size:var(--text-base);margin-top:1px}.yoram-page .yoram-setup-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.yoram-page .yoram-setup-banner-text strong{color:#1e40af;font-size:var(--text-xs);font-weight:var(--weight-bold)}.yoram-page .yoram-setup-banner-text span{color:#3b82f6;font-size:var(--text-xs);line-height:1.5}.yoram-page .yoram-setup-banner-btn{align-self:center;background:var(--color-bg-card);border:1px solid #bfdbfe;border-radius:var(--radius-md);color:#3b82f6;cursor:pointer;flex-shrink:0;font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);transition:all var(--transition-base);white-space:nowrap}.yoram-page .yoram-setup-banner-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.yoram-page .tag-zero-notice{background:var(--zol-beige-100);border:1px solid var(--zol-beige-300);border-radius:var(--radius-full);color:var(--color-text-disabled);font-size:11px;font-weight:var(--weight-semibold);padding:2px 8px;white-space:nowrap}.yoram-page .tag-zero-guide{background:#fef3e2;border-top:1px solid #fde68a;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6;padding:var(--space-2) var(--space-4)}.yoram-page .tag-zero-guide strong{color:var(--zol-warning)}@media (max-width:768px){.yoram-page{padding:var(--space-5) var(--space-4) var(--space-12)}.yoram-page .yoram-hero{align-items:flex-start;flex-direction:column}.yoram-page .yoram-circle-wrap{align-self:center}.yoram-page .bar-wrap{max-width:120px}.yoram-page .tag-sub-list{padding-left:var(--space-3)}.yoram-page .yoram-setup-banner{flex-wrap:wrap}.yoram-page .yoram-setup-banner-btn{text-align:center;width:100%}}.yoram-page .tag-group-header{align-items:center;background:var(--zol-beige-100);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3)}.yoram-page .tag-group-header-left{align-items:center;display:flex;gap:var(--space-2)}.yoram-page .tag-group-credits-badge{background:#e6f1fb;border:.5px solid #b5d4f4;border-radius:var(--radius-full);color:#185fa5;font-size:11px;padding:1px 8px}.yoram-page .tag-group-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;transition:all var(--transition-base);width:22px}.yoram-page .tag-group-edit-btn:hover{background:#dbeafe;color:#3b82f6}.yoram-page .tag-sub-list{background:var(--zol-beige-50);border:1px solid var(--color-border);border-left:3px solid #bfdbfe;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3)}.yoram-page .tag-block-sub .tag-name.liberal-chip-sub{background:#dbeafe;border-color:#93c5fd;color:#1e40af;font-size:11px}.yoram-page .yoram-meta-area{background:#e6f1fb;border:.5px solid #b5d4f4;border-radius:var(--radius-full);color:#185fa5;font-size:10px;font-weight:var(--weight-semibold);padding:1px 6px}.cat-tag-chip.sub-chip{font-size:10px!important;margin-left:2px;opacity:.85}.yoram-page .untagged-guide{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-3);padding:var(--space-2) var(--space-1)}.yoram-page .yoram-course-tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:4px}.yoram-page .yoram-course-tag-chip{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-semibold);padding:1px 8px}.yoram-page .yoram-tag-empty{background:var(--zol-beige-100);border:1px dashed var(--color-border);color:var(--color-text-disabled)}.yoram-page .yoram-course-tag-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;transition:all var(--transition-base);width:20px}.yoram-page .yoram-course-tag-edit-btn:hover{background:#dbeafe;color:#3b82f6}.yoram-page .yoram-course-tag-edit{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:4px}.yoram-page .yoram-tag-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-sans);font-size:11px;height:28px;max-width:130px;outline:none;padding:0 var(--space-2)}.yoram-page .yoram-tag-select:focus{border-color:#3b82f6}.yoram-page .yoram-tag-edit-confirm{align-items:center;background:#3b82f6;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.yoram-page .yoram-tag-edit-confirm:hover{background:#2563eb}.yoram-page .yoram-tag-edit-confirm:disabled{cursor:not-allowed;opacity:.6}.yoram-page .yoram-tag-edit-cancel{align-items:center;background:var(--zol-beige-200);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.yoram-page .yoram-tag-edit-cancel:hover{background:var(--zol-beige-300)}.etc-course-tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.etc-course-tag-chip{background:#fef3c7;border:1px solid #fde68a;border-radius:99px;color:#92400e;font-size:11px;font-weight:600;padding:1px 8px}.etc-tag-empty{background:var(--zol-beige-100);border:1px dashed var(--color-border)!important;color:var(--color-text-disabled)}.etc-course-tag-edit-btn{align-items:center;background:#0000;border:none;border-radius:99px;color:var(--color-text-disabled);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;width:20px}.etc-course-tag-edit-btn:hover{background:#fef3c7;color:#92400e}.etc-course-tag-edit{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.etc-tag-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-body);cursor:pointer;font-family:var(--font-sans);font-size:11px;height:28px;max-width:140px;outline:none;padding:0 8px}.etc-tag-select:focus{border-color:var(--zol-warning)}.etc-tag-edit-confirm{align-items:center;background:var(--zol-warning);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.etc-tag-edit-confirm:hover{opacity:.85}.etc-tag-edit-confirm:disabled{cursor:not-allowed;opacity:.6}.etc-tag-edit-cancel{align-items:center;background:var(--zol-beige-200);border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.etc-page{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.etc-page .etc-loading{display:flex;justify-content:center;padding:var(--space-20)}.etc-page .etc-spinner{animation:etc-spin .8s linear infinite;border-top-color:#f59e0b;border:3px solid var(--zol-beige-300);border-radius:50%;border-top-color:var(--zol-warning,#f59e0b);height:32px;width:32px}@keyframes etc-spin{to{transform:rotate(1turn)}}.etc-page .etc-hero{align-items:center;background:var(--color-bg-card);border-left:4px solid #f59e0b;border:1px solid var(--color-border);border-left:4px solid var(--zol-warning,#f59e0b);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-6) var(--space-8)}.etc-page .etc-hero-left{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.etc-page .etc-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.etc-page .etc-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.etc-page .etc-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.etc-page .etc-stat{align-items:baseline;display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.etc-page .etc-stat-label{color:var(--color-text-disabled);font-size:var(--text-xs)}.etc-page .etc-stat-val{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1}.etc-page .etc-stat-val em{color:var(--color-text-muted);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-medium);margin-left:1px}.etc-page .etc-unset{color:var(--color-text-disabled)!important;font-size:var(--text-sm)!important;font-style:normal}.etc-page .etc-stat-div{background:var(--color-border);flex-shrink:0;height:20px;width:1px}.etc-page .etc-notice{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-1);padding:var(--space-2) var(--space-3)}.etc-page .etc-circle-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.etc-page .etc-circle-label{align-items:center;display:flex;flex-direction:column;line-height:1.2;position:absolute}.etc-page .etc-circle-label strong{font-size:var(--text-lg);font-weight:var(--weight-extrabold)}.etc-page .etc-circle-label span{color:var(--color-text-muted);font-size:10px}.etc-page .etc-empty{align-items:center;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-disabled);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-16);text-align:center}.etc-page .etc-empty-sub{font-size:var(--text-xs);max-width:300px}.etc-page .etc-goto-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-5);transition:all .2s}.etc-page .etc-goto-btn:hover{background:#fef3c7;border-color:var(--zol-warning);color:#92400e}.etc-page .etc-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6)}.etc-page .etc-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.etc-page .etc-card-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.etc-page .etc-card-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.etc-page .etc-card-meta strong{color:var(--color-text-primary)}.etc-page .etc-tag-list{display:flex;flex-direction:column;gap:var(--space-2)}.etc-page .etc-tag-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s}.etc-page .etc-tag-block:hover{box-shadow:var(--shadow-xs)}.etc-page .etc-untagged-block{opacity:.75}.etc-page .etc-tag-header{align-items:center;background:var(--color-bg-card);border:none;cursor:pointer;display:flex;font-family:var(--font-sans);gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background .15s;width:100%}.etc-page .etc-tag-header:hover{background:#fafaf8;background:var(--zol-beige-50,#fafaf8)}.etc-page .etc-tag-header-left{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.etc-page .etc-tag-chip{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-full);color:#92400e;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 10px;white-space:nowrap}.etc-page .etc-chip-untagged{background:var(--zol-beige-100);border-color:var(--zol-beige-300);color:var(--color-text-muted)}.etc-page .etc-tag-credits{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.etc-page .etc-tag-hint,.etc-page .etc-tag-no-req{color:var(--color-text-disabled);font-size:11px}.etc-page .etc-tag-no-req{background:var(--zol-beige-100);border:1px solid var(--zol-beige-300);border-radius:var(--radius-full);font-weight:var(--weight-semibold);padding:2px 8px;white-space:nowrap}.etc-page .etc-bar-wrap{align-items:center;display:flex;flex:1 1;gap:var(--space-2);max-width:200px}.etc-page .etc-bar-track{background:var(--zol-beige-200);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.etc-page .etc-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease}.etc-page .etc-bar-label{font-size:var(--text-xs);font-weight:var(--weight-bold);min-width:36px;text-align:right;white-space:nowrap}.etc-page .etc-tag-zero-guide{background:#fef3c7;border-top:1px solid #fde68a;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6;padding:var(--space-2) var(--space-4)}.etc-page .etc-tag-courses{background:#fafaf8;background:var(--zol-beige-50,#fafaf8);border-top:1px solid var(--color-border);display:block;padding:var(--space-3)}.etc-page .etc-no-courses{color:var(--color-text-disabled);font-size:var(--text-xs);padding:var(--space-4);text-align:center}.etc-page .etc-course-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);transition:box-shadow .15s}.etc-page .etc-course-card:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-xs)}.etc-page .etc-course-top{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.etc-page .etc-course-name-row{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.etc-page .etc-course-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.etc-page .etc-manual-badge{background:var(--zol-beige-200);border-radius:var(--radius-full);color:var(--color-text-muted);flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px}.etc-page .etc-course-meta{align-items:center;color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2)}.etc-page .etc-meta-code{background:var(--zol-beige-100);border-radius:var(--radius-sm);color:var(--color-text-disabled);font-size:10px;padding:1px 5px}.etc-page .etc-course-meta span+span:before{color:var(--color-border-strong);content:"·";margin-right:var(--space-2)}.etc-page .etc-grade{border-radius:var(--radius-md);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 10px}.etc-page .etc-grade.A{background:#dcfce7;color:#15803d}.etc-page .etc-grade.B{background:#dbeafe;color:#1e40af}.etc-page .etc-grade.C{background:#fef3c7;color:#a16207}.etc-page .etc-grade.D{background:#fef2f2;color:#dc2626}.etc-page .etc-grade.P{background:var(--zol-beige-200);color:var(--color-text-body)}.etc-page .etc-grade.F{background:#fee2e2;color:#991b1b}.etc-page .etc-grade.none{background:var(--zol-beige-100);color:var(--color-text-disabled)}@media (max-width:768px){.etc-page{padding:var(--space-5) var(--space-4) var(--space-12)}.etc-page .etc-hero{align-items:flex-start;flex-direction:column}.etc-page .etc-circle-wrap{align-self:center}.etc-page .etc-bar-wrap{max-width:120px}}.etc-page .etc-course-tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.etc-page .etc-course-tag-chip{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-full);color:#92400e;font-size:11px;font-weight:var(--weight-semibold);padding:1px 8px}.etc-page .etc-tag-empty{background:var(--zol-beige-100)!important;border:1px dashed var(--color-border)!important;color:var(--color-text-disabled)!important}.etc-page .etc-course-tag-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;transition:all var(--transition-base);width:20px}.etc-page .etc-course-tag-edit-btn:hover{background:#fef3c7;color:#92400e}.etc-page .etc-course-tag-edit{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.etc-page .etc-tag-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-sans);font-size:11px;height:28px;max-width:140px;outline:none;padding:0 var(--space-2)}.etc-page .etc-tag-select:focus{border-color:var(--zol-warning);box-shadow:0 0 0 2px #f59e0b1f}.etc-page .etc-tag-edit-confirm{align-items:center;background:#f59e0b;background:var(--zol-warning,#f59e0b);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all var(--transition-base);width:26px}.etc-page .etc-tag-edit-confirm:hover{opacity:.85}.etc-page .etc-tag-edit-confirm:disabled{cursor:not-allowed;opacity:.6}.etc-page .etc-tag-edit-cancel{align-items:center;background:var(--zol-beige-200);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:all var(--transition-base);width:26px}.etc-page .etc-tag-edit-cancel:hover{background:var(--zol-beige-300)}.yoram-page .yoram-mini-card{cursor:default;gap:var(--space-2);padding:var(--space-3);position:relative}.yoram-page .yoram-mini-card:hover{border-color:#ccc;border-color:var(--color-border-strong,#ccc)}.yoram-page .yoram-mini-top-row{align-items:flex-start;display:flex;gap:var(--space-1);justify-content:space-between;min-height:22px}.yoram-page .yoram-mini-tags{flex:1 1}.yoram-page .yoram-mini-tag{padding:2px 8px!important}.yoram-page .yoram-sub-chip{padding:2px 8px}.yoram-page .yoram-mini-bottom-row{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.yoram-page .yoram-mini-credit{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-extrabold);line-height:1}.yoram-page .yoram-mini-credit em{color:var(--color-text-muted);font-size:11px;font-style:normal;font-weight:var(--weight-medium);margin-left:2px}.yoram-page .yoram-mini-card .grade-chip{padding:2px 7px!important}.yoram-page .yoram-mini-edit-btn{height:20px;width:20px}.yoram-page .yoram-mini-card:hover .yoram-mini-edit-btn:hover{background:#fef3c7;color:#92400e}.yoram-page .yoram-mini-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);padding:var(--space-2)}@media (max-width:768px){.yoram-page .yoram-mini-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.yoram-page .yoram-mini-grid{grid-template-columns:1fr}}.yoram-page .yoram-mini-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:5px;padding:10px 12px;transition:all var(--transition-base)}.yoram-page .yoram-mini-card:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.yoram-page .yoram-mini-card.invalid{background:var(--zol-beige-50);opacity:.6}.yoram-page .yoram-mini-name-row{align-items:flex-start;gap:4px;justify-content:space-between}.yoram-page .yoram-mini-name{flex:1 1;word-break:keep-all}.yoram-page .yoram-mini-name.strikethrough{color:var(--color-text-disabled);text-decoration:line-through}.yoram-page .yoram-mini-meta-row{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.yoram-page .yoram-mini-dot{color:var(--color-text-disabled);font-size:11px}.yoram-page .yoram-mini-credit{color:var(--color-text-muted);font-size:12px;font-weight:var(--weight-semibold)}.yoram-page .yoram-mini-code{background:var(--zol-beige-100);border-radius:4px;color:var(--color-text-disabled);font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;padding:1px 5px}.yoram-page .yoram-badge-invalid{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-full);color:#dc2626;font-size:10px;font-weight:700;padding:1px 6px}.yoram-page .yoram-mini-card .grade-chip{border-radius:var(--radius-sm)!important;font-size:10px!important;padding:1px 6px!important}.yoram-page .yoram-mini-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.yoram-page .yoram-mini-tag{border-radius:var(--radius-full)!important;font-size:10px!important;font-weight:var(--weight-bold)!important;padding:1px 7px!important}.yoram-page .yoram-tag-empty{background:var(--zol-beige-100)!important;border:1px dashed var(--color-border)!important;color:var(--color-text-disabled)!important}.yoram-page .yoram-mini-edit-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-disabled);cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:0;padding:0;transition:all var(--transition-base);width:18px}.yoram-page .yoram-mini-card:hover .yoram-mini-edit-btn{opacity:1}.yoram-page .yoram-mini-edit-btn:hover{background:#dbeafe;color:#3b82f6}.yoram-page .yoram-sub-bars{background:#f8fbff;border-bottom:1px solid #dbeafe;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.yoram-page .yoram-sub-bar-row{align-items:center;background:#f0f7ff;border:1px solid #dbeafe;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.yoram-page .liberal-chip-sub{background:#ede9fe;border:1px solid #c4b5fd;border-radius:var(--radius-full);color:#5b21b6;flex-shrink:0;font-size:11px;font-weight:700;min-width:48px;padding:2px 10px;text-align:center;white-space:nowrap}.yoram-page .yoram-sub-bar-stat{font-size:11px;font-weight:var(--weight-bold);white-space:nowrap}.yoram-page .yoram-sub-chip{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:var(--radius-full);color:#5b21b6;display:inline-flex;font-size:10px;font-weight:var(--weight-bold);padding:1px 7px;white-space:nowrap}.yoram-page .tag-meta-noreq{color:var(--color-text-disabled);font-size:11px}.yoram-page .yoram-mini-name-chips{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:3px}.yoram-page .yoram-mini-name-row{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden}.yoram-page .yoram-mini-name{color:var(--color-text-primary);flex-shrink:1;font-size:13px;font-weight:var(--weight-semibold);line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-page{margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.tag-page-header{margin-bottom:var(--space-4)}.tag-page-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-2)}.tag-page-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose)}.tag-unnamed-banner{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:var(--radius-xl);display:flex;font-size:var(--text-xs);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.tag-unnamed-banner>span{flex-shrink:0;font-size:var(--text-base)}.tag-unnamed-banner>div{display:flex;flex-direction:column;gap:2px}.tag-unnamed-banner strong{color:#1e40af;font-weight:var(--weight-bold)}.tag-unnamed-banner span{color:#3b82f6;line-height:1.5}.tag-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:0}.tag-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);margin-bottom:-2px;padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.tag-tab:hover{color:var(--color-text-body)}.tag-tab.active.major{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tag-tab.active.general{border-bottom-color:#3b82f6;color:#3b82f6}.tag-tab.active.etc{border-bottom-color:var(--zol-warning);color:var(--zol-warning)}.tag-tab-count{align-items:center;background:var(--zol-beige-200);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;font-size:11px;font-weight:var(--weight-bold);height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.tag-tab.active.major .tag-tab-count{background:var(--zol-green-50);color:var(--color-primary)}.tag-tab.active.general .tag-tab-count{background:#eff6ff;color:#3b82f6}.tag-tab.active.etc .tag-tab-count{background:#fef3e2;color:var(--zol-warning)}.tag-tab-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-full);color:#dc2626;display:inline-flex;font-size:10px;font-weight:var(--weight-bold);height:18px;justify-content:center;min-width:18px;padding:0 4px}.tag-content{grid-gap:var(--space-6);align-items:flex-start;display:grid;gap:var(--space-6);grid-template-columns:1fr 320px}.tag-list-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6)}.tag-list-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.tag-list-header-left{display:flex;flex-direction:column;gap:3px}.tag-list-title{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.tag-list-edit-hint{align-items:center;color:var(--color-text-disabled);display:flex;font-size:11px;gap:4px}.tag-list-meta{color:var(--color-text-muted);font-size:var(--text-xs);padding-top:2px;white-space:nowrap}.tag-list-meta strong{color:var(--color-text-primary);font-weight:var(--weight-bold)}.tag-loading{display:flex;justify-content:center;padding:var(--space-10)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--zol-beige-300);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.tag-empty{align-items:center;color:var(--color-text-disabled);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-12);text-align:center}.tag-empty-sub{font-size:var(--text-xs)}.tag-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.tag-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.tag-item:hover{border-color:var(--zol-beige-400);box-shadow:var(--shadow-xs)}.tag-item.tag-item-focused{animation:tag-focus-pulse 1.5s ease-out forwards;border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe}@keyframes tag-focus-pulse{0%{box-shadow:0 0 0 4px #bfdbfe}to{border-color:var(--color-border);box-shadow:0 0 0 0 #0000}}.tag-item.tag-item-unnamed{background:#f8fbff;border-color:#bfdbfe;border-style:dashed}.tag-item-view{justify-content:space-between}.tag-item-left,.tag-item-view{align-items:center;display:flex}.tag-item-left{flex-wrap:wrap;gap:var(--space-2)}.tag-min-credit{background:var(--zol-beige-100);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);padding:2px var(--space-3)}.tag-unnamed-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-full);color:#3b82f6;font-size:11px;font-weight:var(--weight-semibold);padding:1px 8px}.tag-item-actions{display:flex;gap:4px}.tag-item-actions button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-disabled);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-base);width:28px}.tag-item-actions button:hover{background:var(--zol-beige-200);color:var(--color-text-body)}.tag-item-actions button.danger:hover{background:#fee2e2;color:var(--zol-danger)}.tag-item-actions .edit-btn-highlight{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.tag-item-actions .edit-btn-highlight:hover{background:#dbeafe;color:#1e40af}.tag-item-edit{align-items:center;display:flex;gap:var(--space-2)}.tag-edit-input{flex:1 1}.tag-edit-credits,.tag-edit-input{font-size:var(--text-sm)!important;height:36px!important}.tag-edit-credits{width:80px}.btn-tag-confirm{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.btn-tag-confirm:hover{background:var(--color-primary-hover)}.btn-tag-cancel{align-items:center;background:var(--zol-beige-200);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.btn-tag-cancel:hover{background:var(--zol-beige-300)}.btn-add-tag{align-items:center;background:#0000;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.btn-add-tag:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.tag-add-form{background:var(--zol-beige-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4)}.tag-add-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.form-label-hint{color:var(--color-text-disabled);font-size:11px;font-weight:var(--weight-normal);margin-left:var(--space-1)}.tag-chip.tag-chip-unnamed{border-style:dashed;font-style:italic;font-weight:var(--weight-medium);opacity:.7}.tag-guide-section{display:flex;flex-direction:column;gap:var(--space-4)}.tag-guide-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-5) var(--space-6)}.tag-guide-card.tag-guide-card-tip{background:#f8fbff;border-color:#bfdbfe}.tag-guide-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.tag-guide-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.tag-guide-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-3)}.tag-guide-note{border-top:1px solid var(--color-border);color:var(--color-text-disabled);font-size:11px;line-height:var(--leading-loose);padding-top:var(--space-3)}.btn-cancel{background:var(--zol-beige-200);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-5);transition:all var(--transition-base)}.btn-cancel:hover{background:var(--zol-beige-300)}.btn-save{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:var(--space-2) var(--space-6);transition:all var(--transition-base)}.btn-save:hover{background:var(--color-primary-hover)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.tag-group-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);overflow:hidden}.tag-group-header{align-items:center;background:var(--zol-beige-50);border:none;cursor:pointer;display:flex;font-family:var(--font-sans);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:background var(--transition-base);width:100%}.tag-group-header:hover{background:var(--zol-beige-100)}.tag-group-header-left{align-items:center;display:flex;gap:var(--space-3)}.tag-group-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.tag-group-meta{background:var(--zol-beige-200);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);padding:1px var(--space-2)}.tag-group-unnamed-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-full);color:#3b82f6;font-size:10px;font-weight:var(--weight-semibold);padding:1px 7px}.tag-group-header-plain{background:var(--zol-beige-50);border-bottom:1px solid var(--color-border);color:var(--color-text-disabled);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:var(--space-2) var(--space-4)}.tag-group-items{background:var(--color-bg-card);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.tag-group-badge{background:var(--zol-beige-200);border:1px solid var(--zol-beige-300);border-radius:var(--radius-full);color:var(--color-text-muted);flex-shrink:0;font-size:10px;font-weight:var(--weight-bold);padding:2px 8px;white-space:nowrap}.tag-edit-group{font-size:var(--text-xs)!important;height:36px!important;width:90px}.tag-new-group-input{align-items:center;display:flex;gap:var(--space-2)}.tag-group-select-wrap{width:100%}@media (max-width:900px){.tag-content{grid-template-columns:1fr}.tag-guide-section{display:none}}.tag-group-header-right{align-items:center;display:flex;flex-shrink:0;gap:2px}.tag-group-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-disabled);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all var(--transition-base);width:24px}.tag-group-action-btn:hover{background:var(--zol-beige-200);color:var(--color-text-body)}.tag-group-action-btn.danger:hover{background:#fee2e2;color:var(--zol-danger)}.tag-group-edit-row{align-items:center;background:#eff6ff;border-bottom:1px solid #bfdbfe;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.tag-group-edit-label{align-items:center;color:#3b82f6;display:flex;flex-shrink:0;font-size:11px;gap:4px;white-space:nowrap}.tag-sub-items{background:var(--color-bg-card);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6)}.tag-item.tag-item-sub{background:#f8fbff;border-color:#e0eefe}.tag-sub-indent-line{background:#bfdbfe;border-radius:1px;display:inline-block;flex-shrink:0;height:16px;margin-right:2px;width:2px}.tag-chip.tag-chip-sub{background:#dbeafe;border-color:#93c5fd;color:#1e40af;font-size:11px}.tag-group-no-sub{align-items:center;background:var(--color-bg-card);border-top:1px solid var(--color-border);color:var(--color-text-disabled);display:flex;font-size:11px;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.tag-group-add-sub-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);color:#3b82f6;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);gap:3px;margin-left:var(--space-1);padding:1px 8px;transition:all var(--transition-base)}.tag-group-add-sub-btn:hover{background:#dbeafe}.tag-add-btn-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.tag-add-btn-row .btn-add-tag{flex:1 1;margin-top:0}.btn-add-sub{border-color:#bfdbfe!important;color:#3b82f6!important}.btn-add-sub:hover{background:#eff6ff!important;border-color:#3b82f6!important;color:#1e40af!important}.tag-add-form-title{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2);margin-bottom:var(--space-1);padding-bottom:var(--space-2)}.tag-add-form-sub{background:#f8fbff;border-color:#bfdbfe}.form-field-note{align-items:center;color:var(--color-text-disabled);display:flex;font-size:11px;gap:4px;margin-top:var(--space-1)}.tag-preset-group-display{align-items:center;display:flex;gap:var(--space-2)}.tag-preset-group-clear{align-items:center;background:var(--zol-beige-100);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:11px;gap:3px;padding:2px 8px}.tag-preset-group-clear:hover{background:var(--zol-beige-200)}.sim-page{gap:var(--space-6);margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6) var(--space-16)}.sim-header,.sim-page{display:flex;flex-direction:column}.sim-header{gap:4px}.sim-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.sim-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.sim-loading{align-items:center;color:var(--color-text-disabled);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-20)}.sim-spinner{animation:sim-spin .8s linear infinite;border:3px solid var(--zol-beige-300);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}@keyframes sim-spin{to{transform:rotate(1turn)}}.sim-summary-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,1fr)}@media (max-width:800px){.sim-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sim-summary-row{grid-template-columns:1fr}}.sim-summary-card{align-items:center;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:8px;padding:var(--space-4);transition:border-color .3s,box-shadow .2s}.sim-summary-card:hover{box-shadow:var(--shadow-sm)}.sim-summary-card-top{align-items:center;display:flex;justify-content:space-between;width:100%}.sim-summary-status-icon{font-size:15px;font-weight:800;line-height:1}.sim-summary-donut-wrap{align-items:center;display:flex;justify-content:center;position:relative}.sim-summary-donut-label{font-size:11px;font-weight:800;line-height:1;position:absolute;text-align:center}.sim-summary-footer{color:var(--color-text-muted);font-size:12px;text-align:center}.sim-summary-goal{color:var(--color-text-disabled)}.sim-layout{grid-gap:var(--space-6);align-items:flex-start;display:grid;gap:var(--space-6);grid-template-columns:300px 1fr}@media (max-width:900px){.sim-layout{grid-template-columns:1fr}}.sim-sidebar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-4);position:sticky;top:var(--space-6)}.sim-sidebar-header{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.sim-sidebar-empty{color:var(--color-text-disabled);font-size:var(--text-xs);padding:var(--space-6);text-align:center}.sim-cats{display:flex;flex-direction:column;gap:var(--space-2)}.sim-cat-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:visible}.sim-cat-header{align-items:center;background:var(--color-bg-card);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-sans);gap:var(--space-2);justify-content:space-between;padding:var(--space-3);transition:background var(--transition-base);width:100%}.sim-cat-header:hover{background:var(--zol-beige-50)}.sim-cat-header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.sim-cat-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.sim-cat-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.sim-cat-credits{color:var(--color-text-muted);font-size:var(--text-xs)}.sim-cat-min{color:var(--color-text-disabled)}.sim-planned-txt{color:#3b82f6;font-weight:var(--weight-semibold)}.sim-cat-status{font-size:13px;font-weight:800}.sim-tag-list{background:var(--zol-beige-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px;padding:6px}.sim-tag-row{background:var(--color-bg-card);border-radius:var(--radius-md);padding:7px 8px}.sim-tag-row:hover{background:var(--zol-beige-100)}.sim-tag-row-top{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:3px}.sim-tag-label-row{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.sim-tag-label{color:var(--color-text-body);font-size:var(--text-xs);font-weight:var(--weight-medium);min-width:0}.sim-tag-status-icon{flex-shrink:0;font-size:10px;font-weight:800;line-height:1}.sim-tag-credits{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);white-space:nowrap}.sim-tag-min,.sim-tag-noreq-val{color:var(--color-text-disabled)}.sim-tag-noreq-val{font-size:11px}.sim-tag-indent{color:var(--color-text-disabled);font-size:10px;margin-right:3px}.sim-tag-group-block{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:3px;overflow:hidden}.sim-tag-group-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:var(--font-sans);gap:var(--space-2);justify-content:space-between;padding:7px 8px;text-align:left;transition:background var(--transition-base);width:100%}.sim-tag-group-header:hover{background:var(--zol-beige-50)}.sim-group-arrow{color:var(--color-text-disabled);font-size:8px;margin-right:3px}.sim-tag-sub{background:#f8fbff;padding-left:14px!important}.sim-tag-sub:hover{background:#eff6ff!important}.sim-tag-sub-row{background:#f8fbff;cursor:default!important}.sim-tag-sub-row:hover{background:#eff6ff}.sim-bar{background:var(--zol-beige-200);border-radius:var(--radius-full);height:4px;margin-top:3px;overflow:hidden;position:relative}.sim-bar-earned{left:0}.sim-bar-earned,.sim-bar-planned{border-radius:var(--radius-full);height:100%;position:absolute;top:0;transition:width .4s ease}.sim-bar-planned{background:#93c5fd}.sim-cat-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-bold);justify-content:center;padding:2px 8px;white-space:nowrap}.sim-cat-chip.major{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.sim-cat-chip.general{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.sim-cat-chip.etc{background:#fef3e2;border:1px solid #fde68a;color:#c47c2b;color:var(--zol-warning,#c47c2b)}.sim-cat-chip.sm{font-size:10px;max-width:120px;overflow:hidden;padding:1px 6px;text-overflow:ellipsis}.sim-cat-chip.sub{background:#f3f0ff;border:1px solid #ddd6fe;color:#7c3aed}.sim-main{display:flex;flex-direction:column;gap:var(--space-4)}.btn-add-plan{align-items:center;background:var(--color-bg-card);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-xl);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all var(--transition-base);width:100%}.btn-add-plan:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.sim-plan-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.sim-plan-form-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-4)}.sim-plan-form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.sim-empty{align-items:center;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-disabled);font-size:var(--text-sm);padding:var(--space-12);text-align:center}.sim-empty,.sim-plans{display:flex;flex-direction:column;gap:var(--space-3)}.sim-plan-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:visible;transition:box-shadow var(--transition-base)}.sim-plan-card:hover{box-shadow:var(--shadow-sm)}.sim-plan-card.expanded{border-color:var(--zol-green-200)}.sim-plan-header{padding:var(--space-4) var(--space-5)}.sim-plan-header,.sim-plan-header-left{align-items:center;display:flex;gap:var(--space-3)}.sim-plan-header-left{background:none;border:none;cursor:pointer;flex:1 1;font-family:var(--font-sans);justify-content:space-between;text-align:left}.sim-plan-header-info{align-items:center;display:flex;gap:var(--space-3)}.sim-plan-circle-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.sim-plan-pct{font-size:9px;font-weight:var(--weight-extrabold);line-height:1;position:absolute}.sim-plan-pct,.sim-plan-title{color:var(--color-text-primary)}.sim-plan-title{font-size:var(--text-base);font-weight:var(--weight-bold)}.sim-plan-sub{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.sim-full-badge{background:#dcfce7;border-radius:var(--radius-full);color:#15803d;font-size:10px;font-weight:var(--weight-bold);padding:1px 6px}.btn-icon-danger{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-disabled);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all var(--transition-base);width:30px}.btn-icon-danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.sim-plan-body{background:var(--zol-beige-50);border-top:1px solid var(--color-border);overflow:visible;padding:var(--space-4) var(--space-5)}.sim-course-list,.sim-plan-body{display:flex;flex-direction:column;gap:var(--space-2)}.sim-course-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.sim-course-item:hover{border-color:var(--zol-beige-400)}.sim-course-item.inactive{opacity:.45}.sim-course-view-row{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.sim-course-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:var(--space-2);min-width:0}.sim-course-credit{color:var(--color-text-muted);font-size:var(--text-xs)}.sim-course-memo{font-size:var(--text-xs);padding:1px 6px}.sim-course-memo,.sim-course-tag{background:var(--zol-beige-100);border-radius:var(--radius-sm);color:var(--color-text-muted)}.sim-course-tag{font-size:11px;padding:1px 7px;white-space:nowrap}.sim-course-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-1)}.sim-course-edit-row{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;width:100%}.btn-toggle{border:none;border-radius:var(--radius-full);cursor:pointer;font-size:10px;font-weight:var(--weight-bold);padding:2px 8px;transition:all var(--transition-base)}.btn-toggle.active{background:var(--zol-green-50);color:var(--color-primary)}.btn-toggle.inactive{background:var(--zol-beige-200);color:var(--color-text-muted)}.btn-icon-sm{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-disabled);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all var(--transition-base);width:26px}.btn-icon-sm:hover{background:var(--zol-beige-200);color:var(--color-text-body)}.btn-icon-sm.danger:hover{background:#fee2e2;color:#dc2626}.btn-icon-cancel,.btn-icon-confirm{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all var(--transition-base);width:30px}.btn-icon-confirm{background:var(--color-primary);color:#fff}.btn-icon-confirm:hover{background:var(--color-primary-hover)}.btn-icon-cancel{background:var(--zol-beige-200);color:var(--color-text-muted)}.btn-icon-cancel:hover{background:var(--zol-beige-300)}.btn-icon-confirm:disabled{cursor:not-allowed;opacity:.6}.btn-add-course{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-1);justify-content:center;padding:var(--space-2);transition:all var(--transition-base);width:100%}.btn-add-course:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.sim-page .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.sim-page .form-group label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.sim-page .btn-cancel{background:var(--zol-beige-200);color:var(--color-text-muted);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-5)}.sim-page .btn-cancel,.sim-page .btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm)}.sim-page .btn-save{background:var(--color-primary);color:#fff;font-weight:var(--weight-bold);padding:var(--space-2) var(--space-6)}.sim-page .btn-save:disabled{cursor:not-allowed;opacity:.6}.sim-page .zol-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);font-family:var(--font-sans);font-size:var(--text-sm);height:38px;outline:none;padding:0 var(--space-3);transition:border-color var(--transition-base);width:100%}.sim-page .zol-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c84501f}.sim-input-sm{width:90px!important}.sim-input-credit,.sim-input-sm{font-size:var(--text-xs)!important;height:32px!important}.sim-input-credit{width:60px!important}.sim-input-memo{flex:1 1;font-size:var(--text-xs)!important;height:32px!important;min-width:80px}@media (max-width:900px){.sim-sidebar{position:static}.sim-plan-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.sim-page{padding:var(--space-5) var(--space-4) var(--space-12)}.sim-plan-form-grid{grid-template-columns:1fr}}.sim-custom-select{align-items:center;display:inline-flex;flex-shrink:0;outline:none;position:relative}.sim-cs-trigger{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-xs);gap:6px;height:32px;max-width:130px;min-width:80px;padding:0 10px;transition:border-color .15s;white-space:nowrap}.sim-cs-trigger:hover{border-color:var(--color-primary)}.sim-cs-label{color:var(--color-text-body);flex:1 1;font-size:12px;font-weight:500}.sim-cs-arrow,.sim-cs-placeholder{color:var(--color-text-disabled)}.sim-cs-arrow{flex-shrink:0;font-size:7px}.sim-cs-backdrop{inset:0;position:fixed;z-index:9998}.sim-cs-panel{background:#fff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:1px;left:0;max-height:220px;max-width:240px;min-width:160px;overflow-y:auto;padding:5px;position:absolute;top:calc(100% + 4px);z-index:99999}.sim-cs-option{align-items:center;background:none;border:none;border-radius:7px;color:var(--color-text-body);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:12px;padding:7px 10px;text-align:left;transition:background .1s;white-space:nowrap;width:100%}.sim-cs-option:hover{background:var(--zol-beige-100)}.sim-cs-option.selected{background:var(--zol-green-50);color:var(--color-primary);font-weight:700}.sim-course-add-form{grid-gap:6px;align-items:center;display:grid;flex-wrap:nowrap!important;gap:6px;grid-template-columns:auto auto 60px 1fr 30px 30px}.sim-course-add-form .sim-custom-select{flex-shrink:0}.sim-course-edit-row{grid-gap:6px;align-items:center;display:grid;flex-wrap:nowrap!important;gap:6px;grid-template-columns:auto auto 60px 1fr 30px 30px}.sim-course-edit-row .sim-custom-select{flex-shrink:0}@media (max-width:600px){.sim-course-add-form,.sim-course-edit-row{grid-template-columns:1fr 1fr}.sim-course-add-form .sim-input-memo,.sim-course-edit-row .sim-input-memo{grid-column:span 2}.sim-course-add-form .btn-icon-cancel,.sim-course-add-form .btn-icon-confirm,.sim-course-edit-row .btn-icon-cancel,.sim-course-edit-row .btn-icon-confirm{justify-self:end}}.guide-page{margin:0 auto;max-width:900px;padding:var(--space-8) var(--space-6) var(--space-16);white-space:pre-line}.guide-page-header{margin-bottom:var(--space-6)}.guide-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-1)}.guide-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.guide-tabs{border-bottom:2px solid var(--color-border);display:flex;gap:var(--space-1);margin-bottom:var(--space-6)}.guide-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);margin-bottom:-2px;padding:var(--space-3) var(--space-4);transition:all var(--transition-base);white-space:nowrap}.guide-tab:hover{color:var(--color-text-body)}.guide-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.guide-content{min-height:400px}.guide-section{display:flex;flex-direction:column;gap:var(--space-5)}.guide-section-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose)}.guide-section-desc strong{color:var(--color-text-body);font-weight:var(--weight-semibold)}.guide-notice{background:#fffbeb;border:1.5px solid #f59e0b;border-left-width:4px;border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-1);line-height:var(--leading-loose);padding:var(--space-4) var(--space-5)}.guide-notice-title{color:#92400e;font-size:var(--text-sm);font-weight:var(--weight-extrabold);margin-bottom:var(--space-1)}.guide-notice strong{color:#92400e;font-weight:var(--weight-bold)}.guide-notice-sub{border-top:1px solid #fde68a;color:var(--color-text-disabled);font-size:11px;margin-top:var(--space-2);padding-top:var(--space-2)}.guide-step{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.guide-step-body{grid-gap:var(--space-5);align-items:center;display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.guide-step-header{align-items:flex-start;display:flex;gap:var(--space-3)}.guide-step-num{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:var(--weight-bold);height:26px;justify-content:center;width:26px}.guide-step-title{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.guide-step-desc{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-loose)}.guide-step-desc strong{color:var(--color-text-body);font-weight:var(--weight-semibold)}.guide-steps-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.guide-step-img{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-top:var(--space-3);object-fit:contain;width:100%}.guide-cta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding-top:var(--space-2)}.btn-guide-portal{align-items:center;background:#0000;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all var(--transition-base)}.btn-guide-portal:hover{background:var(--zol-green-50);border-color:var(--color-primary);color:var(--color-primary)}.btn-guide-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-base)}.btn-guide-primary:hover{background:var(--color-primary-hover)}.guide-category-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.guide-category-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.guide-category-top{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding-bottom:var(--space-3)}.guide-category-card p,.guide-category-page{color:var(--color-text-muted);font-size:var(--text-xs)}.guide-category-card p{line-height:var(--leading-loose)}.guide-category-card ul{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-4)}.guide-category-card li{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-loose)}.guide-cat-badge{border-radius:var(--radius-full);flex-shrink:0;font-size:11px;font-weight:var(--weight-bold);padding:2px 8px;white-space:nowrap}.guide-cat-badge.major{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.guide-cat-badge.general{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.guide-cat-badge.etc{background:#fef3e2;border:1px solid #fde68a;color:var(--zol-warning)}.guide-tip{background:var(--zol-beige-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-loose);padding:var(--space-3) var(--space-5)}.guide-tag-groups{display:flex;flex-direction:column;gap:var(--space-4)}.guide-tag-group{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.guide-tag-group-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--weight-bold);gap:var(--space-2)}.guide-tag-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guide-tag-group-note{color:var(--color-text-disabled);font-size:var(--text-xs)}.tag-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 10px;white-space:nowrap}.tag-chip.major{background:var(--zol-green-50);border:1px solid var(--zol-green-100);color:var(--color-primary)}.tag-chip.general{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.tag-chip.etc{background:#fef3e2;border:1px solid #fde68a;color:var(--zol-warning)}.guide-sim-steps{display:flex;flex-direction:column;gap:var(--space-3)}.guide-sim-step{align-items:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.guide-sim-step code{background:var(--zol-beige-100);border-radius:var(--radius-sm);color:var(--color-text-body);font-size:var(--text-xs);padding:1px 6px}.guide-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.guide-faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-base)}.guide-faq-item.open{box-shadow:var(--shadow-sm)}.guide-faq-q{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-5);text-align:left;transition:background var(--transition-base);width:100%}.guide-faq-a,.guide-faq-q:hover{background:var(--zol-beige-50)}.guide-faq-a{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-loose);padding:var(--space-4) var(--space-5)}@media (max-width:768px){.guide-category-cards{grid-template-columns:1fr}.guide-tabs{overflow-x:auto}.guide-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.reg-backdrop{align-items:center;animation:reg-fade .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11182780;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes reg-fade{0%{opacity:0}to{opacity:1}}.reg-modal{animation:reg-up .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes reg-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reg-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:18px 24px}.reg-header,.reg-header-title{align-items:center;display:flex}.reg-header-title{color:#111827;font-size:17px;font-weight:700;gap:8px}.reg-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.reg-close:hover{background:#e5e7eb;color:#111827}.reg-steps{border-bottom:1px solid #f3f4f6;gap:0;padding:14px 24px}.reg-step,.reg-steps{align-items:center;display:flex}.reg-step{color:#9ca3af;font-size:13px;font-weight:600;gap:7px;transition:color .2s}.reg-step.active{color:#6c8450;color:var(--color-primary,#6c8450)}.reg-step-num{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;transition:all .2s;width:22px}.reg-step.active .reg-step-num{background:#6c8450;background:var(--color-primary,#6c8450);color:#fff}.reg-step-line{background:#e5e7eb;flex:1 1;height:1px;margin:0 12px}.reg-body{flex:1 1;overflow-y:auto;padding:24px}.reg-fields{gap:16px}.reg-field,.reg-fields{display:flex;flex-direction:column}.reg-field{gap:5px}.reg-field label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.reg-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.reg-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:var(--font-sans);font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .2s;width:100%}.reg-input:focus{border-color:#6c8450;border-color:var(--color-primary,#6c8450);box-shadow:0 0 0 3px #6c84501a}.reg-select{cursor:pointer}.reg-major-hint{color:#9ca3af;font-size:12px;margin-bottom:-4px}.reg-major-block{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.reg-major-top{justify-content:space-between}.reg-major-num,.reg-major-top{align-items:center;display:flex}.reg-major-num{background:#6c8450;background:var(--color-primary,#6c8450);border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.reg-major-del{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.reg-major-del:hover{background:#fee2e2;color:#dc2626}.reg-add-major{align-items:center;background:none;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.reg-add-major:hover{background:#f4f6f1;border-color:var(--color-primary);color:var(--color-primary)}.reg-color-wrap{position:relative}.reg-color-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-sans);gap:8px;height:38px;padding:6px 12px;transition:border-color .15s}.reg-color-trigger:hover{border-color:var(--color-primary)}.reg-color-swatch{border-radius:50%;flex-shrink:0;height:14px;width:14px}.reg-color-arrow{color:#9ca3af;font-size:8px;margin-left:4px}.reg-color-backdrop{inset:0;position:fixed;z-index:10}.reg-color-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:2px;left:0;min-width:220px;padding:6px;position:absolute;top:calc(100% + 4px);z-index:11}.reg-color-option{align-items:center;background:none;border:none;border-radius:7px;cursor:pointer;display:flex;font-family:var(--font-sans);gap:8px;padding:7px 10px;text-align:left;transition:background .1s;width:100%}.reg-color-option:hover{background:#f9fafb}.reg-color-option.selected{background:#f3f4f6}.reg-chip-preview{border-radius:20px;font-size:11px;font-weight:700;margin-left:auto;max-width:80px;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;white-space:nowrap}.reg-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.reg-btn-cancel{background:#e5e7eb;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:8px 20px;transition:background .2s}.reg-btn-cancel:hover{background:#d1d5db}.reg-btn-next{background:#6c8450;background:var(--color-primary,#6c8450);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:700;padding:8px 22px;transition:background .2s}.reg-btn-next:hover:not(:disabled){background:#586c40}.reg-btn-next:disabled{cursor:not-allowed;opacity:.45}.reg-btn-submit{align-items:center;background:#6c8450;background:var(--color-primary,#6c8450);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:700;gap:6px;padding:8px 22px;transition:background .2s}.reg-btn-submit:hover:not(:disabled){background:#586c40}.reg-btn-submit:disabled{cursor:not-allowed;opacity:.45}.reg-done{flex-direction:column;gap:12px;padding:48px 24px}.reg-done,.reg-done-icon{align-items:center;display:flex;justify-content:center}.reg-done-icon{background:#dcfce7;border-radius:50%;color:#16a34a;font-size:26px;font-weight:700;height:56px;width:56px}.reg-done-title{color:#111827;font-size:20px;font-weight:700}.reg-done-sub{color:#9ca3af;font-size:13px}.reg-guide{gap:20px}.reg-guide,.reg-guide-img-wrap{display:flex;flex-direction:column}.reg-guide-img-wrap{align-items:center;gap:6px}.reg-guide-img{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #00000012;max-height:200px;object-fit:cover;object-position:top;width:100%}.reg-guide-img-caption{color:#9ca3af;font-size:11px}.reg-guide-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.reg-guide-list li{align-items:flex-start;background:#fafaf8;background:var(--zol-beige-50,#fafaf8);border:1px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;font-size:13px;gap:10px;line-height:1.6;padding:12px 14px}.reg-guide-list li strong{color:#6c8450;color:var(--color-primary,#6c8450)}.reg-guide-num{align-items:center;background:#6c8450;background:var(--color-primary,#6c8450);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.report-page{background:var(--color-bg-page);min-height:100vh;padding:var(--space-8) var(--space-6)}.report-container{margin:0 auto;max-width:800px}.report-header{margin-bottom:var(--space-8);text-align:center}.report-title{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px;margin-bottom:var(--space-2)}.report-subtitle{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-loose)}.report-content{display:flex;flex-direction:column;gap:var(--space-8)}.report-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8);transition:all .3s ease}.report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.registration-card{background:linear-gradient(180deg,#fff 0,#f0f7ff)}.card-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--weight-bold);gap:var(--space-2);margin-bottom:var(--space-4)}.registration-card .card-title{color:#2e2b26}.card-description{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.report-list{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);list-style:none;margin-bottom:var(--space-6);padding:0}.report-list li{background:var(--zol-beige-50);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);transition:all .2s ease}.report-list li:hover{background:var(--zol-beige-100);transform:translateX(4px)}.report-list strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.report-list span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.btn-report-form{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);gap:var(--space-2);justify-content:center;padding:var(--space-4);transition:all .3s ease;width:100%}.btn-report-form:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-report-form:active{transform:translateY(0)}.registration-btn{background:#968e7c;color:#fff}.registration-btn:hover{background:#6b6358}.report-btn{background:var(--color-primary);color:#fff}.report-btn:hover{background:#5a6d42}.report-notice{background:var(--zol-beige-100);border:1px solid var(--zol-beige-300);border-radius:var(--radius-lg);padding:var(--space-6)}.report-notice h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-4)}.report-notice ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:disc;padding-left:var(--space-5)}.report-notice li{color:var(--color-text-body);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.report-notice strong{color:var(--color-text-primary);font-weight:var(--weight-semibold)}@media (max-width:768px){.report-page{padding:var(--space-4)}.report-title{font-size:var(--text-2xl)}.report-subtitle{font-size:var(--text-sm)}.report-card{padding:var(--space-5)}.report-content{gap:var(--space-6)}.card-title{font-size:var(--text-lg)}}@media (max-width:600px){.report-list{grid-template-columns:1fr}}.gpa-page{margin:0 auto;max-width:1100px;padding:var(--space-8) var(--space-6) var(--space-16)}.gpa-header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-5)}.gpa-title{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.gpa-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.gpa-empty,.gpa-loading{align-items:center;color:var(--color-text-disabled);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-20);text-align:center}.gpa-empty-sub{color:var(--color-text-disabled);font-size:var(--text-sm)}.gpa-summary-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-4)}.gpa-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-5)}.gpa-card.main{background:var(--zol-green-600);border-color:#0000;box-shadow:var(--shadow-green)}.gpa-card-label{align-items:center;color:var(--color-text-disabled);display:flex;font-size:var(--text-xs);gap:var(--space-1)}.gpa-card-label-sub{color:var(--color-text-muted)}.gpa-card.main .gpa-card-label{color:#fff9}.gpa-card-value-row{align-items:baseline;display:flex;gap:var(--space-2)}.gpa-card-value{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-1px;line-height:1}.gpa-card.main .gpa-card-value{color:#fff}.gpa-card-max{color:var(--color-text-muted);font-size:var(--text-sm)}.gpa-card.main .gpa-card-max{color:#ffffff80}.gpa-gauge{margin-top:var(--space-1)}.gpa-gauge-bar-wrap{background:var(--zol-beige-200);border-radius:var(--radius-full);height:5px;overflow:visible;position:relative}.gpa-card.main .gpa-gauge-bar-wrap{background:#fff3}.gpa-gauge-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.gpa-gauge-bar.inverse{background:#ffffffd9}.gpa-gauge-target-line{background:var(--zol-warning);border-radius:1px;height:13px;position:absolute;top:-4px;transform:translateX(-50%);width:2px}.gpa-card.main .gpa-gauge-target-line{background:#fde68a}.gpa-gauge-meta{color:#ffffff80;font-size:10px;margin-top:2px}.gpa-gauge-meta-dark{color:var(--color-text-disabled)}.gpa-insight-row{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-6)}.gpa-insight-item{align-items:baseline;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.gpa-insight-num{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--weight-extrabold);line-height:1}.gpa-insight-num.accent{color:var(--color-primary)}.gpa-insight-num.muted{color:var(--color-text-muted)}.gpa-insight-label{color:var(--color-text-disabled);font-size:var(--text-xs);white-space:nowrap}.gpa-insight-divider{background:var(--color-border);flex-shrink:0;height:28px;width:1px}.gpa-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);margin-bottom:var(--space-4);padding:var(--space-6)}.gpa-section-title{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:1.5px;margin-bottom:var(--space-1);opacity:.8;text-transform:uppercase}.gpa-section-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.gpa-chart-wrap{overflow-x:auto;padding-bottom:var(--space-2)}.gpa-chart{align-items:flex-end;border-bottom:1.5px solid var(--color-border);display:flex;gap:var(--space-3);height:180px;justify-content:center;min-width:fit-content;width:100%}.gpa-bar-item{height:100%;min-width:52px}.gpa-bar-item,.gpa-bar-wrap{align-items:center;display:flex;flex-direction:column;justify-content:flex-end}.gpa-bar-wrap{flex:1 1;gap:var(--space-1);width:100%}.gpa-bar-val{color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.gpa-bar{background:var(--zol-beige-300);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height var(--duration-slow) var(--ease-out);width:36px}.gpa-bar.best{background:var(--color-primary)}.gpa-bar-label{color:var(--color-text-muted);font-size:10px;line-height:1.4;margin-top:var(--space-2);text-align:center;white-space:pre-line}.gpa-target-label{color:var(--color-text-body);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.gpa-target-desc{color:var(--color-text-muted);font-size:var(--text-xs)}.gpa-target-val{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.gpa-target-val.unset{color:var(--color-text-disabled);font-weight:var(--weight-regular)}.gpa-btn-edit{background:var(--zol-green-50);border:1px solid var(--zol-green-100);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:all var(--transition-base)}.gpa-btn-edit:hover{background:var(--zol-green-100)}.gpa-btn-save{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:background var(--transition-base)}.gpa-btn-save:hover{background:var(--color-primary-hover)}.gpa-btn-save:disabled{cursor:not-allowed;opacity:.6}.gpa-btn-cancel{background:var(--zol-beige-200);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.gpa-calc-wrap{background:var(--zol-beige-50);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-5)}.gpa-calc-title{color:var(--color-text-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.gpa-calc-desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.gpa-calc-empty{color:var(--color-text-disabled);font-size:var(--text-sm)}.gpa-calc-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.gpa-calc-field{display:flex;flex-direction:column;gap:var(--space-2)}.gpa-calc-field label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.gpa-calc-input-wrap{align-items:center;display:flex;gap:var(--space-2)}.gpa-calc-unit{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.gpa-input{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);font-family:var(--font-sans);font-size:var(--text-base);height:44px;outline:none;padding:0 var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base);width:160px}.gpa-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c845026}.gpa-input.gpa-input-sm{font-size:var(--text-sm);height:34px;width:110px}.gpa-result-box{background:var(--zol-green-50);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.gpa-result-box.impossible{background:#fef2f2;border-color:var(--zol-danger)}.gpa-result-box.done{background:#f0fdf4;border-color:var(--zol-success)}.gpa-result-top{align-items:baseline;display:flex;gap:var(--space-4)}.gpa-result-label{color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.gpa-result-val{color:var(--color-primary);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:-.5px}.gpa-result-box.impossible .gpa-result-val{color:var(--zol-danger)}.gpa-result-box.done .gpa-result-val{color:var(--zol-success)}.gpa-result-hint{color:var(--color-text-body);font-size:var(--text-sm);line-height:var(--leading-normal)}.gpa-dist{display:flex;flex-direction:column;gap:var(--space-2)}.gpa-dist-row{align-items:center;display:flex;gap:var(--space-3)}.gpa-dist-grade{color:var(--color-text-body);flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:right;width:28px}.gpa-dist-bar-wrap{background:var(--zol-beige-200);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.gpa-dist-bar{background:var(--color-primary);border-radius:var(--radius-full);height:100%;opacity:.75;transition:width var(--duration-slow) var(--ease-out)}.gpa-dist-info{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);min-width:90px;text-align:right}.gpa-credit-list{gap:var(--space-4)}.gpa-credit-item,.gpa-credit-list{display:flex;flex-direction:column}.gpa-credit-item{gap:var(--space-2)}.gpa-credit-header{align-items:center;display:flex;justify-content:space-between}.gpa-credit-label{color:var(--color-text-body);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.gpa-credit-val{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.gpa-credit-val.done{color:var(--color-primary)}.gpa-progress{background:var(--zol-beige-200);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.gpa-progress-fill{background:var(--zol-beige-400);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.gpa-progress-fill.near{background:var(--zol-warning)}.gpa-progress-fill.done{background:var(--color-primary)}.gpa-credit-remain{color:var(--color-text-muted);font-size:var(--text-xs)}@media (max-width:900px){.gpa-summary-row{grid-template-columns:1fr 1fr}.gpa-summary-row .gpa-card:first-child{grid-column:span 2}}@media (max-width:768px){.gpa-page{padding:var(--space-5) var(--space-4) var(--space-12)}.gpa-summary-row{grid-template-columns:1fr}.gpa-summary-row .gpa-card:first-child{grid-column:span 1}.gpa-insight-row{gap:var(--space-1)}.gpa-chart{justify-content:flex-start}}@media (max-width:480px){.gpa-calc-row{flex-direction:column}.gpa-insight-item{padding:var(--space-1) var(--space-2)}}.gpa-sim-tabs{border-bottom:1.5px solid var(--color-border);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:0}.gpa-sim-tab{background:none;border:none;border-bottom:2.5px solid #0000;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:-1.5px;padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.gpa-sim-tab:hover{color:var(--color-text-body)}.gpa-sim-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.gpa-linechart-wrap{display:flex;flex-direction:column;overflow-x:auto;width:100%}.gpa-linechart-svg{display:block;height:180px;overflow:visible;width:100%}.gpa-line-area{fill:var(--zol-green-50)}.gpa-line-path{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.gpa-line-dot{fill:var(--color-primary);stroke:#fff;stroke-width:2}.gpa-line-val{fill:var(--color-text-primary);font-family:var(--font-sans);font-size:10px;font-weight:600}.gpa-linechart-labels{border-top:1.5px solid var(--color-border);display:flex;margin-top:4px;padding-top:var(--space-2)}.gpa-linechart-label{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1;flex-direction:column;font-size:10px;gap:1px;line-height:1.3;text-align:center}.gpa-target-list{display:flex;flex-direction:column;margin-bottom:var(--space-5)}.gpa-target-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) 0}.gpa-target-item:last-child{border-bottom:none}.gpa-target-info{display:flex;flex-direction:column;gap:2px}.gpa-target-right{flex-shrink:0}.gpa-target-right,.gpa-target-val-row{align-items:center;display:flex;gap:var(--space-3)}.gpa-target-badge{background:var(--zol-beige-100);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:2px var(--space-3)}.gpa-target-badge.unset{color:var(--color-text-disabled);font-weight:var(--weight-regular)}.gpa-target-badge.achieved{background:var(--zol-green-50);border-color:var(--zol-green-100);color:var(--color-primary)}.gpa-target-diff{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.gpa-target-edit-col{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.gpa-target-edit-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.gpa-target-error{color:var(--zol-danger);font-size:var(--text-xs)}.gpa-input.error{border-color:var(--zol-danger)}.gpa-btn-delete{background:#0000;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--zol-danger);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);transition:background var(--transition-base)}.gpa-btn-delete:hover{background:#fef2f2}.gpa-dist-table{border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap;width:100%}.gpa-dist-table thead tr{border-bottom:1.5px solid var(--color-border)}.gpa-dist-table th{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-3);text-align:left}.gpa-dist-table th:not(:first-child){text-align:right}.gpa-dist-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-body);padding:var(--space-2) var(--space-3)}.gpa-dist-table tr:last-child td{border-bottom:none}.gpa-dist-table tr.empty td{color:var(--color-text-disabled)}.gpa-dist-table td.grade{color:var(--color-text-primary);font-weight:var(--weight-bold);width:40px}.gpa-dist-table td.right{text-align:right}.gpa-dist-table td.muted{color:var(--color-text-muted)}.gpa-dist-pct-wrap{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.gpa-dist-pct-bar{background:var(--color-primary);border-radius:var(--radius-full);height:6px;max-width:80px;min-width:2px;opacity:.7;transition:width var(--duration-slow) var(--ease-out)}.gpa-min-credits-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.gpa-min-credits-text{color:var(--color-text-body);font-size:var(--text-sm);line-height:var(--leading-normal)}.gpa-min-credits-num{color:var(--color-primary);font-size:var(--text-lg)}.gpa-min-credits-done{color:var(--zol-success);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.gpa-min-credits-impossible{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.gpa-card-sub{color:#ffffff8c;font-size:11px}.gpa-card-sub.dark{color:var(--color-text-disabled)}.gpa-card-sub.achieved{color:#ffffffe6;font-weight:var(--weight-semibold)}.gpa-card-sub.dark.achieved{color:var(--color-primary);font-weight:var(--weight-semibold)}.gpa-card-sub.dim{color:#ffffff59}.gpa-card-sub.dark.dim,.gpa-subtitle-rule{color:var(--color-text-disabled)}.gpa-credit-hint{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-3)}.gpa-combo-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.gpa-combo-title{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.gpa-combo-text{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.gpa-combo-note{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.gpa-combo-disclaimer{color:var(--color-text-disabled);font-size:var(--text-xs)}
/*# sourceMappingURL=main.a62fba99.css.map*/