:root{--primary-hue: 250;--primary-sat: 50%;--primary-lig: 50%;--md-sys-color-primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-lig));--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: hsl(var(--primary-hue), var(--primary-sat), 90%);--md-sys-color-on-primary-container: hsl(var(--primary-hue), var(--primary-sat), 10%);--md-sys-color-background: #fdfbff;--md-sys-color-on-background: #1a1b1e;--md-sys-color-surface: #fdfbff;--md-sys-color-on-surface: #1a1b1e;--md-sys-color-surface-variant: #e1e2ec;--md-sys-color-on-surface-variant: #44474f;--md-sys-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-full: 9999px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-family-display: "Roboto Flex", sans-serif}[data-theme=dark]{--md-sys-color-background: #1a1b1e;--md-sys-color-on-background: #e1e2ec;--md-sys-color-surface: #26282e;--md-sys-color-on-surface: #e1e2ec;--md-sys-color-surface-variant: #44474f;--md-sys-color-on-surface-variant: #c4c6d0;--md-sys-color-primary-container: hsl(var(--primary-hue), var(--primary-sat), 20%);--md-sys-color-on-primary-container: hsl(var(--primary-hue), var(--primary-sat), 90%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.5;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}h1{font-family:var(--font-family-display);font-size:2rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.02em}h2{font-family:var(--font-family-display);font-size:1.5rem;font-weight:500}header{padding:1rem 1.5rem;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--md-sys-color-surface-variant);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fdfbffe6}[data-theme=dark] header{background-color:#26282ee6}.header-controls{display:flex;align-items:center;gap:1rem}.brand-container{display:flex;align-items:center;gap:.75rem}.brand-container h1{margin-bottom:0;line-height:1.1}.app-logo{width:32px;height:32px;color:var(--md-sys-color-primary);flex-shrink:0}.icon-btn{background:none;border:none;color:var(--md-sys-color-on-surface);cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--md-sys-color-surface-variant)}.settings-container{position:relative}.settings-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);padding:1rem;min-width:200px;display:none;flex-direction:column;gap:1rem;z-index:20}.settings-menu.active{display:flex;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-item{display:flex;justify-content:space-between;align-items:center;font-weight:500}.theme-toggle-btn{width:48px;height:24px;background-color:var(--md-sys-color-surface-variant);border-radius:12px;border:none;position:relative;cursor:pointer;transition:background-color .2s}.theme-toggle-btn .toggle-thumb{width:18px;height:18px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}[data-theme=dark] .theme-toggle-btn{background-color:var(--md-sys-color-primary)}[data-theme=dark] .theme-toggle-btn .toggle-thumb{transform:translate(24px)}.mini-color-picker{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;max-width:120px}.mini-color-option{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent}.mini-color-option.selected{border-color:var(--md-sys-color-on-surface);transform:scale(1.2)}.user-greeting{font-weight:600;color:var(--md-sys-color-primary)}main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:calc(8rem + env(safe-area-inset-bottom))}.subject-card{background-color:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);padding:1.5rem;box-shadow:var(--md-sys-elevation-1);transition:box-shadow .2s,transform .2s;border:1px solid transparent}.subject-card:hover,.subject-card:focus-within{box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px);border-color:var(--md-sys-color-primary-container)}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subject-title{font-size:1.125rem;font-weight:500}.subject-avg{font-size:1.25rem;font-weight:700;color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);padding:.25rem .75rem;border-radius:var(--md-sys-shape-corner-full);min-width:60px;text-align:center}.delete-btn{background:none;border:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.5}.delete-btn:hover{background-color:#fee2e2;color:#ef4444;opacity:1}[data-theme=dark] .delete-btn:hover{background-color:#450a0a;color:#f87171}.coeff-control{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem;background-color:var(--md-sys-color-surface-variant);opacity:.9;border-radius:8px}.coeff-slider{flex:1;-webkit-appearance:none;height:4px;background:var(--md-sys-color-on-surface-variant);border-radius:2px;outline:none;opacity:.7;transition:opacity .2s}.coeff-slider:hover{opacity:1}.coeff-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--md-sys-color-primary);cursor:pointer;border:2px solid var(--md-sys-color-surface);box-shadow:0 1px 3px #0000004d;transition:transform .1s}.coeff-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.coeff-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--md-sys-color-primary);cursor:pointer;border:2px solid var(--md-sys-color-surface);box-shadow:0 1px 3px #0000004d;transition:transform .1s}.coeff-slider::-moz-range-thumb:hover{transform:scale(1.2)}.coeff-value{font-family:var(--font-family-display);font-weight:500;font-size:.9rem;color:var(--md-sys-color-on-surface-variant);min-width:32px}.grades-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.grade-input-wrapper{position:relative}.grade-input{width:100%;padding:.75rem .5rem;border:1px solid var(--md-sys-color-surface-variant);border-radius:8px;font-size:1rem;text-align:center;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:border-color .2s}.grade-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.summary-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:var(--md-sys-shape-corner-large);border-top-right-radius:var(--md-sys-shape-corner-large);box-shadow:0 -2px 10px #0000001a;max-width:1200px;margin:0 auto;width:100%;z-index:20;flex-wrap:wrap;gap:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.general-avg-label{font-size:1rem;font-weight:500}.general-avg-value{font-family:var(--font-family-display);font-size:2rem;font-weight:700}.reset-btn{background:transparent;border:1px solid var(--md-sys-color-on-primary-container);color:var(--md-sys-color-on-primary-container);padding:1rem;border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-family:var(--font-family-display);font-size:1rem;font-weight:500;transition:background .2s}.reset-btn:hover{background-color:#ffffff1a}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.active{opacity:1;pointer-events:auto}.modal{background-color:var(--md-sys-color-surface);padding:2rem;border-radius:var(--md-sys-shape-corner-large);width:90%;max-width:400px;box-shadow:var(--md-sys-elevation-2);transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal{transform:scale(1)}.modal h2{margin-bottom:.5rem;color:var(--md-sys-color-primary)}.modal p{color:var(--md-sys-color-on-surface-variant);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--md-sys-color-on-surface)}.text-input{width:100%;padding:.75rem;border:1px solid var(--md-sys-color-on-surface-variant);border-radius:8px;font-size:1rem}.color-options{display:flex;gap:.75rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s}.color-option.selected{border-color:var(--md-sys-color-on-surface);transform:scale(1.1)}.btn-primary{width:100%;padding:1rem;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:var(--md-sys-shape-corner-full);font-family:var(--font-family-display);font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}@media(min-width:768px){.summary-bar{border-radius:var(--md-sys-shape-corner-large);bottom:1rem;width:90%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.2)}to{transform:scale(1)}}.pulse{animation:pulse .3s cubic-bezier(.4,0,.2,1)}@media(max-width:600px){header{padding:.75rem 1rem}.brand-container{gap:.5rem}.app-logo{width:24px;height:24px}h1{font-size:1.25rem}.subjects-grid{gap:1rem;grid-template-columns:1fr}.subject-card{padding:1rem}.grades-inputs{grid-template-columns:repeat(2,1fr);gap:.75rem}.grade-input{padding:.875rem .5rem;font-size:1rem}}@media(max-width:380px){.summary-bar{padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.general-avg-value{font-size:1.5rem}.fab-mini{width:40px;height:40px}.reset-btn{padding:.75rem;font-size:.9rem}}.language-selection{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.lang-card{flex:1;background-color:var(--md-sys-color-surface-variant);border:2px solid transparent;border-radius:var(--md-sys-shape-corner-medium);padding:1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;align-items:center;gap:.5rem}.lang-card:hover{background-color:var(--md-sys-color-primary-container);transform:translateY(-2px)}.lang-card.selected{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.flag{font-size:2.5rem;display:block}.lang-name{font-weight:600;font-size:1.1rem}.mini-lang-picker{display:flex;gap:.5rem}.mini-lang-btn{background:none;border:1px solid var(--md-sys-color-surface-variant);border-radius:8px;padding:4px 8px;font-size:1.25rem;cursor:pointer;transition:all .2s}.mini-lang-btn:hover{background-color:var(--md-sys-color-surface-variant)}.mini-lang-btn.active{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.step-container{transition:opacity .3s ease,transform .3s ease}.step-container.hidden{display:none;opacity:0;transform:translate(20px)}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .settings-menu{right:auto;left:0}[dir=rtl] .toggle-thumb{left:auto;right:3px}[data-theme=dark][dir=rtl] .toggle-thumb{transform:translate(-24px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out forwards}.fade-out-left{animation:fadeOutLeft .3s ease-out forwards}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.scale-up{animation:scaleUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.summary-actions{display:flex;align-items:center;gap:1rem}.fab-mini{width:48px;height:48px;border-radius:12px;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;box-shadow:var(--md-sys-elevation-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.fab-mini:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.fab-mini:active{transform:translateY(0)}.fab-mini svg{width:24px;height:24px}[dir=rtl] .delete-btn{margin-right:auto}[dir=rtl] .fade-out-left{animation-name:fadeOutRight}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@media(max-width:600px){.language-selection{flex-direction:column}}