@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Architects+Daughter&family=Comic+Neue:wght@400;700&display=swap";:root{--primary-color: #8c52ff;--primary-hover: #9e6eff;--accent-color: #ff5252;--accent-hover: #ff7575;--background-color: #0f0f1a;--card-bg: #151529;--sidebar-bg: #0a192f;--text-color: #e6e6fa;--text-muted: #c8c8e6;--border-color: #3a3a5c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--font-family-base: "Patrick Hand", "Comic Neue", sans-serif;--font-family-heading: "Architects Daughter", "Comic Neue", sans-serif;--transition-speed: .3s;--border-radius: 8px;--sidebar-width: 280px;--sidebar-collapsed: 70px;--app-width: 100%;--app-height: 100vh}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-family-base);background-color:var(--background-color);color:var(--text-color);line-height:1.5;min-height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0f0f1af2,#0a192fcc);z-index:-1;pointer-events:none}.app-container{display:flex;min-height:var(--app-height);width:var(--app-width);position:relative;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);background-image:linear-gradient(135deg,#0f3460e6,#16213ecc),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm-20 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 0c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' fill='%238c52ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");height:100vh;position:fixed;left:0;top:0;transition:width var(--transition-speed) ease;width:var(--sidebar-width);z-index:100;box-shadow:0 0 20px #0000004d;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1)}.sidebar.closed{width:var(--sidebar-collapsed)}.sidebar-toggle{position:absolute;right:10px;top:10px;width:36px;height:36px;background-color:#ffffff0d;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);font-size:14px;transition:all .3s ease;z-index:10;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0003}.sidebar-toggle:hover{background-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 15px #8c52ff66}.sidebar-content{padding:20px;width:100%;height:100%;display:flex;flex-direction:column;gap:24px}.logo{margin-bottom:20px;text-align:center;position:relative;padding:15px 0}.logo:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:1px;background:linear-gradient(to right,transparent,var(--primary-color),transparent)}.logo h1{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:700;background:linear-gradient(to right,red,#f33);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0;line-height:1.2;letter-spacing:1px;text-shadow:0 2px 10px rgba(255,0,0,.4);display:flex;align-items:center;justify-content:center}.logo h2{font-family:var(--font-family-heading);font-size:1.3rem;font-weight:500;color:var(--text-color);opacity:.9;letter-spacing:.5px}.sidebar.closed .logo h1{font-size:1.2rem}.sidebar.closed .logo h2,.sidebar.closed .label{display:none}.spider-web-logo{color:red;margin-left:5px}.spider-web-corner{color:red;opacity:.9;transition:opacity .3s ease}.spider-web-corner:hover{opacity:1}.sidebar,.main-content,.content-body,.standard-sheet-section,.two-n-t-section,.custom-order-section,.pdf-store-section,.config-wrapper{position:relative}.tab-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;position:relative;background:linear-gradient(145deg,#ffffff0d,#0000000d);border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;overflow:hidden;cursor:pointer;box-shadow:0 4px 6px #0000001a}.tab-button .icon{font-size:24px;margin-bottom:5px;transition:transform .3s ease,color .3s ease}.tab-button .label{font-size:14px;font-weight:600;transition:color .3s ease;letter-spacing:.5px}.tab-button:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));opacity:0;transition:opacity var(--transition-speed) ease}.tab-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:linear-gradient(to right,var(--primary-color),var(--accent-color));transition:transform .3s ease}.tab-button:hover{background-color:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.tab-button:hover .icon{transform:scale(1.1);color:var(--primary-hover)}.tab-button:hover:before{opacity:1}.tab-button:hover:after{transform:translate(-50%) scaleX(1)}.tab-button:active{transform:scale(.95);box-shadow:0 2px 4px #00000026}.tab-button.active{background:linear-gradient(145deg,#8c52ff33,#8c52ff0d);border-color:#8c52ff4d;box-shadow:0 0 15px #8c52ff33,inset 0 0 10px #8c52ff1a}.tab-button.active .icon{color:var(--primary-color);transform:scale(1.1)}.tab-button.active .label{color:var(--primary-hover)}.tab-button.active:before{opacity:1}.tab-button.active:after{transform:translate(-50%) scaleX(1)}.sidebar.closed .tab-button{justify-content:center;padding:12px 0}.main-content{flex:1;padding:20px;margin-left:var(--sidebar-width);transition:margin-left var(--transition-speed) ease;min-height:var(--app-height);width:calc(100% - var(--sidebar-width));overflow-x:hidden;box-sizing:border-box}.sidebar.closed+.main-content{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.content-header{padding:15px 10px}.content-header h2{font-size:1.5rem;color:red}.operation-description{color:var(--text-muted);font-size:1rem;margin-top:8px;max-width:600px;margin-left:auto;margin-right:auto}.content-body{margin-top:10px;border-radius:12px;box-shadow:var(--shadow)}.standard-sheet-section,.two-n-t-section{background-color:var(--card-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-lg),0 0 15px #00bcd433;position:relative;overflow:auto;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(5px);min-height:calc(100vh - 150px);width:100%;display:flex;flex-direction:column}.standard-sheet-section:before,.two-n-t-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));z-index:2}.standard-sheet-section:after,.two-n-t-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(0deg,#0d2b45b3,#0d2b4500);pointer-events:none;z-index:1}.standard-sheet-section canvas,.two-n-t-section canvas{position:relative;z-index:2;border:4px solid rgba(255,255,255,.1);box-shadow:0 0 20px #00bcd44d}.config-wrapper{padding:15px;margin-top:10px;border-radius:12px;background-color:#0000001a}.config-section-title{font-family:var(--font-family-heading);font-size:1.5rem;margin-bottom:16px;color:var(--primary-color);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;padding-bottom:10px}.config-section-title:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:2px;background:linear-gradient(to right,transparent,var(--primary-color),transparent)}@media screen and (max-width: 1024px){:root{--sidebar-width: 250px;--sidebar-collapsed: 60px}}@media screen and (min-width: 769px){:root{--sidebar-width: 100%;--sidebar-collapsed: 100%}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.main-content{padding-left:20px;padding-right:20px}.content-body{padding:20px}.app-container{flex-direction:column}.sidebar{position:relative;width:100%!important;height:auto;min-height:unset}.main-content{margin-left:0!important;width:100%!important}}@media screen and (max-width: 768px){:root{--sidebar-width: 260px;--sidebar-collapsed: 0px;--app-width: 100vw;--app-height: 100vh}.app-container{flex-direction:column}.sidebar{width:var(--sidebar-width);transform:translate(0);transition:transform .3s ease;z-index:1000;height:100%;position:fixed}.sidebar.closed{transform:translate(-100%)}.sidebar-toggle{display:flex;right:-45px;top:15px;background-color:var(--primary-color);color:#fff}.main-content{margin-left:0;width:100%;padding:15px;min-height:100vh}.content-header h2{font-size:1.5rem}.content-body{padding:15px}body:before{opacity:.8}}@media screen and (max-width: 480px){:root{--background-color: #0a192f;--card-bg: #0d2b45;--sidebar-bg: #0f4c75}.content-body{padding:12px;background-color:var(--card-bg)}.content-header{margin-bottom:16px}body:before{background:linear-gradient(0deg,#0a192fe6,#0f4c7599)}}@media (prefers-color-scheme: dark){:root{--background-color: #050508;--card-bg: #0a0a14;--sidebar-bg: #070d18;--border-color: #1e2235;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}}.text-center,h1,h2,h3,h4,h5,h6,p{text-align:center}.standalone-mode{height:100vh;width:100vw;position:fixed;top:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}html.pwa-mode,html.pwa-mode body{height:100%;overflow:auto}html.pwa-mode .app-container{height:100vh;overflow:auto;display:flex;flex-direction:column}html.pwa-mode .sidebar{height:auto;position:relative;width:100%!important;min-height:unset;overflow:visible;flex-shrink:0}html.pwa-mode .main-content{margin-left:0!important;width:100%!important;overflow:visible;flex:1}html.pwa-mode .sidebar-toggle{display:none}@media screen and (orientation: landscape){html.pwa-mode .app-container{flex-direction:row}html.pwa-mode .sidebar{width:30%!important;height:100vh;position:fixed;overflow-y:auto}html.pwa-mode .main-content{margin-left:30%!important;width:70%!important;height:100vh;overflow-y:auto}}html.ios-standalone{height:calc(100% + 1px)}@supports (padding: max(0px)){.standalone-mode{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}html.pwa-mode .sidebar{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html.pwa-mode .main-content{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.notification-permission-container{margin-top:20px;padding:15px;background:#00bcd41a;border-radius:var(--border-radius);border:1px solid rgba(0,188,212,.3);text-align:center}.notification-permission-button{background:linear-gradient(to right,var(--primary-color),var(--accent-color));color:#fff;border:none;padding:10px 16px;border-radius:var(--border-radius);font-family:var(--font-family-base);font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.notification-permission-button:hover{background:linear-gradient(to right,var(--primary-hover),var(--accent-hover));box-shadow:0 0 10px #00bcd480;transform:translateY(-2px)}.notification-permission-info{font-size:.8rem;color:var(--text-muted);margin:0}html.pwa-mode .notification-permission-container{margin-bottom:20px}@media (max-width: 768px){.notification-permission-container{margin-top:15px;padding:12px}}html.laptop-mode .app-container{overflow-x:hidden;flex-direction:column}html.laptop-mode .main-content{margin-left:0;width:100%;transition:margin-left .3s ease,width .3s ease}html.laptop-mode .sidebar{position:relative;width:100%!important;height:auto;min-height:unset}html.laptop-mode .sidebar.open+.main-content{margin-left:0;width:100%}html.laptop-mode .sidebar-toggle{display:none}html.laptop-mode .content-body{padding:15px}html.laptop-mode .spider-web-corner{width:60px;height:60px}html.laptop-mode .tab-button{padding:12px 14px}html.laptop-mode{--background-color: #050508;--card-bg: #0a0a14;--sidebar-bg: #070d18}html.laptop-mode .sidebar{background-color:var(--sidebar-bg);background-image:linear-gradient(135deg,#070d18f2,#0a0a14e6),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm-20 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 0c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' fill='%238c52ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}html.laptop-mode body:before{background:linear-gradient(0deg,#050508f2,#070d18cc)}.sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:unset!important;overflow:visible!important}.main-content{margin-left:0!important;width:100%!important}:root{--background-color: #050508;--card-bg: #0a0a14;--sidebar-bg: #070d18}body:before{background:linear-gradient(0deg,#050508f2,#070d18cc)}.sidebar{background-color:var(--sidebar-bg);background-image:linear-gradient(135deg,#070d18f2,#0a0a14e6),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm-20 20c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 0c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' fill='%238c52ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.app-container{flex-direction:column!important}.back-home-floating-btn{position:fixed;top:15px;left:15px;z-index:9999;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:4px;text-decoration:none;font-family:var(--font-family-heading);font-size:.9rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .2s ease}.back-home-floating-btn .btn-icon{font-size:1.1rem}.back-home-floating-btn .btn-text{opacity:.9}.back-home-floating-btn .btn-glow{display:none}.back-home-floating-btn:hover{background:#ffffff1a;color:var(--primary-color)}.back-home-floating-btn:active{background:#ffffff0d}@media screen and (max-width: 768px){.back-home-floating-btn{top:10px;left:10px;padding:6px 10px;font-size:.85rem}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-color);color:var(--text-color);gap:16px}.page-loader p{font-family:var(--font-family-base);font-size:1rem;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.loader-spinner{width:48px;height:48px;border:4px solid rgba(140,82,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pdf-store-section,.standard-sheet-section,.two-n-t-section,.custom-order-section{content-visibility:auto;contain-intrinsic-size:0 500px}img{content-visibility:auto}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded,img[loading=lazy]:not([src=""]){opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader-spinner{animation:none;border-color:var(--primary-color)}}.sidebar,.main-content,.tab-button,.back-home-floating-btn{will-change:transform;transform:translateZ(0)}@font-face{font-display:swap}.spider-web-logo{display:inline-block;margin-left:5px;vertical-align:middle;color:red}.spider-web-corner{position:absolute;width:80px;height:80px;pointer-events:none;opacity:.9;z-index:1;color:red}.spider-web-top-left{top:0;left:0;transform:rotate(0)}.spider-web-top-right{top:0;right:0;transform:rotate(90deg)}.spider-web-bottom-left{bottom:0;left:0;transform:rotate(270deg)}.spider-web-bottom-right{bottom:0;right:0;transform:rotate(180deg)}@media screen and (min-width: 1025px) and (max-width: 1440px){.spider-web-corner{width:60px;height:60px;opacity:.5}html.laptop-mode .spider-web-corner{width:50px;height:50px}}@media screen and (max-width: 768px){.spider-web-corner{width:60px;height:60px}}@media screen and (max-width: 480px){.spider-web-corner{width:40px;height:40px}}