: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}.actions{gap:8px;display:flex}.actions button,.nav-row button,.modal 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{background:#ffffff25}.actions .active,.nav-row .selected{background:#ffffff2d;border-color:#ffffff50}.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-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}.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:19px 0;display:flex}.event b,.event small{display:block}.event small{margin-top:4px}.dot{background:#46a0ff;border-radius:50%;width:9px;height:9px}.dot.purple{background:#b17cff}.text-btn{color:#82c9ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.online{color:#8ae0bd;font-size:12px}.online i{background:#5ad39a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.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);width:35%;height:100%;display:block}.nav-row{justify-content:space-between;align-items:center;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-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}.compact .site-icon{border-radius:10px;width:32px;height:32px;font-size:16px}.compact .link-card{padding:9px 12px}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,420px);padding:24px;box-shadow:0 20px 70px #0008}.modal h2{margin:0 0 18px;font-size:22px}.modal input{width:100%;color:inherit;background:#ffffff10;border:1px solid #ffffff25;border-radius:12px;outline:0;margin:10px 0;padding:13px 14px;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal .primary{background:#6d8dff;border-color:#0000}@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}}.edit-tools{gap:8px;display:flex}.card-actions button{color:inherit;cursor:pointer;background:#ffffff20;border:0;border-radius:7px;padding:5px}.edit-tools{flex-wrap:wrap;gap:8px;display:flex}.link-wrap{position:relative}.link-wrap[draggable=true]{cursor:grab}.link-wrap[draggable=true]:active{cursor:grabbing}.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}.modal-title{justify-content:space-between;align-items:center;display:flex}.modal-title h2{margin:0}.modal select{width:100%;color:inherit;background:#253b4b;border:1px solid #ffffff25;border-radius:12px;margin:10px 0;padding:13px 14px;display:block}.check{color:#b9c8d5;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.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,380px);height:100%;padding:28px;position:absolute;top:0;right:0;box-shadow:-20px 0 60px #0005}.setting-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.setting-row button{color:inherit;background:#ffffff12;border:1px solid #ffffff25;border-radius:10px;padding:8px 12px}.settings-note{color:#a9bacb;border:1px solid #ffffff18;border-radius:14px;align-items:flex-start;gap:10px;margin-top:24px;padding:14px;font-size:12px;line-height:1.5;display:flex}