*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal)}img,svg{max-width:100%;display:block}button,input,select{font-family:inherit;font-size:inherit}button{cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}:root{--color-primary:#01704d;--color-primary-light:#e4f2ec;--color-primary-dark:#015236;--color-primary-solid:var(--color-primary);--color-notice:#42526e;--color-notice-bg:#eaecf1;--bg-primary:#f4f5f7;--bg-surface:#fff;--bg-elevated:var(--bg-surface);--text-primary:#1a1a1a;--text-secondary:#5a5f66;--text-on-primary:#fff;--border-color:#e2e4e8;--color-success:#01704d;--color-warning:#b58a00;--color-danger:#b3261e;--color-danger-solid:var(--color-danger);--color-danger-bg:#fbeae9;--color-cgpa-first:#01704d;--color-cgpa-second-upper:#0f766e;--color-cgpa-second-lower:#b58a00;--color-cgpa-third:#d97706;--color-cgpa-pass:#b58a00;--color-cgpa-fail:#b3261e;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--shadow-card:0 1px 3px #00000014;--shadow-elevated:0 4px 12px #0000001f;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#34b382;--color-primary-light:#14352a;--color-primary-dark:#0a6a48;--color-primary-solid:#0e7c56;--color-notice:#9db0cc;--color-notice-bg:#262d3b;--bg-primary:#111417;--bg-surface:#1a1e23;--bg-elevated:#232830;--text-primary:#e9ecef;--text-secondary:#a0a7b0;--text-on-primary:#fff;--border-color:#2e343c;--color-success:#34b382;--color-warning:#d9ae3f;--color-danger:#f0857d;--color-danger-solid:#c0392b;--color-danger-bg:#3a1f1e;--color-cgpa-first:#34b382;--color-cgpa-second-upper:#3bb5a8;--color-cgpa-second-lower:#d9ae3f;--color-cgpa-third:#ee9a45;--color-cgpa-pass:#d9ae3f;--color-cgpa-fail:#f0857d;--shadow-card:0 1px 3px #0006;--shadow-elevated:0 8px 24px #0000008c}[data-theme=dark] input::placeholder{color:var(--text-secondary);opacity:.75}[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);box-shadow:0 0 0 100rem var(--bg-primary) inset}[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);box-shadow:0 0 0 100rem var(--bg-primary) inset}.app{background-color:var(--bg-primary);min-height:100vh}.main-content{max-width:1100px;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.auth-page{place-items:center;min-height:calc(100vh - 5rem);padding:2rem 1rem;display:grid}@media (width<=768px){.main-content{padding:var(--space-md);gap:var(--space-md)}}.ripple-button{transition:transform var(--transition-fast);position:relative;overflow:hidden}.ripple-button:active{transform:scale(.97)}.ripple{pointer-events:none;background-color:#ffffff80;border-radius:50%;animation:.5s ease-out ripple-effect;position:absolute;transform:scale(0)}.ripple-button--dark .ripple{background-color:#01704d26}[data-theme=dark] .ripple-button--dark .ripple{background-color:#34b38238}@keyframes ripple-effect{to{opacity:0;transform:scale(2.5)}}.header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex}.header__brand{align-items:center;gap:var(--space-sm);display:flex}.header__logo{background-color:var(--color-primary-solid);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__brand-info{flex-direction:column;line-height:1.2;display:flex}.header__brand-name{color:var(--color-primary);font-size:1.1rem;font-weight:700}.header__brand-subtitle{color:var(--text-secondary);font-size:.75rem}.header__scale{background-color:var(--color-primary-light);color:var(--color-primary);padding:2px var(--space-sm);white-space:nowrap;border-radius:999px;font-size:.7rem;font-weight:600}.header__nav{align-items:center;gap:var(--space-lg);display:flex}.header__nav a{color:var(--text-primary);padding-bottom:var(--space-xs);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;font-size:.95rem;font-weight:500;text-decoration:none}.header__nav a:hover{color:var(--color-primary)}.header__nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.header__actions{align-items:center;gap:var(--space-md);display:flex;position:relative}.header__theme{justify-content:center;align-items:center;gap:var(--space-xs);min-width:2.25rem;height:2.25rem;padding:0 var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;font-size:.85rem;font-weight:600;display:inline-flex}.header__theme:hover{background-color:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.header__theme:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header__theme-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.header__login{border:1px solid var(--color-primary-solid);background:var(--color-primary-solid);color:#fff;font:inherit;cursor:pointer;border-radius:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s,border-color .2s}.header__login:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.header__profile-anchor{display:inline-flex;position:relative}.header__profile{align-items:center;gap:var(--space-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);display:flex}.header__avatar{border:2px solid var(--text-secondary);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__profile-name{color:var(--text-primary);font-size:.85rem;font-weight:700;line-height:1.2}.header__profile-role{color:var(--text-secondary);font-size:.75rem;line-height:1.2}.header__export-anchor{display:inline-flex;position:relative}.header__export{background-color:var(--color-primary-solid);color:var(--text-on-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-size:.9rem;font-weight:600}.header__export:hover{background-color:var(--color-primary-dark)}.header__profile-menu{top:calc(100% + var(--space-sm));background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-elevated);padding:var(--space-md);z-index:100;position:absolute;right:0}.header__profile-menu-header{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);flex-direction:column;gap:2px;display:flex}.header__profile-menu-header strong{color:var(--text-primary);font-size:.95rem}.header__profile-menu-header span{color:var(--text-secondary);font-size:.8rem}.header__profile-details{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.header__profile-details>div{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.header__profile-details span{color:var(--text-secondary);font-size:.8rem}.header__profile-details strong{color:var(--text-primary);text-align:right;font-size:.85rem}.header__profile-edit{background-color:var(--color-primary-solid);width:100%;color:var(--text-on-primary);border-radius:var(--radius-sm);padding:var(--space-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-size:.85rem;font-weight:600}.header__profile-edit:hover{background-color:var(--color-primary-dark)}.header__profile-logout{color:#dc2626;width:100%;font:inherit;cursor:pointer;text-align:center;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.5rem;padding:.65rem .75rem;font-size:.9rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.header__profile-logout:hover{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.header__logout-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.header__logout-modal{background:#fff;border-radius:.75rem;width:min(100%,24rem);padding:1.5rem;box-shadow:0 1rem 3rem #00000026}.header__logout-modal h3{margin:0 0 .5rem;font-size:1.1rem}.header__logout-modal p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.5}.header__logout-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.header__logout-cancel,.header__logout-confirm{font:inherit;cursor:pointer;border-radius:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600}.header__logout-cancel{color:#374151;background:#fff;border:1px solid #e5e7eb}.header__logout-confirm{color:#fff;background:#dc2626;border:1px solid #dc2626}.header__logout-cancel:hover{background:#f9fafb}.header__logout-confirm:hover{background:#b91c1c;border-color:#b91c1c}[data-theme=dark] .header__profile-logout{border-color:var(--border-color);color:var(--color-danger)}[data-theme=dark] .header__profile-logout:hover{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}[data-theme=dark] .header__logout-modal{background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-elevated)}[data-theme=dark] .header__logout-modal p{color:var(--text-secondary)}[data-theme=dark] .header__logout-cancel{border-color:var(--border-color);background:var(--bg-surface);color:var(--text-primary)}[data-theme=dark] .header__logout-cancel:hover{background:var(--bg-primary)}[data-theme=dark] .header__logout-confirm{border-color:var(--color-danger-solid);background:var(--color-danger-solid);color:#fff}[data-theme=dark] .header__logout-confirm:hover{border-color:var(--color-danger-solid);background:var(--color-danger-solid);filter:brightness(1.12)}@media (width<=768px){.header{row-gap:var(--space-sm);flex-wrap:wrap}.header__nav{justify-content:space-between;gap:var(--space-sm);order:3;width:100%}.header__actions{margin-left:auto}}@media (width<=60rem){.header__theme-label{display:none}.header__theme{width:2.25rem;padding:0}}@media (width<=30rem){.header{padding:var(--space-sm) var(--space-md)}.header__actions{gap:var(--space-sm)}.header__brand,.header__profile{min-width:0}.header__profile-name{overflow-wrap:anywhere;min-width:0}.header__profile-menu{width:min(16.25rem,100vw - 2rem)}}@media (pointer:coarse){.header__login,.header__export,.header__profile-edit,.header__profile-logout,.header__logout-cancel,.header__logout-confirm{min-height:2.5rem}.header__theme{min-width:2.5rem;height:2.5rem}}.onboarding-hint{top:calc(100% + var(--space-sm));z-index:110;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);width:max-content;max-width:min(17.5rem,100vw - 2rem);box-shadow:var(--shadow-elevated);padding:var(--space-md);text-align:left;position:absolute;right:0}.onboarding-hint:before{content:"";background-color:var(--bg-elevated);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);width:.75rem;height:.75rem;position:absolute;top:-.375rem;right:.875rem;transform:rotate(45deg)}.onboarding-hint__close{top:var(--space-xs);right:var(--space-xs);color:var(--text-secondary);padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:1.1rem;line-height:1;position:absolute}.onboarding-hint__close:hover{background-color:var(--bg-primary);color:var(--text-primary)}.onboarding-hint__title{padding-right:var(--space-lg);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.9rem;font-weight:700;display:block}.onboarding-hint__message{color:var(--text-secondary);font-size:.82rem;line-height:1.5}@media (pointer:coarse){.onboarding-hint__close{min-width:1.75rem;min-height:1.75rem}}@media (width<=30rem){.onboarding-hint{padding:var(--space-sm) var(--space-md)}}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);padding:var(--space-xl);width:100%;max-width:420px}.auth-card__eyebrow{letter-spacing:.06em;color:var(--color-primary);background-color:var(--color-primary-light);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);border-radius:999px;font-size:.7rem;font-weight:700;display:inline-block}.auth-card__title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.4rem;font-weight:700}.auth-card__description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9rem;line-height:1.5}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem}.auth-message--error{background-color:var(--color-danger-bg);color:var(--color-danger)}.auth-message--success{background-color:var(--color-primary-light);color:var(--color-primary)}.auth-field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-field__label-row{justify-content:space-between;align-items:center;display:flex}.auth-field__label{color:var(--text-primary);font-size:.85rem;font-weight:600}.auth-field__password-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem}.auth-field__input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.auth-field__input:focus{border-color:var(--color-primary);outline:none}.auth-field__hint{color:var(--text-secondary);font-size:.75rem}.auth-form__submit{background-color:var(--color-primary-solid);color:var(--text-on-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-size:.95rem;font-weight:600}.auth-form__submit:hover:not(:disabled){background-color:var(--color-primary-dark)}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed}.auth-card__footer{margin-top:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:.85rem}.auth-card__switch{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-card__content{width:100%}.auth-card__eyebrow{color:var(--color-primary);letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.auth-card__description{color:var(--text-secondary);margin:.75rem 0 0;font-size:.95rem;line-height:1.6}.auth-card__email{color:var(--text-primary);overflow-wrap:anywhere;margin:.75rem 0 0;font-size:1rem;font-weight:700}.auth-card__content .auth-form__submit{width:fit-content;margin:1.5rem auto 0;display:block}.auth-card__notice{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-primary-light);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.auth-card__notice-icon{background:var(--color-primary-solid);width:1.5rem;height:1.5rem;color:var(--text-on-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.auth-card__notice p{color:var(--text-primary);margin:0;font-size:.875rem;line-height:1.5}@media (width<=40rem){.auth-card__notice{padding:.875rem}.auth-card__description{font-size:.9rem}}.auth-message{overflow-wrap:anywhere}@media (width<=30rem){.auth-card{padding:var(--space-lg)}}@media (pointer:coarse){.auth-field__input{min-height:2.75rem;font-size:1rem}.auth-form__submit{min-height:2.75rem}.auth-field__password-toggle{margin:-.875rem 0 -.25rem;padding:.875rem 0 .25rem}.auth-card__switch{margin:-.75rem 0;padding:.75rem 0}}.academic-status{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);background-color:var(--bg-surface);border-radius:var(--radius-lg);margin:var(--space-lg);display:flex}.academic-status__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:700}.academic-status h1{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.75rem;font-weight:700;line-height:1.25}.academic-status__description{color:var(--text-secondary);max-width:40ch;font-size:.95rem}.academic-status__badge{background-color:var(--color-primary-light);color:var(--color-primary);padding:var(--space-xs) var(--space-md);white-space:nowrap;border-radius:999px;flex-shrink:0;font-size:.8rem;font-weight:600}@media (width<=768px){.academic-status{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);margin:var(--space-md);flex-direction:column}.academic-status h1{font-size:1.4rem}.academic-status__description{max-width:none}}.cgpa-summary{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg)}.cgpa-summary__header{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.cgpa-summary__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:700}.cgpa-summary__header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.cgpa-summary__scale{color:var(--text-secondary);font-size:1.1rem}.cgpa-summary__stats{gap:var(--space-lg);border-top:1px solid var(--border-color);padding-top:var(--space-md);flex-wrap:wrap;display:flex}.cgpa-summary__stats>div{flex-direction:column;gap:2px;display:flex}.cgpa-summary__stats span{color:var(--text-secondary);font-size:.75rem}.cgpa-summary__stats strong{color:var(--text-primary);font-size:1.1rem}@media (width<=768px){.cgpa-summary{padding:var(--space-md)}.cgpa-summary__header h2{font-size:2rem}.cgpa-summary__stats{gap:var(--space-md)}}.cgpa-summary h2.cgpa--first-class,.cgpa-summary strong.cgpa--first-class{color:var(--color-cgpa-first)}.cgpa-summary h2.cgpa--second-upper,.cgpa-summary strong.cgpa--second-upper{color:var(--color-cgpa-second-upper)}.cgpa-summary h2.cgpa--second-lower,.cgpa-summary strong.cgpa--second-lower{color:var(--color-cgpa-second-lower)}.cgpa-summary h2.cgpa--third-class,.cgpa-summary strong.cgpa--third-class{color:var(--color-cgpa-third)}.cgpa-summary h2.cgpa--pass,.cgpa-summary strong.cgpa--pass{color:var(--color-cgpa-pass)}.cgpa-summary h2.cgpa--fail,.cgpa-summary strong.cgpa--fail{color:var(--color-cgpa-fail)}.academic-record{width:100%}.academic-record__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.academic-record__eyebrow{color:var(--color-primary);letter-spacing:.08em;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.academic-record__header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.academic-record__years{flex-direction:column;gap:1rem;display:flex}.academic-record__add-year{border:1px dashed var(--color-primary);border-radius:var(--radius-md);width:100%;color:var(--color-primary);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;margin-top:1rem;padding:.875rem 1rem;font-weight:600}.academic-record__add-year:hover{background:var(--color-primary-light)}.academic-record__modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.academic-record__modal{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(100%,28rem);max-height:calc(100dvh - 2rem);color:var(--text-primary);box-shadow:var(--shadow-elevated);padding:2rem;overflow-y:auto}.academic-record__modal h3{color:var(--text-primary);margin:0;font-size:1.25rem;line-height:1.3}.academic-record__modal p{color:var(--text-secondary);margin:.75rem 0 0;line-height:1.5}.academic-record__modal label{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.academic-record__modal input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text-primary);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem .875rem}.academic-record__modal input::placeholder{color:var(--text-secondary);opacity:.7}.academic-record__modal input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #01704d1a}[data-theme=dark] .academic-record__modal input:focus{box-shadow:0 0 0 3px #34b38240}.academic-record__modal input::-webkit-outer-spin-button{appearance:none;margin:0}.academic-record__modal input::-webkit-inner-spin-button{appearance:none;margin:0}.academic-record__modal input[type=number]{appearance:textfield}.academic-record__year-error{font-size:.875rem;color:var(--color-danger)!important;margin-top:.5rem!important}.academic-record__modal-actions{justify-content:flex-end;gap:.625rem;margin-top:1.75rem;display:flex}.academic-record__modal-actions button{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);padding:.7rem 1rem;font-weight:600}.academic-record__modal-actions button:hover{background:var(--bg-primary)}.academic-record__modal-actions button:last-child{border-color:var(--color-primary-solid);background:var(--color-primary-solid);color:var(--text-on-primary)}.academic-record__modal-actions button:last-child:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark)}.academic-record__modal-actions button.academic-record__modal-delete{border-color:var(--color-danger-solid);background:var(--color-danger-solid);color:#fff}.academic-record__modal-actions button.academic-record__modal-delete:hover{border-color:var(--color-danger-solid);background:var(--color-danger-solid)}@media (width<=40rem){.academic-record__header h2{font-size:1.25rem}.academic-record__modal{padding:1.5rem}.academic-record__modal-actions{flex-direction:column-reverse}.academic-record__modal-actions button{width:100%}}@media (height<=30rem){.academic-record__modal{padding:1rem 1.5rem}.academic-record__modal label{margin-top:1rem}.academic-record__modal-actions{flex-direction:row;margin-top:1rem}.academic-record__modal-actions button{flex:1;width:auto}}@media (pointer:coarse){.academic-record__add-year,.academic-record__modal input,.academic-record__modal-actions button{min-height:2.75rem}}.year-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg)}.year-card__header{justify-content:space-between;align-items:center;gap:var(--space-md);cursor:pointer;display:flex}.year-card__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-bottom:2px;font-size:.75rem;font-weight:700}.year-card__header h3{color:var(--text-primary);font-size:1.3rem;font-weight:700}.year-card__cgpa{flex-direction:column;align-items:center;gap:2px;display:flex}.year-card__cgpa span{color:var(--text-secondary);font-size:.75rem}.year-card__cgpa strong{color:var(--color-primary);font-size:1.3rem}.year-card__toggle{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);transition:transform var(--transition-fast);background:0 0;border:none;font-size:1.1rem}.year-card__toggle--open{color:var(--color-primary);transform:rotate(180deg)}.year-card__semesters{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color);flex-direction:column;display:none}.year-card__semesters--open{display:flex}@media (width<=768px){.year-card{padding:var(--space-md)}.year-card__header{flex-wrap:wrap}.year-card__header h3{font-size:1.1rem}}.year-card__delete{opacity:0;visibility:hidden;pointer-events:none;color:var(--color-danger);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.4rem;font-size:1rem}.year-card:hover .year-card__delete{opacity:1;visibility:visible;pointer-events:auto}.year-card__delete:hover{transform:scale(1.1)}@media (width<=768px),(hover:none){.year-card__delete{opacity:.7;visibility:visible;pointer-events:auto;padding:.5rem .6rem}.year-card__delete:active{opacity:1}}@media (pointer:coarse){.year-card__delete,.year-card__toggle{min-width:2.25rem;min-height:2.5rem}.year-card__delete{font-size:1.25rem;line-height:1}}@media (width<=30rem){.year-card{padding:.75rem}.year-card__header{gap:var(--space-sm);flex-wrap:nowrap}.year-card__header>div:first-child{min-width:0}}.semester-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.semester-card__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;display:flex}.semester-card__label{letter-spacing:.06em;color:var(--text-secondary);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.semester-card__header h4{color:var(--text-primary);font-size:1.05rem;font-weight:700}.semester-card__summary{align-items:center;gap:var(--space-lg);display:flex}.semester-card__summary>div{flex-direction:column;align-items:center;display:flex}.semester-card__summary span{color:var(--text-secondary);font-size:.7rem}.semester-card__summary strong{color:var(--color-primary);font-size:1rem}.semester-card__toggle{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);transition:transform var(--transition-fast);background:0 0;border:none;font-size:1.1rem}.semester-card__toggle--open{color:var(--color-primary);transform:rotate(180deg)}.semester-card__content{padding:0 var(--space-md) var(--space-md);display:none}.semester-card__content--open{display:block}.semester-card__delete{opacity:0;visibility:hidden;pointer-events:none;color:var(--color-danger);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.4rem;font-size:1rem}.semester-card:hover .semester-card__delete{opacity:1;visibility:visible;pointer-events:auto}.semester-card__delete:hover{transform:scale(1.1)}@media (width<=768px){.semester-card__header{flex-wrap:wrap}.semester-card__summary{gap:var(--space-md)}}@media (width<=768px),(hover:none){.semester-card__delete{opacity:.7;visibility:visible;pointer-events:auto;padding:.5rem .6rem}.semester-card__delete:active{opacity:1}}@media (pointer:coarse){.semester-card__delete,.semester-card__toggle{min-width:2.25rem;min-height:2.5rem}.semester-card__delete{font-size:1.25rem;line-height:1}}@media (width<=30rem){.semester-card__header{gap:var(--space-sm)}.semester-card__summary{margin-right:auto}.semester-card__content{padding:0 var(--space-sm) var(--space-sm)}}.course-table{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;overflow:auto hidden}.course-table__header,.course-table__row{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);grid-template-columns:minmax(160px,2fr) 80px 80px 100px 70px;align-items:center;display:grid}.course-table__header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.course-table__header span{color:var(--text-secondary);text-align:center;font-size:.8rem;font-weight:600}.course-table__header span:first-child{text-align:left}.course-table__row{border-bottom:1px solid var(--border-color);font-size:.9rem}.course-table__row span:first-child{color:var(--text-primary);font-weight:700}.course-table__row span:not(:first-child){text-align:center;color:var(--text-secondary)}.course-table__empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-secondary);font-size:.9rem}.course-table__entry{align-items:center;gap:var(--space-sm);padding:var(--space-md);display:flex}.course-table__add,.course-table__save{background-color:var(--color-primary-solid);color:var(--text-on-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);border:none;font-size:.9rem;font-weight:600}.course-table__add{justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--space-sm) var(--space-md);display:inline-flex}.course-table__add:hover,.course-table__save:hover{background-color:var(--color-primary-dark)}.course-table__delete{cursor:pointer;color:var(--color-danger);padding:var(--space-xs);background:0 0;border:none;justify-self:center;font-size:1rem}.course-table__delete:hover{opacity:.7}@media (width<=768px){.course-table__header,.course-table__row{gap:var(--space-xs);padding:var(--space-sm);grid-template-columns:minmax(120px,2fr) 64px 64px 84px 56px}.course-table__entry{padding:var(--space-sm);flex-wrap:wrap}.course-table__entry .course-row{flex:100%;min-width:0}.course-table__delete{padding:.5rem}}@media (width<=30rem){.course-table__header,.course-table__row{padding:var(--space-sm) var(--space-xs);grid-template-columns:minmax(0,1fr) 2.25rem 2.25rem 2.5rem 2.25rem;gap:.125rem}.course-table__header span{min-width:0;font-size:.7rem}.course-table__delete{padding:.5rem 0}}@media (pointer:coarse){.course-table__delete{min-width:2.25rem;min-height:2.5rem;font-size:1.25rem;line-height:1}.course-table__add,.course-table__save{min-height:2.5rem}}.course-row{gap:var(--space-sm);grid-template-columns:1fr 90px 100px 70px;align-items:center;display:grid}.course-row input,.course-row select{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary);font-size:.9rem}.course-row input::placeholder{color:var(--text-secondary)}.course-row input:focus,.course-row select:focus{border-color:var(--color-primary);outline:none}.course-row__grade-point{color:var(--text-primary);text-align:center;font-size:.95rem;font-weight:700}@media (width<=768px){.course-row{row-gap:var(--space-sm);grid-template-columns:1fr 1fr}.course-row input{grid-column:1/-1;min-width:0}.course-row__grade-point{text-align:left;grid-column:span 2}}@media (pointer:coarse){.course-row input,.course-row select{min-height:2.75rem;font-size:1rem}}.course-table__row>:first-child{color:var(--text-primary);text-align:left;overflow-wrap:anywhere;min-width:0;font-weight:700}.course-table__row>:not(:first-child):not(.course-table__delete){text-align:center}.course-table__editable{cursor:pointer;border-radius:var(--radius-sm);padding:2px 6px;display:inline-block}.course-table__editable:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.course-table__row input,.course-table__row select{border:1px solid var(--color-primary);border-radius:var(--radius-sm);width:100%;padding:4px 6px;font-size:.9rem}[data-theme=dark] .course-table__row input,[data-theme=dark] .course-table__row select{background-color:var(--bg-primary);color:var(--text-primary)}@media (width<=30rem){.course-table__row select{padding-inline:2px}}@media (pointer:coarse){.course-table__editable{padding:.5rem .375rem}.course-table__row input,.course-table__row select{min-height:2.25rem;font-size:1rem}}.transcript-modal__backdrop{z-index:1100;padding:var(--space-lg);background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transcript-modal{background-color:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90dvh;box-shadow:var(--shadow-elevated);overflow-y:auto}.transcript-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex}.transcript-modal__eyebrow{margin-bottom:var(--space-xs);letter-spacing:.06em;color:var(--color-primary);font-size:.7rem;font-weight:700}.transcript-modal__header h2{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:1.35rem}.transcript-modal__header p:last-child{max-width:420px;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.transcript-modal__close{background-color:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:1.25rem}.transcript-modal__close:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.transcript-modal__years{gap:var(--space-sm);padding:var(--space-lg);flex-direction:column;display:flex}.transcript-year{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.transcript-year__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);display:flex}.transcript-checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-primary);font-weight:600;display:flex}.transcript-checkbox input{width:17px;height:17px;accent-color:var(--color-primary);cursor:pointer}.transcript-year__toggle{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.transcript-year__toggle:hover{color:var(--color-primary)}.transcript-year__semesters{gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--border-color);flex-direction:column;display:flex}.transcript-checkbox--semester{padding-top:var(--space-sm);font-size:.9rem;font-weight:500}.transcript-year__empty{padding-top:var(--space-sm);color:var(--text-secondary);font-size:.85rem}.transcript-modal__actions{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color);display:flex}.transcript-modal__cancel,.transcript-modal__continue{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600}.transcript-modal__cancel{background-color:var(--bg-primary);color:var(--text-primary)}.transcript-modal__continue{background-color:var(--color-primary-solid);color:var(--text-on-primary)}.transcript-modal__continue:hover{background-color:var(--color-primary-dark)}@media (width<=600px){.transcript-modal__backdrop{padding:var(--space-sm)}.transcript-modal__header,.transcript-modal__years,.transcript-modal__actions{padding:var(--space-md)}}@media (pointer:coarse){.transcript-modal__close,.transcript-year__toggle{width:2.5rem;height:2.5rem}.transcript-year__header .transcript-checkbox{flex:1;min-height:2.5rem}.transcript-checkbox--semester{min-height:2.5rem;padding-top:0}.transcript-modal__cancel,.transcript-modal__continue{min-height:2.5rem}}.transcript-preview__backdrop{z-index:1200;padding:var(--space-lg);background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transcript-preview{background-color:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:850px;max-height:90dvh;box-shadow:var(--shadow-elevated);overflow-y:auto}.transcript-preview__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex}.transcript-preview__eyebrow{margin-bottom:var(--space-xs);letter-spacing:.06em;color:var(--color-primary);font-size:.7rem;font-weight:700}.transcript-preview__header h2{color:var(--text-primary);margin:0}.transcript-preview__close{background-color:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;font-size:1.25rem}.transcript-preview__student{gap:var(--space-md);padding:var(--space-lg);background-color:var(--bg-primary);grid-template-columns:repeat(2,1fr);display:grid}.transcript-preview__student div{gap:var(--space-xs);flex-direction:column;display:flex}.transcript-preview__student span{color:var(--text-secondary);font-size:.75rem}.transcript-preview__student strong{color:var(--text-primary)}.transcript-preview__records{padding:var(--space-lg)}.transcript-preview__year{margin-bottom:var(--space-xl)}.transcript-preview__year h3{margin-bottom:var(--space-md);color:var(--color-primary)}.transcript-preview__semester{margin-bottom:var(--space-lg)}.transcript-preview__semester-header{margin-bottom:var(--space-sm)}.transcript-preview__semester-header h4{color:var(--text-primary);margin:0}.transcript-preview__table-wrapper{overflow-x:auto}.transcript-preview__table{border-collapse:collapse;width:100%}.transcript-preview__table th,.transcript-preview__table td{padding:var(--space-sm);border-bottom:1px solid var(--border-color);text-align:left}.transcript-preview__table th{color:var(--text-secondary);font-size:.75rem}.transcript-preview__table td{color:var(--text-primary)}.transcript-preview__empty{color:var(--text-secondary);font-size:.85rem}.transcript-preview__actions{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-color);display:flex}.transcript-preview__close-button,.transcript-preview__download{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600}.transcript-preview__close-button{background-color:var(--bg-primary);color:var(--text-primary)}.transcript-preview__download{background-color:var(--color-primary-solid);color:var(--text-on-primary)}@media (width<=600px){.transcript-preview__backdrop{padding:var(--space-sm)}.transcript-preview__student{grid-template-columns:1fr}.transcript-preview__header,.transcript-preview__student,.transcript-preview__records,.transcript-preview__actions{padding:var(--space-md)}.transcript-preview__table th,.transcript-preview__table td,.transcript-preview__student strong{overflow-wrap:anywhere}}@media (width<=30rem){.transcript-preview__table th,.transcript-preview__table td{padding:var(--space-sm) var(--space-xs)}}@media (pointer:coarse){.transcript-preview__close{flex-shrink:0;width:2.5rem;height:2.5rem}.transcript-preview__close-button,.transcript-preview__download{min-height:2.5rem}}.account-modal__overlay{padding:var(--space-md);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-modal{background-color:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:100%;max-width:780px;max-height:calc(100vh - 2 * var(--space-md));max-height:calc(100dvh - 2 * var(--space-md));grid-template-columns:280px 1fr;display:grid;position:relative;overflow:hidden auto}.account-modal__preview{background-color:var(--bg-primary);border-right:1px solid var(--border-color);padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.account-modal__preview-header{align-items:center;gap:var(--space-sm);letter-spacing:.04em;color:var(--text-secondary);font-size:.75rem;font-weight:700;display:flex}.account-modal__preview-badge{border-radius:var(--radius-sm);background-color:var(--color-primary-solid);width:24px;height:24px;color:var(--text-on-primary);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.account-modal__preview-cgpa{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md)}.account-modal__preview-label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.7rem;display:block}.account-modal__preview-cgpa-value{align-items:baseline;gap:var(--space-xs);display:flex}.account-modal__preview-cgpa-value strong{color:var(--color-primary);font-size:2rem}.account-modal__preview-cgpa-value span{color:var(--text-secondary);font-size:.9rem}.account-modal__preview-stats{gap:var(--space-md);display:flex}.account-modal__preview-stats>div{flex-direction:column;gap:2px;display:flex}.account-modal__preview-stats span{color:var(--text-secondary);font-size:.7rem}.account-modal__preview-stats strong{color:var(--text-primary);font-size:1rem}.account-modal__content{padding:var(--space-xl);position:relative}.account-modal__close{top:var(--space-sm);right:var(--space-sm);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute}.account-modal__close:hover{color:var(--text-primary)}.account-modal__eyebrow{letter-spacing:.06em;color:var(--color-primary);background-color:var(--color-primary-light);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);border-radius:999px;font-size:.7rem;font-weight:700;display:inline-block}.account-modal__content h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700}.account-modal__content p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9rem;line-height:1.5}.account-modal__benefits{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.account-modal__benefit{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.account-modal__benefit:hover{background-color:var(--color-primary-light)}.account-modal__benefit-icon{flex-shrink:0;font-size:1.1rem}.account-modal__benefit strong{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;display:block}.account-modal__benefit span{color:var(--text-secondary);font-size:.8rem}.account-modal__actions{gap:var(--space-sm);flex-direction:column;display:flex}.account-modal__primary{background-color:var(--color-primary-solid);color:var(--text-on-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);border:none;font-size:.95rem;font-weight:600}.account-modal__primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-elevated)}.account-modal__secondary{color:var(--text-secondary);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);text-align:center;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:.9rem}.account-modal__secondary:hover{background-color:var(--color-primary-light);color:var(--color-primary)}@media (width<=820px){.account-modal{grid-template-columns:220px 1fr;max-width:620px}}@media (width<=640px){.account-modal{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.account-modal__preview{border-right:none;border-bottom:1px solid var(--border-color)}}@media (width<=40rem){.account-modal__preview{padding:var(--space-md);gap:var(--space-sm)}.account-modal__preview-cgpa{padding:var(--space-sm) var(--space-md)}.account-modal__preview-cgpa-value strong{font-size:1.5rem}.account-modal__content{padding:var(--space-lg) var(--space-md) var(--space-md)}.account-modal__content h2{font-size:1.25rem}.account-modal__content p,.account-modal__benefits{margin-bottom:var(--space-md)}}@media (pointer:coarse){.account-modal__close{justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;top:0;right:0}.account-modal__primary,.account-modal__secondary{min-height:2.75rem}}.profile-modal{z-index:1000;padding:var(--space-lg);background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal__content{background-color:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-elevated);padding:var(--space-lg);position:relative;overflow-y:auto}.profile-modal__close{top:var(--space-sm);right:var(--space-sm);background-color:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex;position:absolute}.profile-modal__close:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.profile-card{width:100%}.profile-card__title{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:1.4rem;font-weight:700}.profile-form{gap:var(--space-md);flex-direction:column;display:flex}.profile-field{gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.profile-field__label{color:var(--text-primary);font-size:.85rem;font-weight:600}.profile-field__input{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.profile-field__input:focus{border-color:var(--color-primary);outline:none}.profile-field__input:disabled{opacity:.6;cursor:not-allowed}.profile-field__combobox{position:relative}.profile-field__options{z-index:10;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:220px;box-shadow:var(--shadow-elevated);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.profile-field__option{width:100%;padding:var(--space-sm);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;font-size:.9rem;display:block}.profile-field__option:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.profile-field__empty{padding:var(--space-sm);color:var(--text-secondary);font-size:.85rem}.profile-form__submit{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background-color:var(--color-primary-solid);color:var(--text-on-primary);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-size:.95rem;font-weight:600}.profile-form__submit:hover{background-color:var(--color-primary-dark)}.profile-message{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background-color:var(--color-notice-bg);color:var(--color-notice);font-size:.85rem}.profile-message,.profile-field__option{overflow-wrap:anywhere}@media (width<=30rem){.profile-modal{padding:var(--space-sm)}.profile-modal__content{padding:var(--space-md)}}@media (pointer:coarse){.profile-field__input{min-height:2.75rem;font-size:1rem}.profile-field__option,.profile-form__submit{min-height:2.75rem}.profile-modal__close{width:2.5rem;height:2.5rem}}.ai-chat{right:var(--space-lg);bottom:var(--space-lg);z-index:1200;position:fixed}.ai-chat__toggle{background-color:var(--color-primary-solid);width:3.5rem;height:3.5rem;color:var(--text-on-primary);box-shadow:var(--shadow-elevated);transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ai-chat__toggle:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.ai-chat__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-chat__toggle svg{width:1.6rem;height:1.6rem}.ai-chat__panel{right:0;bottom:calc(100% + var(--space-md));background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(23.75rem,100vw - 2rem);height:min(37.5rem,100vh - 7rem);max-height:calc(100vh - 7rem);box-shadow:var(--shadow-elevated);animation:ai-chat-panel-in var(--transition-normal);flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes ai-chat-panel-in{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chat__header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.ai-chat__identity{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.ai-chat__avatar{background-color:var(--color-primary-solid);width:2.25rem;height:2.25rem;color:var(--text-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-chat__avatar svg{width:1.1rem;height:1.1rem}.ai-chat__identity-text{min-width:0;line-height:1.25}.ai-chat__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.ai-chat__subtitle{color:var(--text-secondary);font-size:.75rem}.ai-chat__close{background-color:var(--bg-primary);width:2rem;height:2rem;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;font-size:1.25rem;line-height:1}.ai-chat__close:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.ai-chat__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ai-chat__conversation{overscroll-behavior:contain;gap:var(--space-sm);min-height:0;padding:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-chat__welcome{text-align:center;align-items:center;gap:var(--space-xs);padding:var(--space-md) 0;flex-direction:column;margin:auto 0;display:flex}.ai-chat__welcome-icon{background-color:var(--color-primary-light);width:2.75rem;height:2.75rem;color:var(--color-primary);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.ai-chat__welcome-icon svg{width:1.4rem;height:1.4rem}.ai-chat__welcome-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.ai-chat__welcome-text{max-width:20rem;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.ai-chat__suggestions{gap:var(--space-sm);width:100%;margin-top:var(--space-md);flex-direction:column;display:flex}.ai-chat__suggestion{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast);font-size:.85rem;font-weight:500}.ai-chat__suggestion:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.chat-message{max-width:85%;display:flex}.chat-message--user{justify-content:flex-end;align-self:flex-end}.chat-message--assistant{align-self:flex-start}.chat-message__bubble{min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);word-break:break-word;overflow-wrap:anywhere}.chat-message__text{white-space:pre-wrap;font-size:.88rem;line-height:1.5}.chat-message--user .chat-message__bubble{background-color:var(--color-primary-solid);color:var(--text-on-primary);border-bottom-right-radius:var(--radius-sm)}.chat-message--assistant .chat-message__bubble{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:var(--radius-sm)}.chat-message--notice{align-self:center;align-items:center;gap:var(--space-xs);max-width:100%;padding:var(--space-xs) var(--space-md);background-color:var(--color-notice-bg);border-radius:999px}.chat-message--notice p{color:var(--color-notice);text-align:center;font-size:.78rem;line-height:1.5}.chat-message__notice-icon{background-color:var(--color-notice);width:1rem;height:1rem;color:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-style:italic;font-weight:700;display:flex}.chat-message__thinking{align-items:center;gap:.25rem;padding:.15rem 0;display:inline-flex}.chat-message__thinking span{background-color:var(--text-secondary);border-radius:50%;width:.4rem;height:.4rem;animation:1.2s ease-in-out infinite ai-chat-thinking-bounce}.chat-message__thinking span:nth-child(2){animation-delay:.15s}.chat-message__thinking span:nth-child(3){animation-delay:.3s}@keyframes ai-chat-thinking-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.15rem)}}.ai-chat__input-area{align-items:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border-color);flex-shrink:0;display:flex}.ai-chat__input{min-width:0;max-height:6.5rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font:inherit;resize:none;transition:border-color var(--transition-fast);flex:1;font-size:.88rem;line-height:1.4;overflow-y:auto}.ai-chat__input:focus-visible,.ai-chat__input:focus{border-color:var(--color-primary);outline:none}.ai-chat__send{background-color:var(--color-primary-solid);width:2.5rem;height:2.5rem;color:var(--text-on-primary);transition:background-color var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-chat__send svg{width:1.1rem;height:1.1rem}.ai-chat__send:hover:not(:disabled){background-color:var(--color-primary-dark)}.ai-chat__send:disabled{opacity:.5;cursor:default}.ai-chat__send:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (width<=30rem){.ai-chat{right:var(--space-md);bottom:var(--space-md)}.ai-chat__panel{right:calc(-1 * var(--space-md));bottom:calc(100% + var(--space-sm));width:calc(100vw - 2rem);height:min(34rem,100vh - 6rem)}.ai-chat__header,.ai-chat__conversation{padding:var(--space-md)}}@media (pointer:coarse){.ai-chat__toggle{width:3.75rem;height:3.75rem}.ai-chat__close{width:2.5rem;height:2.5rem}.ai-chat__send{width:2.75rem;height:2.75rem}.ai-chat__suggestion{min-height:2.5rem}}@media (prefers-reduced-motion:reduce){.ai-chat__panel{animation:none}.chat-message__thinking span{opacity:.7;animation:none}}