: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-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}}.calendar-range{gap:6px;margin:14px 0 8px;display:flex;overflow:auto}.calendar-range button{color:#a9bacb;cursor:pointer;white-space:nowrap;background:#ffffff0c;border:1px solid #ffffff1f;border-radius:999px;padding:6px 9px;font-size:11px}.calendar-range button:hover,.calendar-range button.selected{color:#fff;background:#ffffff25;border-color:#ffffff45}:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app{--page-bg:#061a31;--ink:#f5f5f7;--muted:#91a5b7;--surface:#0d1a28b8;--surface-raised:#ffffff14;--line:#ffffff21;--line-strong:#ffffff42;--accent:#82c9ff;--button:#ffffff14;--button-hover:#ffffff29;color:var(--ink);transition:background-color .28s var(--ease-out),color .18s ease;background:radial-gradient(at 30% 16%,#153e56 0,#092a48 40%,#061a31 80%)}.app:not(.dark){--page-bg:#f6f8fb;--ink:#111827;--muted:#667085;--surface:#ffffffc7;--surface-raised:#0f172a0d;--line:#0f172a1a;--line-strong:#0f172a33;--accent:#1769aa;--button:#0f172a0d;--button-hover:#0f172a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 50% -20%,#fff 0,#f6f8fb 58%,#e8eef6 100%)}.app:not(.dark) .glow{background:radial-gradient(#5fb4c329,#0000 65%)}.app:not(.dark) header,.app:not(.dark) .widget-head,.app:not(.dark) .nav-row nav button{color:var(--muted)}.app:not(.dark) .search,.app:not(.dark) .widget,.app:not(.dark) .link-card{background:var(--surface);border-color:var(--line);box-shadow:0 15px 40px #1f344d14}.app:not(.dark) .search input,.app:not(.dark) .link-card{color:var(--ink)}.app:not(.dark) .search input::placeholder{color:#8995a5}.app:not(.dark) .muted,.app:not(.dark) small,.app:not(.dark) .link-copy small{color:var(--muted)}.app:not(.dark) .actions button,.app:not(.dark) .nav-row nav button,.app:not(.dark) .calendar-range button{border-color:var(--line);background:var(--button);color:var(--ink)}.app:not(.dark) .actions button:hover,.app:not(.dark) .nav-row nav button:hover,.app:not(.dark) .calendar-range button:hover,.app:not(.dark) .calendar-range button.selected{background:var(--button-hover);border-color:var(--line-strong);color:var(--ink)}.app:not(.dark) .nav-row nav .selected{color:var(--ink);background:var(--button-hover)}.app:not(.dark) .time{background:linear-gradient(135deg,#111827,#52718c);color:#0000;-webkit-background-clip:text;background-clip:text}.app:not(.dark) .settings-panel,.app:not(.dark) .modal{color:var(--ink);background:#fff}.app:not(.dark) .modal input,.app:not(.dark) .modal select,.app:not(.dark) .settings-panel input,.app:not(.dark) .settings-panel select{border-color:var(--line);background:#f7f9fc}.app:not(.dark) .modal button,.app:not(.dark) .secondary{border-color:var(--line);background:var(--button);color:var(--ink)}.hero{margin-top:54px;margin-bottom:44px}.time{text-shadow:0 10px 40px #00000029;font-weight:180}.date{letter-spacing:.02em}.search{border-color:var(--line);background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out);box-shadow:0 18px 48px #00142633}.search:focus-within{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 20px 56px #00142640,0 0 0 4px #82c9ff1a}.search-count{background:var(--button-hover);min-width:24px;height:24px;color:var(--muted);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;display:grid}.widget{background:var(--surface);border-color:var(--line);transition:border-color .18s ease,transform .18s var(--ease-out),box-shadow .18s ease;box-shadow:0 18px 48px #0014262e}.widget[role=button]:focus-visible,.widget[role=button]:hover{border-color:var(--line-strong);box-shadow:0 22px 54px #0014263d}.nav-row{margin-top:38px}.nav-row nav button{transition:background-color .16s ease,color .16s ease,transform .16s var(--ease-out)}.links{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}.links:not(.compact) .link-card{border-color:var(--line);background:var(--surface);flex-direction:column;justify-content:center;gap:10px;min-height:124px;padding:17px 10px;box-shadow:0 10px 26px #0014261f}.links:not(.compact) .link-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 18px 34px #00142633}.links:not(.compact) .link-copy{text-align:center;width:100%}.links:not(.compact) .link-copy small,.links:not(.compact) .external{display:none}.links:not(.compact) .private-icon{color:var(--accent);position:absolute;top:10px;right:10px}.site-icon{color:#18212d;outline-offset:-1px;border-radius:16px;outline:1px solid #fff3;width:52px;height:52px;box-shadow:0 8px 20px #0000002e}.site-icon span{line-height:1;display:block}.link-copy b{letter-spacing:-.01em;font-size:13px;font-weight:650}.link-card{transition:transform .18s var(--ease-out),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.link-wrap[draggable=true]{cursor:grab}.link-wrap[draggable=true]:active{cursor:grabbing}.empty-state{border:1px dashed var(--line-strong);min-height:160px;color:var(--muted);text-align:center;border-radius:20px;grid-column:1/-1;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.empty-state b{color:var(--ink);font-size:14px}.empty-state span{font-size:12px}button,a,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.actions button:active,.nav-row button:active,.text-btn:active,.modal button:active{transform:scale(.97)}footer{color:var(--muted)}@media (width<=1100px){.links{grid-template-columns:repeat(8,minmax(0,1fr))}.links.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.links{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=600px){.app{padding:18px 14px 20px}.hero{margin:42px auto 34px}.time{font-size:clamp(68px,20vw,92px)}.search{margin-top:26px;padding:13px 14px}.search kbd{display:none}.widgets{gap:12px}.widget{border-radius:18px;padding:17px}.links{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.links:not(.compact) .link-card{border-radius:15px;gap:8px;min-height:98px;padding:12px 5px}.links:not(.compact) .site-icon{border-radius:13px;width:42px;height:42px;font-size:20px}.links:not(.compact) .link-copy b{font-size:11px}.links:not(.compact) .private-icon{width:12px;top:6px;right:6px}.links.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-row{margin-top:28px}.edit-tools{width:100%}footer{flex-direction:column;gap:7px;margin-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.search:focus-within,.widget[role=button]:hover,.links:not(.compact) .link-card:hover{transform:none}}.app:not(.dark){color:#101828}.app:not(.dark) header,.app:not(.dark) .brand,.app:not(.dark) .actions button,.app:not(.dark) .nav-row nav button,.app:not(.dark) .widget-head{color:#344054}.app:not(.dark) .time{color:#27364a;-webkit-text-fill-color:#27364a;background:0 0}.app:not(.dark) .date,.app:not(.dark) .muted,.app:not(.dark) small,.app:not(.dark) .link-copy small,.app:not(.dark) .forecast,.app:not(.dark) .traffic,.app:not(.dark) footer{color:#667085}.app:not(.dark) .widget,.app:not(.dark) .link-card{color:#101828;background:#fff;border-color:#0f172a1f}.app:not(.dark) .widget .temp,.app:not(.dark) .widget .event b,.app:not(.dark) .widget .forecast b,.app:not(.dark) .widget .server-grid b,.app:not(.dark) .widget .traffic b,.app:not(.dark) .link-copy b{color:#101828}.app:not(.dark) .widget .event small,.app:not(.dark) .widget .server-grid small{color:#667085}.app:not(.dark) .online{color:#087443}.app:not(.dark) .offline{color:#b42318}.app:not(.dark) .text-btn{color:#1769aa}.app:not(.dark) .links:not(.compact) .link-card{background:#fff;box-shadow:0 10px 26px #1f344d1a}.app:not(.dark) .links:not(.compact) .link-card:hover{background:#fff;box-shadow:0 18px 34px #1f344d29}.site-icon img{object-fit:contain;border-radius:8px;width:30px;height:30px;display:block}.action-card{appearance:none;width:100%;font:inherit;color:inherit;text-align:center;cursor:pointer}.action-card .site-icon{place-items:center;display:grid}.action-card .site-icon svg{stroke-width:1.8px}.edit-tools button:disabled{cursor:wait;opacity:.6}.toast{z-index:8;border:1px solid var(--line-strong);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:min(92vw,520px);color:var(--ink);animation:toast-in .18s var(--ease-out);border-radius:999px;padding:11px 15px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000040}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}