@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{color:#fff;margin:0;padding:0;font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.loading-wrapper{color:#fff;z-index:9999;-webkit-user-select:none;user-select:none;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.loading-wrapper,.loading-wrapper *{-webkit-tap-highlight-color:transparent;outline:none}.static-square{width:24px;height:24px}.branding img{max-width:80px}}.branding{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.branding img{max-width:100px}.loader{flex-direction:column;align-items:center;margin-top:2rem;display:flex}.boxy-loader{gap:0;display:flex;overflow:hidden}.static-square{opacity:0;width:30px;height:30px;animation:.5s ease-out forwards stepFadeIn}@keyframes stepFadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}.loading-text{color:#666;letter-spacing:3px;text-transform:uppercase;margin-top:15px;font-size:.8rem}.fade-in{animation:.8s ease-out forwards globalFadeIn}.fade-out{animation:.6s ease-in forwards globalFadeOut}@keyframes globalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes globalFadeOut{0%{opacity:1}to{opacity:0}}.target-cursor-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}body{color:#fff;background-color:#050505;margin:0;padding:0}.content{box-sizing:border-box;z-index:1;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.title-text{letter-spacing:2px;opacity:.9;margin-bottom:3rem;font-size:40px;font-weight:500}.branch-list{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:800px;display:flex}.select-block{letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:1px;justify-content:center;align-items:center;width:160px;height:60px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.select-block:hover{color:#000;background-color:#fff;border-style:solid;transform:translateY(-5px);box-shadow:0 10px 20px #ffffff26}.content{-webkit-user-select:none;user-select:none}@media (width<=768px){*{-webkit-tap-highlight-color:transparent!important}.select-block:focus,.select-block:active{-webkit-tap-highlight-color:transparent;outline:none}.title-text{font-size:28px}.branch-list{gap:15px}.select-block{width:140px;height:55px;font-size:1rem}}:root{--linear-ease:linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#fff;text-shadow:0 1px 1px #121b2133;gap:2em;margin:0;padding:0 1em;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#fff;border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{color:inherit;padding:.6em 1em;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:10px;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:#111;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;background:#ececec;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#fff;transition:color .3s}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";z-index:-2;background:#000000e6;position:absolute;inset:-75px}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#ececec;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.border-glow-card.inline{align-items:center;height:auto;display:inline-flex}.border-glow-card.inline .border-glow-inner{overflow:visible}.subject-list-container{flex-direction:column;gap:12px;margin-top:24px;display:flex}.subject-row{background:#19191966;border:1px solid #ffffff14;border-radius:4px;justify-content:space-between;align-items:stretch;gap:16px;padding:16px;transition:border-color .2s,background .2s;display:flex}.subject-row:hover{background:#23232366;border-color:#fff3}.subject-info{flex-direction:column;flex:0 0 160px;justify-content:center;gap:4px;display:flex}.subject-name{color:#ececec;margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.subject-credits{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.marks-wrapper{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.mark-input{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:2px;outline:none;width:80px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.mark-input::placeholder{color:#555;font-weight:400}.mark-input:focus{background:#000c;border-color:#fff;box-shadow:0 0 0 1px #ffffff1a}.mark-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mark-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mark-input[type=number]{-moz-appearance:textfield}.remove-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:8px 12px;font-size:1.1rem;transition:all .2s;display:flex}.remove-btn:hover{color:#ff4a4a;background:#ff4a4a1a;border-color:#ff4a4a4d}@media (width<=600px){.subject-row{flex-direction:column;padding-top:24px;position:relative}.remove-btn{padding:4px 8px;position:absolute;top:8px;right:8px}.subject-info{flex:auto}*{-webkit-tap-highlight-color:transparent!important}.subject-row,.mark-input,.remove-btn{transition:none!important}}:root{--color-bg-card:#0006;--color-bg-expanded:#0003;--mono-100:#ecececf;--mono-80:#ccc;--mono-60:#888;--mono-40:#444;--mono-20:#222;--mono-0:#000;--color-primary:var(--mono-100);--color-primary-dark:var(--mono-40);--color-secondary:var(--mono-0);--color-success:var(--mono-80);--text-main:var(--mono-100);--text-muted:var(--mono-60);--text-dim:var(--mono-40);--text-dark-inv:var(--mono-100);--color-border-divider:var(--mono-20);--color-predicted-border:var(--mono-40);--color-banner-bg:var(--mono-0)}.visualizer{height:100%;padding-right:10px;overflow-y:auto}.master-header{text-align:center;border-bottom:2px solid var(--color-primary-dark);margin-bottom:20px;padding-bottom:20px}.master-title{color:var(--text-main);margin:0 0 5px;font-size:1.8rem}.master-gpa-value{color:var(--color-primary);text-shadow:2px 2px 0px var(--color-secondary);margin:0 0 5px;font-size:2.5rem}.master-gpa-max{color:var(--text-muted);font-size:1.2rem}.master-credits-info{color:var(--text-dim);margin:0 0 15px;font-size:.9rem}.chart-container-large{width:100%;height:220px;min-height:220px}.chart-container-small{width:100%;height:180px;min-height:180px;margin:10px 0}.breakdown-grid{grid-template-columns:1fr 1fr;gap:10px;font-size:.9rem;display:grid}.unachieved-banner{color:var(--text-dark-inv);background:var(--color-banner-bg);text-align:center;border-radius:4px;grid-column:span 2;margin-bottom:5px;padding:5px 10px}.breakdown-item{border-left:3px solid var(--color-primary);padding-left:10px}.expand-button{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:15px;font-family:inherit;display:flex}.subject-main-info{text-align:left}.subject-name-text{font-size:1.1rem;display:block}.predicted-tag{color:var(--color-primary);font-size:.7rem}.subject-sub-text{color:var(--color-success);opacity:.9;font-size:.8rem}.gpa-display{text-align:right}.gpa-achieved{font-size:1.1rem;font-weight:700;display:block}.gpa-max-label{color:var(--text-muted);font-size:.9rem}.expand-label{color:var(--text-muted);font-size:.7rem}.expanded-details{background:var(--color-bg-expanded);border-top:1px solid var(--color-border-divider);padding:20px}@media (width<=768px){.chart-container-large{height:200px;min-height:200px}}body{color:#fff;margin:0;padding:0}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.app-canvas{height:100vh;position:relative;overflow:hidden}.ui-content-wrapper{z-index:1;flex-direction:column;height:100vh;display:flex;position:relative}.top-nav{z-index:40;box-sizing:border-box;background:#0009;border:1px solid #ffffff0a;border-radius:1px;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex;position:absolute;top:20px;left:28px;right:28px}.brand{letter-spacing:2px;font-size:1.2rem;font-weight:600}.location{color:#ffffff8c;text-transform:uppercase;font-size:.8rem}.divider{margin:0 10px}.back-link{color:#fff;cursor:pointer;opacity:.95;background:0 0;border:none;font-size:.75rem}.nav-branding{flex:none;align-items:center;gap:10px;display:flex}.nav-logo{object-fit:contain;width:30px;height:30px;display:block}.brand-text{letter-spacing:1.5px;color:#fff;font-size:1.05rem;font-weight:700}.nav-center{pointer-events:none;flex:auto;justify-content:center;display:flex}.location{pointer-events:auto;color:#ffffffbf;text-transform:uppercase;font-size:.85rem}.nav-actions{flex:none;align-items:center;gap:10px;display:flex}.nav-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff0f;border-radius:1px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:background-color .5s}.nav-btn:hover{color:#000;background-color:#fff}.nav-btn:active{transform:translateY(0)}.main-area{flex:1;overflow:hidden}.main-calculator-grid{box-sizing:border-box;grid-template-columns:1fr 420px;gap:24px;height:100vh;padding:100px 28px 120px;display:grid}.panel-card{box-sizing:border-box;background:#0006;border:1px solid #ffffff0f;border-radius:8px;height:100%;min-height:0;padding:28px;overflow-y:auto}.section-title{color:gray;border-radius:1px;margin-top:0;margin-bottom:20px;font-size:2rem}.separator{border:none;border-top:1px solid #ffffff0f;margin:26px 0}.idle-state{text-align:center;opacity:.6;margin-top:60px}.logo-shallow img{width:50px}.bottom-footer{z-index:40;background:linear-gradient(#000000a8,#00000085);border:1px solid #ffffff0f;border-radius:1px;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:absolute;bottom:20px;left:28px;right:28px}.theme-toggle{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;align-items:center;gap:12px;font-family:inherit;font-size:.75rem;display:flex}.toggle-slider{background-color:#000;border:1px solid #444;width:40px;height:20px;transition:all .2s;position:relative;border-radius:0!important}.toggle-slider:before{content:"";background-color:#444;width:12px;height:12px;transition:all .2s steps(4,end);position:absolute;bottom:3px;left:3px;border-radius:0!important}.theme-toggle input:checked+.toggle-slider{background-color:#111;border-color:#fff}.theme-toggle input:checked+.toggle-slider:before{background-color:#fff;transform:translate(20px);box-shadow:0 0 8px #fff3}.calculate-btn{color:#fff;cursor:pointer;text-align:center;background-color:#0000;border:none;border-radius:1px;justify-content:center;align-items:center;min-width:250px;padding:12px 36px;font-weight:700;transition:transform .12s,opacity .12s;display:flex}.calculate-btn:disabled{color:gray;opacity:.6;cursor:not-allowed;background-color:#000}@media (width<=980px){.top-nav,.bottom-footer{border-radius:1px;left:16px;right:16px}.main-area{overflow-y:auto}.main-calculator-grid{grid-template-columns:1fr;height:auto;padding:100px 16px 110px}.panel-card{height:auto;min-height:400px;overflow-y:visible}}.dot-grid,.dot-grid-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.ui-content-wrapper{z-index:1;position:relative}.viz-theme-control{align-items:center;margin-right:12px;display:flex}.add-subject-control,.selection-layer .grid-options{flex-wrap:wrap;gap:12px;display:flex}.pixel-card-btn{color:#fffc;letter-spacing:.5px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:10px 18px;font-family:inherit;font-size:.85rem;transition:all .3s cubic-bezier(.2,.8,.2,1)}.pixel-card-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.pixel-card-btn.active{color:#050507;background:#ececec;border-color:#fff;font-weight:600;box-shadow:0 4px 12px #ffffff26}.viz-theme-control{align-items:center;display:flex}.theme-toggle{color:#ccc;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.8rem;font-weight:500;display:flex}.theme-toggle input{display:none}.toggle-slider{background-color:#1a1a1a;border:1px solid #444;border-radius:24px;width:44px;height:24px;transition:all .4s;position:relative}.toggle-slider:before{content:"";background-color:#555;border-radius:50%;width:16px;height:16px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:3px;left:3px}.theme-toggle input:checked+.toggle-slider{border-color:#666}.theme-toggle input:checked+.toggle-slider:before{background:linear-gradient(135deg,#ff75a0,#a075ff);transform:translate(20px)}.theme-toggle input:checked~.theme-label{color:#fff}.optimism-block{flex-direction:column;flex-shrink:0;width:450px;display:flex}.optimism-row{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.optimism-range{cursor:pointer;-webkit-appearance:none;background:0 0;width:100%;height:20px;margin:0;display:block}.optimism-range:focus{outline:none}.optimism-range::-webkit-slider-runnable-track{background:#000 linear-gradient(#fff,#fff);background-size:var(--opt-val,0%) 100%;background-repeat:no-repeat;border:1px solid #444;border-radius:0;width:100%;height:12px}.optimism-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;z-index:2;background:#fff;border:1px solid #000;border-radius:0;width:12px;height:20px;margin-top:-5px;position:relative;box-shadow:2px 2px #333}.optimism-range::-moz-range-track{background:#000;border:1px solid #444;width:100%;height:12px}.optimism-range::-moz-range-thumb{background:#fff;border:1px solid #000;border-radius:0;width:12px;height:20px}@media (width<=768px){*{-webkit-tap-highlight-color:transparent!important}.ui-content-wrapper{-webkit-user-select:none;user-select:none}.pixel-card-btn,.calculate-btn,.nav-btn,.subject-row,.remove-btn{transition:none!important}.pixel-card-btn:hover{transform:none}.top-nav{flex-wrap:wrap;gap:10px;height:auto;padding:10px 16px}.nav-center{order:3;width:100%;margin-top:5px}.bottom-footer{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:16px;width:100%;height:auto;margin-top:15px;padding:16px;position:relative;left:0;right:0}.optimism-block,.optimism-range{box-sizing:border-box;width:100%}.viz-theme-control{justify-content:flex-start}.inline{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.calculate-btn{box-sizing:border-box;text-align:center;width:100%;min-width:unset;justify-content:center;align-items:center;margin:0;padding:16px 20px;font-size:16px;display:flex}}.guide-main{padding:100px 28px 60px;overflow-y:auto}.bento-wrapper{max-width:1100px;margin:0 auto}.bento-header{margin-bottom:40px}.bento-subtitle{color:#ffffff8c;letter-spacing:1px;text-transform:uppercase;font-family:inherit;font-size:.9rem}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto);gap:24px;display:grid}.bento-card{flex-direction:column;padding:24px;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .2s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#fff3;transform:translateY(-4px)}.bento-large{grid-area:span 2/span 2}.bento-wide{flex-direction:row;grid-column:span 3;align-items:center;gap:30px}.bento-image-wrapper{aspect-ratio:1;background:#0009;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.bento-image,.bento-image-wrapper img,.placeholder-img{object-fit:contain;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block}.bento-image-wrapper:hover img{transform:scale(1.03)}.bento-large .bento-image-wrapper{max-width:80%;margin-bottom:24px;margin-left:auto;margin-right:auto}.bento-wide .bento-image-wrapper{flex:0 0 260px;width:260px;margin-bottom:0}.bento-wide .bento-text{flex:auto}.bento-image--small{max-width:160px}.bento-image--medium{max-width:260px}.bento-image--large{max-width:420px}.bento-text{flex:none}.bento-text h3{letter-spacing:1px;color:#fff;margin:0 0 12px;font-size:1.25rem;font-weight:600}.bento-text p{color:#ffffffb3;margin:0;font-size:.85rem;line-height:1.6}.wide-text-content{width:100%}.retro-list{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.retro-list li{color:#ffffffbf;padding-left:20px;font-size:.85rem;line-height:1.5;position:relative}.retro-list li:before{content:"►";color:#fff;font-size:.7rem;position:absolute;top:2px;left:0}.retro-bg-1{background:repeating-linear-gradient(45deg,#0a0a0a,#0a0a0a 10px,#141414 10px 20px)}.retro-bg-2{background:linear-gradient(#1a1a1a 0%,#050507 100%);position:relative}.retro-bg-2:after{content:"";border:1px dashed #444;position:absolute;inset:6px}.retro-bg-3{background:radial-gradient(circle,#222 0%,#000 100%)}@media (width<=980px){.bento-grid{grid-template-columns:1fr}.bento-large,.bento-wide{grid-area:span 1/span 1}.bento-wide{flex-direction:column;align-items:center;gap:24px}.bento-wide .bento-image-wrapper{flex:none;width:100%;max-width:320px;padding:2px}.retro-list{grid-template-columns:1fr;gap:12px}}