:root{color:#f5f5f7;font-synthesis:none;background:#071d31;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app{color:#1d1d1f;background:#f5f5f7;min-height:100vh;padding:28px 5vw 24px;transition:all .3s;position:relative;overflow:hidden}.app.dark{color:#f5f5f7;background:radial-gradient(at 30% 25%,#153e56 0,#092a48 38%,#061a31 78%)}.glow{pointer-events:none;background:radial-gradient(#5fb4c340,#0000 65%);width:55%;height:65%;position:absolute;inset:auto auto -30% -10%}.app>:not(.glow){z-index:1;position:relative}header{color:#b8c8d8;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:650;display:flex}.brandmark{color:#fff;background:linear-gradient(135deg,#80d3de,#6c7cff);border-radius:10px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 5px 18px #5de0ed45}.sync-badge{color:#8ae0bd;border:1px solid #8ae0bd55;border-radius:99px;padding:4px 7px;font-size:11px}.actions,.edit-tools{flex-wrap:wrap;gap:8px;display:flex}.actions button,.nav-row button,.modal button,.range-tabs button{color:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;display:flex}.actions button:hover,.nav-row button:hover,.range-tabs button:hover{background:#ffffff25}.actions .active,.nav-row .selected,.range-tabs .selected{background:#ffffff2d;border-color:#ffffff50}.grid-icon{grid-template-columns:repeat(2,5px);gap:2px;display:grid}.grid-icon i{background:currentColor;border-radius:1px;width:5px;height:5px;display:block}.hero{text-align:center;max-width:780px;margin:58px auto 52px}.time{letter-spacing:-.08em;font-size:clamp(74px,11vw,142px);font-weight:200;line-height:.95}.date{color:#a9bacb;margin-top:14px;font-size:15px}.search{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#bfcedb;background:#ffffff20;border:1px solid #ffffff35;border-radius:24px;align-items:center;gap:12px;max-width:680px;margin:40px auto 0;padding:14px 18px;display:flex;box-shadow:0 12px 40px #00142530}.search input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.search input::placeholder{color:#b7c5d0}.search kbd{color:#9fb1c1;border:1px solid #ffffff34;border-radius:6px;padding:4px 7px;font-size:11px}.widgets{grid-template-columns:1.1fr 1fr 1fr;gap:16px;max-width:1180px;margin:auto;display:grid}.widget{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101820b8;border:1px solid #ffffff20;border-radius:22px;min-height:184px;padding:20px;box-shadow:0 15px 40px #00142630}.widget[role=button]{cursor:pointer}.widget[role=button]:hover{border-color:#ffffff45;transform:translateY(-1px)}.widget-head{color:#b9c8d5;justify-content:space-between;align-items:center;font-size:13px;display:flex}.temp{margin:14px 0 0;font-size:54px;font-weight:300}.muted,small{color:#93a6b6;font-size:12px}.widget-loading,.widget-error{color:#93a6b6;text-align:center;place-items:center;min-height:112px;font-size:13px;display:grid}.widget-error{flex-wrap:wrap;gap:8px;display:flex}.forecast{color:#9dafbe;justify-content:space-between;margin-top:22px;font-size:11px;display:flex}.forecast b{color:#e2edf5;margin-top:8px;font-weight:500;display:block}.event{align-items:center;gap:12px;margin:16px 0;display:flex}.event b,.event small{display:block}.event small{margin-top:4px}.event>div{flex:1;min-width:0}.dot{background:#46a0ff;border-radius:50%;flex:none;width:9px;height:9px}.text-btn{color:#82c9ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.calendar-empty{margin:22px 0}.online{color:#8ae0bd;font-size:12px}.online i,.offline i{background:#5ad39a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.offline{color:#ffb4a9;font-size:12px}.offline i{background:#ff7f73}.server-grid{gap:30px;margin:26px 0 19px;display:flex}.server-grid b,.server-grid small{display:block}.server-grid b{font-size:24px}.server-grid small{margin-top:4px}.traffic{color:#9dafbe;justify-content:space-between;font-size:12px;display:flex}.traffic b{color:#e2edf5}.progress{background:#ffffff18;border-radius:9px;height:6px;margin:9px 0 8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#63d1df,#6d8dff);height:100%;display:block}.alert-strip{color:#ffc0ae;background:#ff9e7b22;border-radius:9px;margin-top:12px;padding:7px 9px;font-size:11px}.nav-row{justify-content:space-between;align-items:center;gap:15px;max-width:1180px;margin:32px auto 20px;display:flex}nav{flex-wrap:wrap;gap:7px;display:flex}.nav-row nav button{color:#9dafbe;background:0 0;border:0;padding:8px 13px}.nav-row nav .selected{color:#fff;background:#ffffff1f}.add{color:#bfe9ff!important}.links{grid-template-columns:repeat(4,1fr);gap:13px;max-width:1180px;margin:auto;display:grid}.link-wrap{position:relative}.link-wrap[draggable=true]{cursor:grab}.link-card{min-height:76px;color:inherit;background:#ffffff0d;border:1px solid #ffffff19;border-radius:18px;align-items:center;gap:13px;padding:13px 15px;text-decoration:none;transition:all .2s;display:flex}.link-card:hover{background:#ffffff18;border-color:#ffffff30;transform:translateY(-2px)}.site-icon{color:#20242b;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:23px;font-weight:700;display:grid;box-shadow:0 5px 14px #0002}.link-copy{flex:1;min-width:0}.link-copy b,.link-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.link-copy small{color:#93a6b6;margin-top:5px}.external{color:#8296a8}.compact .link-card{min-height:56px;padding:9px 12px}.compact .site-icon{border-radius:10px;width:32px;height:32px;font-size:16px}.card-actions{opacity:0;gap:4px;transition:all .2s;display:flex;position:absolute;top:8px;right:10px}.link-wrap:hover .card-actions{opacity:1}.card-actions button,.modal-title button{color:inherit;cursor:pointer;background:#ffffff20;border:0;border-radius:7px;padding:5px}.footer,footer{color:#708698;justify-content:space-between;max-width:1180px;margin:40px auto 0;font-size:11px;display:flex}.modal-backdrop{background:#0008;place-items:center;display:grid;inset:0;z-index:5!important;position:fixed!important}.modal{color:#f5f5f7;background:#192b3a;border-radius:24px;width:min(92vw,520px);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 70px #0008}.modal h2{margin:0 0 18px;font-size:22px}.modal input,.modal select,.settings-panel input,.settings-panel select{width:100%;color:inherit;background:#ffffff10;border:1px solid #ffffff25;border-radius:12px;outline:0;margin:10px 0;padding:13px 14px;display:block}.modal select,.settings-panel select{background:#253b4b}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal .primary,.primary{color:#fff;background:#6d8dff!important;border-color:#0000!important}.full{justify-content:center;width:100%}.secondary{color:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff25;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:inline-flex}.modal-title{justify-content:space-between;align-items:center;display:flex}.modal-title h2{margin:0}.check{color:#b9c8d5;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.check input{width:auto;margin:0}.import-list{border-top:1px solid #ffffff18;max-height:230px;margin:16px 0;overflow:auto}.import-list div{border-bottom:1px solid #ffffff12;justify-content:space-between;padding:10px 0;display:flex}.settings-panel{color:#f5f5f7;background:#192b3a;width:min(92vw,430px);height:100%;padding:28px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0005}.settings-section{border-bottom:1px solid #ffffff14;padding:18px 0}.settings-section h3{margin:0 0 10px;font-size:14px}.settings-section label{color:#b9c8d5;margin:12px 0;font-size:12px;display:block}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-note{color:#a9bacb;border:1px solid #ffffff18;border-radius:14px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;font-size:12px;line-height:1.5;display:flex}.danger{color:#ffb4a9}.range-tabs{gap:6px;margin:18px 0;display:flex}.range-tabs button{padding:7px 10px}.chart{margin:15px 0}.chart-label{color:#b9c8d5;justify-content:space-between;font-size:12px;display:flex}.chart svg{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 30px;border-bottom:1px solid #ffffff12;width:100%;height:90px;margin-top:8px;display:block}.detail-stats{color:#93a6b6;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;display:flex}.calendar-list .event{border-bottom:1px solid #ffffff12;padding:8px 0}.calendar-list a{color:#82c9ff}.calendar-expanded{max-height:80vh}@media (width<=900px){.widgets{grid-template-columns:1fr 1fr}.server{grid-column:span 2}.links{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.app{padding:18px 16px}.hero{margin:48px auto 38px}.time{font-size:76px}.search{margin-top:28px}.widgets{grid-template-columns:1fr}.server{grid-column:auto}.links,.compact{grid-template-columns:repeat(2,1fr)}.link-card{text-align:center;flex-direction:column;gap:8px;padding:12px 8px}.link-card .external{display:none}.link-copy{width:100%}.nav-row{flex-direction:column;align-items:flex-start;gap:12px}footer{margin-top:30px}.two-col{grid-template-columns:1fr}}