#start-panel{position:fixed;bottom:36px;left:3px;z-index:100;display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(130px,1fr);width:410px;max-width:calc(100vw - 6px);height:350px;max-height:calc(100dvh - 45px);padding:7px;gap:7px;border:1px solid #a4bed2;border-radius:7px 7px 0 0;background:linear-gradient(125deg,#567e9eef,#182f4bf5);box-shadow:inset 0 0 0 1px #ffffff60,0 0 20px #0009;backdrop-filter:blur(16px);font:12px "Segoe UI",Tahoma,sans-serif;animation:wired-fade .15s ease;overflow:visible}
#start-panel[hidden],#power-options[hidden]{display:none}
.start-apps{display:flex;flex-direction:column;background:#fff;border:1px solid #23374d;border-radius:4px;padding:6px;min-width:0}
#start-panel .start-apps button{display:flex;align-items:center;gap:10px;text-align:left;background:none;box-shadow:none;border:1px solid transparent;border-radius:3px;min-height:54px;padding:7px;color:#202020;font:12px "Segoe UI",Tahoma,sans-serif}
#start-panel .start-apps button:hover,#start-panel .start-apps button:focus-visible{background:linear-gradient(#edf7ff,#d3eaff);border-color:#9ac8e5;outline:none}
.start-apps img{width:32px;height:32px;object-fit:contain;border-radius:50%;flex-shrink:0}
#start-panel #start-profile{min-height:64px;border:1px solid #86b4d3;border-radius:6px;background:linear-gradient(#f2f9ff,#d4e9f8);color:#173c5c;text-shadow:none;box-shadow:inset 0 1px 0 #fff,0 1px 3px #163b5920;font:600 13px "Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased;outline:none;transition:background .15s,border-color .15s}
#start-panel #start-profile img{width:40px;height:40px;object-fit:cover;border:2px solid #edf8ff;background:#234967;box-shadow:0 0 0 1px #6895b5,0 2px 5px #153e5f40;image-rendering:auto}
#start-panel #start-profile:hover{background:linear-gradient(#fff,#c6e5fa);border-color:#4e9ed1}
#start-panel #start-profile:focus-visible{outline:2px solid #287daf;outline-offset:2px}
#start-panel #start-profile:active{background:linear-gradient(#bcd9ed,#e5f3fd);box-shadow:inset 0 1px 3px #19405e30;text-shadow:none}
.start-apps small{display:block;font-size:10px;color:#666;margin-top:4px}
.start-apps-footer{margin-top:auto;padding:12px 5px;border-top:1px solid #ddd;color:#777;font-size:10px}
.start-settings{display:flex;flex-direction:column;align-items:center;color:white;text-shadow:0 1px 2px #000;padding:12px 2px;overflow:visible}
.start-avatar{width:62px;height:62px;object-fit:cover;border-radius:7px;border:3px solid #cadbe9;box-shadow:0 2px 6px #0008;margin-bottom:12px}
.start-settings strong{font-size:14px}.start-settings p{margin-top:6px;color:#bacbda}
.power-controls{display:flex;position:relative;margin-top:auto;overflow:visible}
#start-panel .power-controls>button{min-width:0;height:29px;background:linear-gradient(#f5e5c6,#d1b483 49%,#c4a16c 50%,#e0c291);border:1px solid #25364a;border-radius:3px 0 0 3px;box-shadow:inset 0 0 0 1px #ffffff7a;padding:3px 10px;font:12px "Segoe UI",Tahoma,sans-serif;color:#172230}
#start-panel #power-options-button{border-radius:0 3px 3px 0;padding:3px 7px;border-left:0}
#start-panel .power-controls>button:hover{filter:brightness(1.12)}
#power-options{position:absolute;bottom:33px;right:0;background:#182f4b;border:1px solid #a4bed2;border-radius:4px;padding:3px;box-shadow:2px 3px 8px #0006;width:130px}
#power-options button{background:linear-gradient(#f5e5c6,#d1b483 49%,#c4a16c 50%,#e0c291);box-shadow:inset 0 0 0 1px #ffffff7a;border:1px solid #25364a;border-radius:3px;width:100%;text-align:left;padding:7px;color:#172230;font:12px "Segoe UI",Tahoma,sans-serif}
#power-options button:hover,#power-options button:focus-visible{filter:brightness(1.12);outline:1px solid #d4e8ff;outline-offset:1px}
#enter{opacity:1;transition:opacity 160ms ease-out}
#enter.login-leaving{opacity:0;pointer-events:none}
.session-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#030305;color:#c4b9d3;text-align:center;outline:none}
.session-overlay[hidden]{display:none}
#restart-screen{background:#000;color:#ccc;font:16px/1.6 "Jackeyfont",monospace;gap:14px}
#restart-screen h1{font:inherit;font-size:30px}
#restart-screen img{object-fit:contain}
#wired-saver{background:radial-gradient(ellipse at center,#18101e 0%,#050407 55%,#000 100%);cursor:none;animation:wired-fade 1.2s ease both}
#wired-saver::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0003 3px 4px)}
.wired-content{max-width:100%;animation:wired-drift 24s ease-in-out infinite alternate}
.wired-content img{display:block;object-fit:contain;margin:28px auto;opacity:.75;filter:saturate(.45)}
.wired-label{font:11px monospace;letter-spacing:.2em;color:#887691}
.wired-content h1{font:clamp(20px,4vw,36px) "Jackeyfont",monospace;font-weight:normal;letter-spacing:.06em;text-shadow:0 0 18px #a883ae66;line-height:1.5}
.wired-hint{margin-top:30px;font:11px monospace;color:#82758c;line-height:1.6}
#shutdown-screen{background:linear-gradient(#0007,#000e),url('../assets/lain-wallpaper.jpg') right bottom/cover;color:#fff;font:24px/1.5 "Segoe UI",Tahoma,sans-serif;animation:wired-fade .6s ease;transition:filter .8s ease}
@media(max-width:600px){#shutdown-screen{background-image:linear-gradient(#0007,#000e),url('../assets/lain-wallpaper-mobile.png')}}
#shutdown-screen.power-fade{filter:brightness(0)}
#shutdown-screen.powered-off{background:#000;color:#d58b28;font-size:clamp(20px,4vw,32px)}
.power-spinner{width:26px;height:26px;border:3px solid #ffffff35;border-top-color:#fff;border-right-color:#bde7ff;border-radius:50%;margin-bottom:20px;animation:power-spin 1s linear infinite;box-shadow:0 0 14px #8acbff44}
.power-brand{position:absolute;bottom:8%;font-size:22px;text-shadow:0 2px 4px #0008}.power-brand span{font-weight:300;color:#a8cbea}
.powered-off .power-spinner,.powered-off .power-brand{display:none}
@keyframes power-spin{to{transform:rotate(360deg)}}
#shutdown-message{max-width:600px;white-space:pre-line}
#reboot-button{margin-top:36px;background:none;border:0;box-shadow:none;color:#a98b62;font:13px monospace;cursor:pointer;padding:12px}
#reboot-button:focus-visible{outline:1px dashed #d58b28;outline-offset:4px}
#reboot-button[hidden]{display:none}
@keyframes wired-fade{from{opacity:0}to{opacity:1}}
@keyframes wired-drift{from{transform:translateY(-8px)}to{transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){#wired-saver,.wired-content,#start-panel,#shutdown-screen,.power-spinner{animation:none;transition:none}}