.header{margin:1vh;color:#96a3a7;font-family:Silkscreen;background:linear-gradient(180deg,#81818108,#ffffff03);border:none;background-clip:padding-box;padding:5px;backdrop-filter:blur(2px) saturate(120%);-webkit-backdrop-filter:blur(2px) saturate(120%);position:relative;z-index:1;isolation:isolate;box-shadow:0 8px 24px #000000bf;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-20px) scale(1);animation:headerEnter .5s cubic-bezier(.22,.9,.35,1) .3s forwards;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px;margin:0}@keyframes headerEnter{0%{opacity:0;transform:translateY(-20px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardReveal{0%{clip-path:inset(0 50% 100% 50%)}25%{clip-path:inset(0 25% 95% 25%)}45%{clip-path:inset(0 0% 95% 0%)}50%{clip-path:inset(0 0% 95% 0%)}65%{clip-path:inset(0 0% 60% 0%)}80%{clip-path:inset(0 0% 30% 0%)}95%{clip-path:inset(0 0% 5% 0%)}to{clip-path:none}}.command-wrapper{margin:1vh;box-shadow:0 8px 24px #0000;border-radius:10px;flex:1;display:flex;overflow:hidden;background:transparent;clip-path:inset(0 50% 100% 50%)}.command-wrapper--visible{animation:cardReveal 1.2s ease-in-out forwards,shadowFadeIn .5s ease-out 1.2s forwards}.command{margin:1vh;color:#96a3a7;font-family:Silkscreen;background:linear-gradient(180deg,#81818108,#ffffff03);border:1px solid rgba(255,255,255,.12);border-radius:10px;background-clip:padding-box;padding:5px;backdrop-filter:blur(2px) saturate(120%);-webkit-backdrop-filter:blur(2px) saturate(120%);position:relative;z-index:1;isolation:isolate;box-shadow:0 8px 24px #000000bf;margin:0;box-shadow:none!important;background:none!important;opacity:0;flex:1;display:flex;flex-direction:column}.command:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#81818108,#ffffff03);border-radius:10px;z-index:0;pointer-events:none}.command-wrapper--visible .command{animation:fadeIn .8s ease-out forwards}.command h2,.command p{position:relative;z-index:1}.command h2{margin:0;color:transparent}.command-wrapper--visible .command h2{animation:carveIn .5s ease-out .6s forwards,carveOut .5s ease-in 1.1s forwards}.command p{opacity:0}.command-wrapper--visible .command p{animation:textFadeIn .6s ease-out 1.1s forwards}@keyframes carveIn{0%{color:transparent;text-shadow:-8px -3px 3px rgba(255,255,255,0);transform:translate(-3px)}25%{color:transparent;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,0);transform:translate(-2px)}50%{color:transparent;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,0);transform:translate(-1px)}75%{color:transparent;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,0);transform:translate(0)}90%{color:transparent;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}to{color:#96a3a7;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}}@keyframes carveOut{0%{color:#96a3a7;text-shadow:-8px -3px 3px rgba(255,255,255,.05),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}25%{color:#96a3a7;text-shadow:-8px -3px 3px rgba(255,255,255,0),-6px -2px 2px rgba(255,255,255,.1),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}50%{color:#96a3a7;text-shadow:-6px -2px 2px rgba(255,255,255,0),-4px -1px 1px rgba(255,255,255,.15),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}75%{color:#96a3a7;text-shadow:-4px -1px 1px rgba(255,255,255,0),-2px 0 0 rgba(255,255,255,.25);transform:translate(0)}to{color:#96a3a7;text-shadow:none;transform:translate(0)}}@keyframes shadowFadeIn{0%{box-shadow:0 8px 24px #0000}to{box-shadow:0 8px 24px #000000bf}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{clip-path:inset(0 50% 100% 50%)}25%{clip-path:inset(0 25% 98% 25%)}45%{clip-path:inset(0 0 98% 0)}50%{clip-path:inset(0 -1px 95% -1px)}60%{clip-path:inset(0 -1px 70% -1px)}70%{clip-path:inset(0 -1px 50% -1px)}80%{clip-path:inset(0 -1px 25% -1px)}90%{clip-path:inset(0 -1px 5% -1px)}to{clip-path:none}}.scroll-progress{position:fixed;bottom:0;left:0;width:100%;background-color:#111111e6;padding:8px 16px;z-index:1000;font-family:Courier New,monospace;font-size:14px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top:1px solid rgba(150,163,167,.2);display:flex;justify-content:center;align-items:center;gap:8px}.scroll-progress__icon{color:#96a3a799;font-size:14px;line-height:1}.scroll-progress__bar{display:flex;justify-content:center;align-items:center;color:#96a3a7;letter-spacing:0;line-height:1}.scroll-progress__percentage{color:#96a3a7;min-width:40px;text-align:left;font-size:14px}.scroll-progress__bracket{color:#96a3a799;margin:0 4px}.scroll-progress__filled{color:#96a3a7cc;font-weight:700}.scroll-progress__empty{color:#96a3a733}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;font-size:14px;z-index:9999;overflow:hidden}.boot-screen--complete{display:none}.boot-screen-content{width:100%;height:100%;padding:2rem;overflow-y:auto;overflow-x:hidden}.grub-menu{max-width:1000px;width:90%;margin:0 auto;padding-top:8vh}@media(min-width:1200px){.grub-menu{max-width:1200px;width:70%}}.grub-header{margin-bottom:3rem;text-align:center}.grub-title{font-size:15px;font-weight:400;color:#ccc}@media(min-width:1200px){.grub-title{font-size:17px}}.grub-options{background-color:#000;border:2px solid #fff;padding:1rem;margin-bottom:2rem;min-height:250px;overflow-x:auto;overflow-y:hidden}@media(min-width:1200px){.grub-options{min-height:350px;padding:1.5rem}}.grub-option{padding:.4rem .75rem;font-family:Courier New,Courier,monospace;font-size:14px;white-space:nowrap;cursor:pointer;color:#fff;background-color:#000;overflow:hidden;text-overflow:ellipsis}@media(min-width:1200px){.grub-option{font-size:16px;padding:.6rem 1rem}}.grub-option--selected{background-color:#ccc;color:#000}.grub-option--disabled{color:#666;cursor:not-allowed}.grub-marker{margin-right:.5rem;font-weight:700}.grub-unavailable{color:#888;font-style:italic;margin-left:.5rem}.grub-footer{color:#ccc;font-size:13px;line-height:1.6;text-align:center}@media(min-width:1200px){.grub-footer{font-size:15px}}.grub-footer p{margin:.25rem 0}.boot-messages{max-width:100%}.boot-kernel-info{color:#888;font-size:13px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.boot-messages-list{display:flex;flex-direction:column;gap:.1rem}.boot-message{font-size:13px;line-height:1.4;display:flex;align-items:flex-start;gap:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.boot-status{font-weight:700;display:inline-block;min-width:80px;flex-shrink:0;color:#fff;margin-right:.5rem}.boot-status-text{font-weight:700}.boot-status--ok .boot-status-text{color:#0f0}.boot-status--fail .boot-status-text{color:red}.boot-status--warn .boot-status-text{color:#ff0}.boot-status--info .boot-status-text{color:#0ff}.kernel-panic{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.kernel-panic-screen{max-width:1000px;width:100%;color:#fff;text-align:left}.kernel-panic-top{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.kernel-panic-penguin{flex-shrink:0}.kernel-panic-penguin pre{margin:0;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.1;color:#fff}.kernel-panic-exclamation{flex-shrink:0}.kernel-panic-exclamation pre{margin:0;font-family:Courier New,Courier,monospace;font-size:20px;line-height:1.2;font-weight:700;color:#fff}.kernel-panic-header-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.kernel-panic-header{font-size:28px;font-weight:700;letter-spacing:.1em}.kernel-panic-body{font-size:18px;line-height:1.5;text-align:center;margin:0}.kernel-panic-body p{margin:0}.kernel-panic-footer-text{font-size:16px;text-align:center;margin-top:3rem;color:#ccc}.kernel-panic-footer-text p{margin:0}@media(max-width:768px){.boot-screen-content{padding:1rem;font-size:12px}.boot-message{font-size:11px}.grub-menu{padding-top:5vh}.kernel-panic{padding:1rem}.kernel-panic-top{flex-direction:column;align-items:center;gap:.5rem}.kernel-panic-penguin pre{font-size:12px}.kernel-panic-exclamation pre{font-size:16px}.kernel-panic-header{font-size:20px;margin-left:0}.kernel-panic-body{font-size:15px}.kernel-panic-footer-text{font-size:13px}}html,body{height:100%;margin:0;background-color:#111}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}#app main{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 1vh;padding-bottom:50px;position:relative;z-index:1}#app main>section{display:flex;align-items:stretch}
