*{-webkit-tap-highlight-color:transparent}:root{--bg:#000;--item-bg:#ffffff0d;--glass-bg:#1e1e1e99;--input-bg:#ffffff0f;--text:#ededed;--accent:#fff;--sidebar-bg:#000000bf;--border-color:#ffffff1a;--danger:#ff453a;--chart-grid:#ffffff0d;--chart-text:#888;--modal-bg:#0f0f0fd9;--success:green;--blob-1:#ffffff08;--blob-2:#ffffff05}body.light-mode{--bg:#f5f5f7;--item-bg:#fff9;--glass-bg:#fffc;--input-bg:#fffc;--text:#1d1d1f;--accent:#000;--sidebar-bg:#f5f5f7d9;--border-color:#00000014;--danger:#ff3b30;--chart-grid:#0000000d;--chart-text:#86868b;--modal-bg:#ffffffd9;--blob-1:#00000008;--blob-2:#00000005}body{background-color:var(--bg);background-image:radial-gradient(circle at 15% 30%, var(--blob-1) 0%, transparent 50%), radial-gradient(circle at 85% 70%, var(--blob-2) 0%, transparent 50%);color:var(--text);background-attachment:fixed;justify-content:center;min-height:100vh;margin:0;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;display:flex}#auth-screen,#app-screen{box-sizing:border-box;width:100%;max-width:800px;padding:15px}.auth-card{text-align:center;background:var(--item-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;gap:10px;width:100%;max-width:600px;margin:50px auto;padding:30px 20px;display:block;box-shadow:0 10px 40px #00000080}.auth-card input{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:10px;padding:15px;transition:border-color .2s}.auth-card input:focus{border-color:var(--accent)}.primary-btn{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:700;transition:transform .2s,opacity .2s}.primary-btn:hover{opacity:.9;transform:translateY(-2px)}.secondary-btn{border:1px solid var(--border-color);color:var(--text);cursor:pointer;background:0 0;border-radius:5px;margin-top:5px;padding:10px}.hamburger-btn{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;width:40px;padding:0;font-size:1.8rem}#sidebar{background:var(--sidebar-bg);z-index:1000;width:260px;height:100%;transition:transform .9s linear(0, .0093, .035, .0734, .1218, .1773, .2378, .3012, .3659, .4304, .4937, .5548, .6129, .6676, .7186, .7654, .8081, .8466, .881, .9113, .9379, .9607, .9802, .9965, 1.01, 1.0209, 1.0294, 1.0359, 1.0405, 1.0436, 1.0454, 1.046, 1.0457, 1.0446, 1.0428, 1.0407, 1.0381, 1.0354, 1.0325, 1.0295, 1.0265, 1.0236, 1.0208, 1.0181, 1.0156, 1.0132, 1.011, 1.009, 1.0073, 1.0056, 1.0042, 1.003, 1.0019, 1.001, 1.0002, .9996, .9991, .9987, .9984, .9982, .998, .9979, .9979, .9979, .9979, .998, .9981, .9982, .9984, .9985, .9986, .9988, .9989, .999, .9992, .9993, .9994, .9995, .9996, .9997, .9997, .9998, .9999, .9999, .9999, 1, 1, 1, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1);border-right:1px solid var(--border-color);color:var(--text);-webkit-backdrop-filter:blur(25px);will-change:transform;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:5px 0 25px #00000080}#sidebar.open{transform:translate(0)}.sidebar-content{flex-direction:column;min-height:100%;padding:25px 20px;display:flex}#sidebar-overlay{z-index:999;opacity:0;background:#0009;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}#sidebar-overlay.active{opacity:1;display:block}.sidebar-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:15px}.sidebar-section:last-of-type{border-bottom:none}.sidebar-section label{color:var(--text);text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.sidebar-btn{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;margin-bottom:8px;padding:12px 15px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-btn:hover{color:var(--accent);background:#ffffff0d;transform:translate(3px)}.sidebar-btn.active:hover{background:0 0}.sidebar-switch{flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.sidebar-marker{z-index:1;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;width:0;height:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;box-shadow:0 0 15px #ffffff0d}body.light-mode .sidebar-marker{background:#0000000d}.sidebar-btn.active{font-weight:700;color:var(--accent)!important}.sidebar-btn.logout{border:1px solid var(--border-color);color:var(--danger);justify-content:center;margin-top:auto;font-weight:600}.sidebar-btn.logout:hover{border-color:var(--danger);background:#ff453a1a;transform:translateY(-2px)}header{z-index:10;background:0 0;margin-bottom:20px;padding-top:10px;position:relative}.header-top{z-index:100;-webkit-backdrop-filter:blur(25px)saturate(180%);border:1px solid var(--border-color);background:#000000a6;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;margin:-25px -15px 15px;padding:25px 15px 15px;display:flex;position:relative}.header-top:before{content:"";background:inherit;width:100%;height:100vh;-webkit-backdrop-filter:inherit;pointer-events:none;position:absolute;bottom:100%;left:0}body.light-mode .header-top{background:#ffffffb3;border-bottom:1px solid #0000000d}.term-switch{-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;width:max-content;max-width:calc(100vw - 120px);padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.term-btn{color:var(--text);opacity:.6;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:.9rem;font-weight:700;transition:color .3s}.term-switch::-webkit-scrollbar{display:none}.term-btn.active{opacity:1;text-shadow:0 0 8px #ffffff4d}.term-marker{z-index:1;background:#ffffff1f;border:1px solid #ffffff26;border-radius:8px;width:0;height:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;box-shadow:0 4px 10px #0003,inset 0 1px #ffffff1a}body.light-mode .term-switch{background:#00000008;border:1px solid #0000000d;box-shadow:inset 0 2px 4px #0000000d}body.light-mode .term-marker{background:#fffc;border:1px solid #0000000d;box-shadow:0 2px 8px #0000001a}.circle-container{text-align:center}.circle{background:var(--item-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);width:100px;height:100px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0000004d}#system-indicator{-webkit-backdrop-filter:blur(10px);color:var(--text);opacity:.8;text-transform:uppercase;letter-spacing:1px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;margin-top:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 4px 12px #0003}body.light-mode #system-indicator{background:#0000000a;border:1px solid #0000000f}.add-subject-container{gap:10px;margin-bottom:20px;display:flex}input{background:var(--input-bg);color:var(--text);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px)saturate(180%);border-radius:8px;outline:none;flex:1;padding:12px}input:focus{border-color:var(--accent)}.add-subject-container button{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:0 20px;font-size:1.5rem;font-weight:700}#subjects-list{flex-direction:column;gap:14px;display:flex}.subject-row{background:var(--glass-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);opacity:0;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;transition:box-shadow .3s,border-color .3s,background-color .3s,transform .2s;animation:.5s cubic-bezier(.2,.8,.2,1) forwards rowSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.subject-row:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}body.light-mode .subject-row:before{background:linear-gradient(90deg,#0000,#fffc,#0000)}.subject-row:hover{border-color:var(--accent);background:var(--input-bg);z-index:2;transform:translateY(-2px);box-shadow:0 8px 30px #9e9e9e66,0 0 15px #ffffff0d}.subject-info{width:30%;color:var(--accent);word-wrap:break-word;font-weight:600}.grades-container{flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.grade-badge{cursor:pointer;border:1px solid var(--border-color);min-width:34px;height:34px;color:var(--text);-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;padding:0 5px;font-size:.95rem;font-weight:700;display:flex;position:relative}.grade-badge:hover{border-color:var(--danger);background:var(--danger)!important;color:#fff!important}.grade-badge:hover span{display:none}.grade-badge:hover:after{content:"✕"}.add-grade-btn{width:36px;height:32px;color:var(--text);cursor:pointer;border:1px dashed var(--border-color);opacity:.6;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding-bottom:4px;font-size:1.4rem;line-height:0;display:flex}.subject-avg{text-align:right;width:45px;color:var(--text);font-weight:700}.stats-controls{margin-bottom:15px}.stats-controls select{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px}.chart-container{background:var(--item-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);border-radius:12px;height:350px;padding:10px}.modal{z-index:2000;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:background .4s;display:none;position:fixed;top:0;left:0}.modal.open{background:#000c}body.light-mode .modal.open{background:#fff9}.modal-content,#delete-modal .modal-content{background:var(--modal-bg);text-align:center;border:1px solid var(--border-color);width:340px;color:var(--text);-webkit-backdrop-filter:blur(25px)saturate(200%);transform-origin:0 0;will-change:transform, border-radius, opacity;border-radius:20px;padding:30px 25px;box-shadow:0 20px 50px #00000080}.weight-selector{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px}.weight-selector label{color:var(--text);letter-spacing:.5px;opacity:.7;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.weight-buttons{background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:center;gap:0;width:fit-content;margin:0 auto;padding:4px;display:flex;position:relative;overflow:hidden}.weight-btn{color:var(--text);cursor:pointer;opacity:.6;z-index:2;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s;position:relative}.weight-btn.active{color:var(--bg);opacity:1}.weight-marker{z-index:1;background:var(--accent);border-radius:8px;width:0;height:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;box-shadow:0 2px 10px #fff3}.grade-base-select{justify-content:space-between;gap:10px;margin-bottom:20px;display:flex}.base-btn{background:var(--input-bg);width:48px;height:48px;color:var(--text);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 10px #0003}.base-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.base-btn.selected{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:scale(1.1);box-shadow:0 5px 15px #fff3}.grade-tendency-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.tendency-btn{color:var(--text);cursor:pointer;border:none;border-right:1px solid var(--border-color);background:0 0;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:background .2s}.tendency-btn:last-child{border-right:none}.tendency-btn:hover{color:var(--accent);background:#ffffff0d}.tendency-btn:active{background:var(--accent);color:var(--bg)}.points-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.point-btn{background:var(--input-bg);color:var(--text);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;padding:15px 0;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 10px #0003}.point-btn:hover{border-color:var(--accent);color:var(--accent);background:#ffffff0d;transform:translateY(-3px);box-shadow:0 5px 12px #0000004d}.point-btn:active{background:var(--accent);color:var(--bg);border-color:#0000;transform:scale(.95)}#custom-grade-input{background:var(--input-bg);border:1px solid var(--border-color);text-align:center;border-radius:10px;outline:none;padding:12px;font-size:1rem;font-weight:700}#custom-grade-input:focus{border-color:var(--accent)}.cancel-btn{color:var(--text);opacity:.5;cursor:pointer;background:0 0;border:none;width:100%;margin-top:15px;padding:12px;font-size:.9rem;font-weight:600;transition:opacity .2s}.cancel-btn:hover{opacity:1;color:var(--danger)}.confirm-actions{justify-content:space-between;gap:10px;display:flex}.confirm-actions button{border:1px solid var(--border-color);flex:1;margin:0}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:fixed;top:65px;left:50%;transform:translate(-50%)}.toast{background:var(--glass-bg);color:var(--text);border:1px solid var(--border-color);opacity:0;transform:translateY(-20px);scale:(.9);pointer-events:auto;-webkit-backdrop-filter:blur(15px);border-radius:50px;align-items:center;gap:10px;margin-bottom:-15px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideInStack,.5s 2s forwards fadeOut;display:flex;box-shadow:0 8px 20px #00000080}.toast.error{border-color:var(--danger);color:var(--danger);background:#ff453a66}.toast.success{border-color:var(--success);color:var(--accent);background:#00871b66}@keyframes slideInStack{to{opacity:1;transform:translateY(0);scale:(1)}}@keyframes fadeOutStack{to{opacity:0;transform:translateY(-40px);scale:(.8)}}#bg-watermark{z-index:-1;pointer-events:none;filter:grayscale()brightness()opacity(5%);width:80%;max-width:1000px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.light-mode #bg-watermark{filter:grayscale()opacity(3%)}@keyframes circlePulse{0%{opacity:.5;transform:scale(.8);box-shadow:0 0 #0000}to{opacity:1;transform:scale(1)}}.circle.animate{animation:.5s ease-out forwards circlePulse}.grade-badge{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.grade-badge:hover{z-index:10;box-shadow:0 8px 20px #ff453a4d;transform:scale(1.2)rotate(3deg)!important}.add-subject-container button{transition:transform .2s,box-shadow .2s,opacity .2s}.add-subject-container button:hover{opacity:.9;transform:scale(1.05);box-shadow:0 0 20px #fff3}.add-subject-container button:active{transform:scale(.95)}.add-grade-btn{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.add-grade-btn:hover{background:var(--accent);color:var(--bg);opacity:1;border-color:#0000;transform:scale(1.15)rotate(90deg);box-shadow:0 0 15px #fff3}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content.morphing-close>*{opacity:0;transition:opacity .15s}.modal-content.morphing>*,.modal-content:not(.morphing)>*{opacity:1;transition:opacity .2s}.suggestions-dropdown{background:var(--modal-bg);border:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(20px);opacity:0;border-radius:12px;max-height:200px;margin-top:5px;animation:.2s ease-out forwards dropdownFadeIn;position:absolute;top:100%;left:0;right:60px;overflow-y:auto;transform:translateY(-10px);box-shadow:0 10px 40px #00000080}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.suggestion-item{border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text);padding:12px 15px;font-size:.95rem;font-weight:500;transition:background .2s,color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{color:var(--accent);background:#ffffff0d}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.lang-switch-container{justify-content:center;gap:10px;margin-bottom:15px;display:flex}.lang-btn{border:1px solid var(--border-color);color:var(--text);cursor:pointer;opacity:.4;background:0 0;border-radius:20px;padding:5px 15px;font-size:.8rem;font-weight:700;transition:all .2s}.lang-btn.active{opacity:1;background:var(--accent);color:var(--bg);border-color:var(--accent)}.lang-switch-sidebar{flex-direction:column;gap:5px;display:flex}.danger-text-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;opacity:.6;background:0 0;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.danger-text-btn:hover{opacity:1;background:#ff453a1a;transform:scale(1.05)}