@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lilita+One&family=Momo+Trust+Display&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@keyframes fade-drop{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes drop{to{opacity:0;transform:scale(.9)}}@keyframes rise{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fade-out{to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes slight-slide-out{to{opacity:0;transform:translate(-30%)}}@keyframes slight-slide-in{to{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0%)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes shrink{0%{height:12%}50%{height:3%}to{height:12%}}@keyframes expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}@keyframes spin{to{rotate:360deg}}@keyframes background-gradient{0%{background-position:0 0}to{background-position:100% 100%}}[data-theme=light]{--absolute-bg:#fff}[data-theme=dark]{--absolute-bg:#000}[data-theme=light][data-palette=default]{--primary-bg:#ddd;--secondary-bg:#fff;--blur-bg:#ffffff90;--primary-text-color:#000;--border-color:#00000080;--accent:#969696}[data-theme=dark][data-palette=default]{--primary-bg:#000;--secondary-bg:#1e1e1e;--blur-bg:#1e1e1e90;--primary-text-color:#fff;--border-color:#fff9;--accent:#969696}[data-theme=light][data-palette=lime]{--primary-bg:#f5ffe6;--secondary-bg:#e6fab4;--blur-bg:#e6fab490;--primary-text-color:#1e2814;--border-color:#78963c;--accent:#96c846}[data-theme=dark][data-palette=lime]{--primary-bg:#12180e;--secondary-bg:#1c2416;--blur-bg:#1c241690;--primary-text-color:#dcebd2;--border-color:#96c846;--accent:#aadc5a}[data-theme=light][data-palette=pink]{--primary-bg:#fff5fa;--secondary-bg:#f5e1f0;--blur-bg:#f5e1f090;--primary-text-color:#281423;--border-color:#b478a0;--accent:#c882b4}[data-theme=dark][data-palette=pink]{--primary-bg:#161014;--secondary-bg:#22181e;--blur-bg:#22181e90;--primary-text-color:#ebd7e1;--border-color:#c882b4;--accent:#dc96c8}[data-theme=light][data-palette=blue]{--primary-bg:#f0f8ff;--secondary-bg:#e1f0fa;--blur-bg:#e1f0fa90;--primary-text-color:#141e28;--border-color:#648cb4;--accent:#6eaadc}[data-theme=dark][data-palette=blue]{--primary-bg:#0e1218;--secondary-bg:#181e26;--blur-bg:#181e2690;--primary-text-color:#d7e1eb;--border-color:#82b4e6;--accent:#8cc8fa}[data-theme=light][data-palette=purple]{--primary-bg:#f8f5ff;--secondary-bg:#e8e1fa;--blur-bg:#e8e1fa90;--primary-text-color:#231e2d;--border-color:#826eaa;--accent:#9682c8}[data-theme=dark][data-palette=purple]{--primary-bg:#100e16;--secondary-bg:#1a1824;--blur-bg:#1a182490;--primary-text-color:#e1dceb;--border-color:#a08cd2;--accent:#b4a0e6}[data-orientation=vertical]{--font-scale:1;--header-scale:1;--icon-scale:1;--primary-font:500 calc(20px * var(--font-scale)) "Inter", sans-serif;--secondary-font:500 calc(16px * var(--font-scale)) "Inter", sans-serif;--primary-header-font:300 calc(30px * var(--header-scale)) "Inter", sans-serif;--secondary-header-font:300 calc(22px * var(--header-scale)) "Inter", sans-serif;--icon-size:calc(24px * var(--icon-scale));--toggle-icon-size:calc(25px * var(--icon-scale));--navigation-icon-size:calc(18px * var(--icon-scale));--loading-icon-size:calc(40px * var(--icon-scale));--loading-font-size:calc(20px * var(--font-scale));--button-height:60px;--button-height-grid-view:200px}[data-orientation=horizontal]{--font-scale:1;--header-scale:1;--icon-scale:1;--primary-font:500 calc(20px * var(--font-scale)) "Inter", sans-serif;--secondary-font:500 calc(16px * var(--font-scale)) "Inter", sans-serif;--primary-header-font:300 calc(30px * var(--header-scale)) "Inter", sans-serif;--secondary-header-font:300 calc(22px * var(--header-scale)) "Inter", sans-serif;--icon-size:calc(24px * var(--icon-scale));--toggle-icon-size:calc(25px * var(--icon-scale));--navigation-icon-size:calc(24px * var(--icon-scale));--loading-icon-size:calc(40px * var(--icon-scale));--loading-font-size:calc(20px * var(--font-scale));--button-height:10vh;--button-height-grid-view:35vh}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;transition:background-color .1s,color .1s}*::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;font-family:Inter,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}p,i,input{color:var(--primary-text-color)}.toggle-effect{position:relative;overflow:hidden}.glow-span{pointer-events:none;background:radial-gradient(circle, var(--accent) 40%, transparent);opacity:.3;border-radius:50%;width:50px;height:50px;position:absolute}.ripple-span{pointer-events:none;background:var(--accent);background:radial-gradient(circle, transparent, var(--accent), #0000);border-radius:50%;animation:.4s linear ripple-animation;position:absolute;transform:scale(0)}.top-bar{z-index:2;box-sizing:border-box;background:var(--primary-bg);align-items:center;width:100%;height:fit-content;padding:10px 20px;display:flex;position:sticky;top:0;bottom:auto}.top-bar.column{flex-direction:column;align-items:flex-start}[data-os=ios] .top-bar{background:linear-gradient(180deg, var(--primary-bg) 30%, #0000)}.toggle{--size:45px;cursor:pointer;touch-action:manipulation;height:var(--size);width:var(--size);background-color:var(--secondary-bg);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.toggle i{font-size:var(--toggle-icon-size)}[data-os=ios] .toggle{background:var(--blur-bg);-webkit-backdrop-filter:blur(3px)}.content{flex-direction:column;flex-grow:1;flex-shrink:0;gap:10px;width:100%;display:flex}.content.added{z-index:1;position:absolute;inset:0}.content-fill{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative}.button-container{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:5px;width:95%;height:fit-content;margin:0 auto;display:flex;overflow:hidden}.button-container .button-container.list-view{border-radius:calc(var(--button-height) / 2)}.action-btn{height:var(--button-height);background:var(--secondary-bg);border:none;border-radius:5px;justify-content:flex-start;align-items:center;gap:15px;width:100%;padding:0 20px;transition:transform .3s;display:flex}.action-btn:active{border-radius:calc(var(--button-height) / 2)}.action-btn p{font:var(--primary-font)}.action-btn i{font-size:var(--icon-size)}#navigation-bar{--height:60px;--btn-height:var(--height);--btn-width:80px;--focus-no:0;z-index:1;top:0;right:0;bottom:env(safe-area-inset-bottom);height:var(--height);border-radius:calc(var(--height) / 2);background-color:var(--secondary-bg);flex-shrink:0;align-items:center;width:fit-content;margin:auto auto 20px;display:flex;position:fixed;left:0;overflow:hidden}[data-orientation=horizontal] #navigation-bar{--btn-width:120px;--btn-height:40px;z-index:auto;width:fit-content;height:100%;box-shadow:none;border-radius:0;flex-direction:column;justify-content:flex-start;padding:20px 10px;position:static}#nav-focus{touch-action:none;pointer-events:none;z-index:2;top:0;left:calc(var(--btn-width) * var(--focus-no));height:var(--btn-height);width:var(--btn-width);border-radius:calc(var(--height) / 2);background-color:var(--accent);opacity:.3;box-shadow:0 0 5px var(--absolute-bg) inset;border:none;transition:left .3s ease-out;position:absolute}[data-orientation=horizontal] #nav-focus{top:calc(var(--focus-no) * var(--btn-height));border-radius:8px;margin:20px auto auto 10px;left:0!important}.nav-btn{cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation;height:var(--btn-height);width:var(--btn-width);background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.nav-btn i{font-size:var(--navigation-icon-size)}.nav-btn p{font:400 14px Inter}[data-orientation=horizontal] .nav-btn{height:var(--btn-height);border-radius:10px;flex-direction:row;justify-content:flex-start;gap:10px;padding:5px 10px}[data-orientation=horizontal] .nav-btn:hover{background-color:var(--accent)}[data-orientation=horizontal] .nav-btn p{font:500 14px Inter}#app{width:100dvw;height:100dvh;padding:env(safe-area-inset-top) 0 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}#app[data-orientation=horizontal]{flex-direction:row-reverse}#app{background-color:var(--secondary-bg)}.panel-container{background-color:var(--primary-bg);flex-grow:1;height:100%;display:flex;overflow:hidden}[data-orientation=horizontal] .panel-container{border-radius:12px 0 0 12px}.app-panel{flex-direction:column;flex-shrink:0;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.panel-bar{z-index:10;background-color:#0000;background-image:linear-gradient(to bottom, var(--primary-bg) 30%, transparent);justify-content:space-between;align-items:center;width:100%;height:fit-content;padding:5px 15px;display:flex;position:absolute;top:0;left:0}.panel-name-div{align-items:center;gap:10px;display:flex}.panel-name{font:var(--secondary-header-font)}.utility-div{align-items:center;gap:10px;display:flex}.content-div{flex-direction:column;flex-grow:1;width:100%;min-height:0;padding:60px 0 200px;display:flex;overflow:hidden auto}.file-container-header{justify-content:center;align-items:center;gap:20px;margin:8px 8px 0;padding:8px;display:flex}.file-search{background-color:var(--secondary-bg);width:60%;min-width:200px;height:40px;font:var(--secondary-font);border:none;border-radius:8px;outline:none;padding:0 15px}.file-container{flex-grow:1;height:fit-content;margin:0 8px 8px;padding:8px}.file-container.grid{grid-template-columns:repeat(auto-fill,120px);grid-auto-flow:row;place-content:start;place-items:center;gap:15px;display:grid}.file-container.list{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.file-container.list .file-btn{border-radius:12px;gap:8px;width:100%;height:fit-content;padding:8px}.file-container.list .file-btn i{font-size:30px}.file-container.grid .file-btn{border-radius:20px;flex-direction:column;flex-grow:0;gap:2px;width:120px;height:120px;padding:16px}.file-container.grid .file-btn i{font-size:60px}.file-btn{cursor:default;touch-action:manipulation;background-color:#0000;border:none;justify-content:flex-start;align-items:center;display:flex}.file-btn p{font:var(--primary-font);text-align:center;font-size:14px}.file-btn:hover{background-color:var(--secondary-bg)}.loading-tab{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.practicals-list-div{flex-direction:column;flex-grow:1;align-items:center;gap:0;width:100%;margin:0;padding:0 0 200px;display:flex}.practicals-list-class-header{font:var(--secondary-header-font);align-self:flex-start;margin:0 auto 0 20px}.practicals-list{margin:10px 0 30px}.practicals-list.grid-view{border-radius:15px;gap:20px}.practicals-list.list-view button{cursor:pointer;height:var(--button-height);width:100%;font:var(--primary-font);background:var(--secondary-bg);border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:0 15px;transition:border-radius .2s;display:flex}.practicals-list.list-view button:active{border-radius:calc(var(--button-height) / 2)}.practicals-list.grid-view button{cursor:pointer;height:var(--button-height-frid-view);background:var(--secondary-bg);border:none;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:0 15px;transition:all .2s;display:flex}.practicals-list p{font:var(--primary-font)}.practicals-list i{font-size:var(--icon-size)}#physics-practical .practical-section{width:100%;margin:0 0 50px;padding:0}#physics-practical .practical-section-header{font:var(--secondary-header-font);margin:0 0 5px;text-decoration:underline}#physics-practical .practical-section-content{font:var(--primary-font);margin:5px 0 0}#physics-practical .img-wrapper{border-radius:20px;width:fit-content;height:fit-content;margin:10px auto;padding:-5px;overflow:hidden}#physics-practical .img-wrapper.loading-img{background:linear-gradient(135deg, var(--secondary-bg), var(--secondary-bg), var(--accent), var(--secondary-bg), var(--secondary-bg));background-size:400% 400%;width:90vmin;height:50vmin;animation:1s infinite background-gradient}#physics-practical .img-wrapper:not(.error-img) .img-error-text{display:none}#physics-practical .img-wrapper.error-img .img-error-text{font:var(--primary-font)}[data-theme=dark] #physics-practical .img-wrapper.light,[data-theme=light] #physics-practical .img-wrapper.dark,#physics-practical .img-wrapper.loading-img img,#physics-practical .img-wrapper.error-img img{display:none}#physics-practical .practical-file-diagram{background:0 0;border:none;width:fit-content;height:fit-content;margin:0;padding:0}[data-orientation=horizontal] #physics-practical .practical-file-diagram{height:50dvh}[data-orientation=vertical] #physics-practical .practical-file-diagram{width:95dvw}#physics-practical .practical-section-more-button{cursor:pointer;border:1px solid var(--border-color);background:0 0;border-radius:20px;align-items:center;gap:5px;width:fit-content;height:40px;margin:0 auto;transition:all .2s;display:flex}#physics-practical .practical-section-more-button:active{transform:scale(.95)}#physics-practical .practical-section-more-button p,#physics-practical .practical-section-more-button i{margin:0;font-size:15px}#physics-practical .practical-section-more-button i{font-size:20px}#physics-practical .practical-main-formula{font:var(--secondary-header-font);text-align:center;margin:15px auto;font-weight:500}#physics-practical .moved-div{width:100%;padding:0 0 0 30px}#physics-practical .moved-div p{font:var(--primary-font);margin:0}#physics-practical .practical-section-input-div{gap:0;display:flex}#physics-practical .practical-section-input-div p{font:var(--primary-font);margin:0}#physics-practical .practical-section-input-div input{border:none;border-bottom:1px solid var(--border-color);width:70px;font:var(--primary-font);text-align:center;background:0 0;margin:0 2px 0 10px;padding:0}#physics-practical .practical-section-input-div input:focus{outline:none}#physics-practical .observation-table-header{text-align:center;margin:25px auto 5px;font:500 15px Arial}#physics-practical .observation-table-div{max-width:100%;margin:20px 0 0;position:relative;overflow-x:scroll}#physics-practical .observation-table-div::-webkit-scrollbar{display:none}#physics-practical .observation-table{gap:0;height:100%;margin:0;padding:0;display:flex}#physics-practical .add-row-btn{z-index:1;background:var(--border-color);border:none;border-radius:5px;justify-content:center;align-items:center;gap:10px;margin:5px 0;padding:10px 15px;display:flex;position:sticky;inset:auto auto 0 0}#physics-practical .add-row-btn p{color:var(--primary-bg);margin:0}#physics-practical .add-row-btn i{color:var(--primary-bg)}#physics-practical .add-row-btn .ripple-span{background:var(--secondary-bg)}#physics-practical .observation-table-column{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:0;height:100%;margin:0;padding:0;display:flex;overflow:hidden}#physics-practical .observation-table-column:first-child{border-right:none;width:50px}#physics-practical .observation-table-column-header{box-sizing:border-box;border:1px solid var(--border-color);text-align:center;gap:0;max-height:60px;margin:0;padding:0}#physics-practical .observation-table input{box-sizing:border-box;border:1px solid var(--border-color);text-align:center;background:0 0;border-radius:0;outline:none;flex-grow:1;flex-shrink:1;width:100%;min-height:40px;padding:0}#physics-practical .observation-table input.invalid{border-color:#f55}#app #physics-practical .observation-table input:focus{background:var(--secondary-bg)}#physics-practical .pas-div{display:flex}#physics-practical .pas-number-div{width:10%;font:var(--primary-font);text-align:center}#physics-practical .pas-text-div{text-align:left;width:90%}#physics-practical .pas-div p{font:var(--primary-font);margin:3px 0}#chemistry-practical .practical-section-text-div{gap:10px;display:flex}#chemistry-practical .practical-section-text{font:var(--primary-font);font-weight:600}#chemistry-practical .practical-section-value{font:var(--primary-font)}#chemistry-practical .observation-table{width:100%;margin:10px 0;display:flex}#chemistry-practical .observation-table-header{font:var(--primary-font);margin:20px 0 0 5px;font-weight:600}#chemistry-practical .observation-table-column{box-sizing:border-box;border:1px solid var(--border-color);flex-direction:column;display:flex}#chemistry-practical .observation-table-column.experiment,#chemistry-practical .observation-table-column.observation{width:35%}#chemistry-practical .observation-table-column.inference{width:30%}#chemistry-practical .observation-table-column-header{border-bottom:1px solid var(--border-color);justify-content:center;display:flex}#chemistry-practical .observation-table-column-header-text{font:var(--primary-font)}#chemistry-practical .observation-table-inner-div{box-sizing:border-box;width:100%;height:150px;padding:0 0 0 5px;overflow-y:scroll}#chemistry-practical .observation-table-inner-div::-webkit-scrollbar{display:none}#practical-tab-header{justify-content:space-between}[data-orientation=vertical]:not([data-os=ios]) #practical-tab-header{border-bottom:.5px solid var(--border-color)}#practical-tab-header div{align-items:center;height:100%;display:flex}#practical-tab-header p{font:var(--secondary-header-font);margin:0 0 0 10px}.practical-tab-panel{width:100%;height:100%;margin:0;padding:0;overflow:hidden scroll}.practical-tab-panel::-webkit-scrollbar{border-radius:0;width:5px}.practical-tab-panel::-webkit-scrollbar-thumb{background:var(--accent);border-radius:0}[data-orientation=horizontal] .practical-tab-panel{border-top-left-radius:20px}.practical-file{box-sizing:border-box;background-color:#0000;border:none;width:100%;height:fit-content;min-height:100%;padding:0 10px;font-family:Arial,sans-serif}.help-video-header{text-align:left;font:var(--primary-header-font);margin:10px 0 5px 5px}.video-container{box-sizing:border-box;background:var(--secondary-bg);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:max-content;min-height:30%;display:flex;position:relative;overflow:hidden}.help-video-text{z-index:1;text-align:center;width:100%;height:100%;font:var(--secondary-header-font);position:absolute;inset:0}.video-player{background:0 0;border:none;flex-shrink:0}#error-panel{justify-content:center;align-items:center;gap:10px}.error-icon{font-size:50px;color:#cf4c4c!important}.error-text{font:var(--primary-font);color:#cf4c4c!important}.error-btn{--height:45px;height:var(--height);border-radius:calc(var(--height) / 2);background-color:var(--accent);border:none;align-items:center;width:fit-content;margin:10px 0;padding:16px;display:flex}.error-btn i{color:var(--primary-bg);font-size:24px}.error-btn p{font:var(--primary-font);color:var(--primary-bg)}#loading-panel{justify-content:center;align-items:center}.loading-text{font:var(--primary-font)}.loading-icon{font-size:40px}.spin{animation:.65s linear infinite spin}.app-icon{--link:"../../../public/logo.svg";background-color:var(--primary-text-color);flex-shrink:0;width:100px;height:100px;margin:10px auto;-webkit-mask:url(/Practicals/assets/logo-CSr7brWY.svg) 50%/contain no-repeat;mask:url(/Practicals/assets/logo-CSr7brWY.svg) 50%/contain no-repeat}#settings-tab .tab-header{margin-top:20px}.settings-tab-header,.tab-header{font:var(--primary-header-font);margin:15px auto 5px 10px}.radio-option{background:0 0;border:none;justify-content:flex-start;align-items:center;gap:15px;width:100%;height:fit-content;padding:20px;display:flex}.radio-option i{font-size:var(--icon-size)}.radio-option p{font:var(--primary-font)}.slider{flex-direction:column;width:95%;margin:15px auto;display:flex}.slider p{font:var(--primary-font);margin:5px 0}.slider-header{width:100%;margin:5px 0}.slider-input{--height:30px;--bar-height:15px;appearance:none;background:0 0;width:100%}.slider-input::-webkit-slider-runnable-track{height:var(--bar-height);border-radius:calc(var(--bar-height) / 2);background-color:var(--secondary-bg)}.slider-input::-webkit-slider-thumb{cursor:pointer;appearance:none;height:var(--height);width:var(--height);margin:0;margin-top:calc(var(--height) / -4);background-color:var(--accent);border-radius:50%}.error-panel-text{font:var(--primary-font);margin:5px 0}.section{margin:15px 10px}.section-header{text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:16px;font-weight:600}#version-info{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:20px}.app-name{margin-bottom:5px;font-size:28px;font-weight:700}.version-tag{margin-bottom:10px;font-size:14px}.link-div{cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:10px;transition:background-color .1s;display:flex}.link-div:hover{background-color:#ffffff0d}.link-title{font-size:18px;font-weight:400}.link-value{font-size:18px}.anchor-btn{cursor:pointer;border:1px solid var(--border-color);background-color:var(--secondary-bg);border-radius:25px;justify-content:center;align-items:center;width:50%;height:50px;margin:0 auto;text-decoration:none;transition:background-color .1s;display:flex}.social-link{justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:5px 0;text-decoration:none;display:flex}.social-link i{font-size:24px}.social-link p{font-size:18px}