@font-face{font-family:Inter;src:url(assets/inter.ttf);font-weight:100 900;font-display:swap}
:root{color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#090e16;color:white;font-family:Inter,Arial,sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:focus{outline:none}button:focus-visible{outline:none}[hidden]{display:none!important}
#screen{position:absolute;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0;background:linear-gradient(140deg,#314e51,#1b3635 45%,#0b1918)}#wallpaper,#shade{position:absolute;inset:0}#wallpaper{background-image:url(assets/wallpaper.jpg);background-size:cover;background-position:center}#shade{background:linear-gradient(transparent 35%,#0002 65%,#0008 100%);pointer-events:none}header{position:absolute;right:48px;top:39px;display:flex;align-items:center;gap:9px;z-index:3}#corner-clock{font-size:21px;font-weight:600;margin-right:15px;text-shadow:0 1px 8px #0009}.disc{border:0;background:transparent;border-radius:50%;width:42px;height:42px;padding:5px}.disc img,.disc svg{display:block;width:100%;height:100%}.disc:focus{background:#ffffff5e;box-shadow:0 0 0 4px #ffffffb0;transform:scale(1.14)}.avatar{padding:0;margin-left:9px}#large-clock{position:absolute;top:19.7%;left:108px;text-shadow:0 2px 15px #0004}#date{font-size:30px;font-weight:700;margin:0 0 15px 6px}#large-time{font-size:177px;font-weight:250;letter-spacing:-4px;line-height:1}
#dock-glass{position:absolute;left:88px;right:88px;border-radius:39px;background:linear-gradient(130deg,#b9c7c64a,#66706d80);border:2px solid #ffffff60;box-shadow:0 12px 36px #0005;pointer-events:none}#grid-mask{position:absolute;inset:0;overflow:hidden;pointer-events:none}#grid{position:absolute;left:0;top:0;width:1920px;height:1080px;pointer-events:none}.tile{position:absolute;padding:0;border:0;border-radius:17px;background:#fff2;pointer-events:auto;box-shadow:0 4px 12px #0003}.tile .banner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:17px;background:#2a3036}.tile img{width:100%;height:100%;object-fit:cover}.tile .name{position:absolute;left:-25px;right:-25px;top:calc(100% + 25px);font-size:22.5px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 8px #000b}.tile:focus{z-index:2;transform:scale(1.12);box-shadow:0 22px 40px #0008,0 0 0 2px #fff5}.tile:focus .name{opacity:1}.tile .fallback{font-size:28px;font-weight:650;padding:18px}.input-tile .banner{background:linear-gradient(135deg,#68757d,#343b44);flex-direction:column;gap:14px}.input-tile img{width:57px;height:57px;object-fit:contain}.input-tile small{font-size:26px}.tile:hover{box-shadow:0 0 0 3px #fffb}.tile:not(:focus):hover{transform:scale(1.03)}.expanded #dock-glass{top:330px!important;bottom:-60px;height:auto!important;border-radius:45px}.expanded #large-clock{opacity:0}
#overlay{position:absolute;inset:0;background:#0005;z-index:6;display:flex;justify-content:flex-end;align-items:flex-start;padding:106px 48px 48px}.panel{width:570px;max-height:925px;overflow:auto;border-radius:42px;padding:34px;background:linear-gradient(140deg,#3a4246f0,#171e23f5);border:1px solid #ffffff38;box-shadow:0 24px 70px #0008}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:30px;margin:0;font-weight:600}.close{border:0;border-radius:50%;background:#ffffff20;width:45px;height:45px;font-size:34px;line-height:1}.panel button:focus,.panel select:focus,.panel input:focus{outline:4px solid #fff;outline-offset:3px}.panel button.action{display:flex;align-items:center;gap:17px;text-align:left;border:0;background:#ffffff19;border-radius:22px;padding:21px 23px;width:100%;font-size:24px;margin:13px 0}.panel button img{width:31px;height:31px}.panel p{font-size:20px;line-height:1.5;color:#c8cdd3}.panel .hint{font-size:17px;color:#b8bfc8}.panel .option{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #fff2;font-size:23px}.panel select{max-width:245px;border:1px solid #ffffff40;border-radius:10px;background:#343e47;padding:10px;font-size:20px}.panel input[type=checkbox]{width:27px;height:27px}.panel .volume{display:flex;align-items:center;gap:18px;font-size:25px;margin:16px 0}.volume button{width:65px;height:65px;border:0;border-radius:50%;background:#fff2;font-size:30px}.volume output{min-width:80px;text-align:center}.panel .input-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-list button.action{margin:0;font-size:21px;display:block;min-height:100px}.input-list small{display:block;font-size:16px;color:#c8cdd3;margin-top:8px}#toast{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#18212bea;padding:18px 30px;border:1px solid #ffffff50;border-radius:18px;font-size:22px;z-index:10;max-width:85%;text-align:center}
.simple #dock-glass{background:#30383fe8}.simple .panel{background:#222b33}.simple .tile:focus{transform:scale(1.05)}@media(prefers-reduced-motion:no-preference){.tile{transition:transform .17s ease,box-shadow .17s ease}}