:root{color-scheme:dark;--bg:#08090b;--panel:#141518;--tile:#1d1f22;--tile-border:#3d4046;--line:#292c32;--text:#f4f5f6;--muted:#a5a9b1;--yellow:#f1d12c;--columns:6;--radius:13px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.48 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}input,select,textarea{min-width:0;width:100%;border:1px solid #383b41;border-radius:9px;background:#202226;color:var(--text);outline:none;padding:10px 12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #f1d12c20}input[type=color]{width:54px;height:37px;padding:4px;cursor:pointer}input[type=file]{font-size:13px}input[type=checkbox]{width:auto;accent-color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:22px;font-weight:710;margin-bottom:3px}h2{font-size:17px;font-weight:700;margin-bottom:12px}h3{font-size:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.shell{max-width:1630px;margin:0 auto;padding:0 24px}.topbar{display:flex;gap:25px;align-items:center;padding:18px 0 15px;margin-bottom:25px;border-bottom:1px solid var(--line)}.brand{min-width:165px;text-decoration:none;color:var(--yellow);white-space:nowrap;display:flex;align-items:center}.brand span{font-size:15px}.brand em{font-family:"Segoe Script","Brush Script MT",cursive;font-style:italic;font-weight:800;font-size:29px;letter-spacing:-1.4px}.brand img{display:block;max-width:158px;max-height:54px;object-fit:contain}.header-search{flex:1;max-width:600px}.header-search input{background:#191a1d;border-color:#42444b;padding:12px 15px;border-radius:11px}.nav{display:flex;gap:6px;align-items:center;margin-left:auto}.nav a{white-space:nowrap;text-decoration:none;color:#bdc0c6;font-size:13px;padding:9px 10px;border-radius:8px;transition:background .14s}.nav a:hover,.nav a.active{background:#24262a;color:var(--text)}.nav a.active{box-shadow:inset 0 -2px var(--yellow)}.menu-toggle{display:none;border:1px solid #45474a;background:var(--tile);color:var(--text);padding:7px 12px;border-radius:9px}.page{min-height:72vh}.links-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:10px 12px;align-items:stretch}.link-tile{display:flex;align-items:center;justify-content:flex-start;gap:11px;background:var(--tile);border:1px solid var(--tile-border);min-width:0;min-height:48px;padding:8px 12px;border-radius:9px;text-decoration:none;color:#f3f4f4;font-size:14px;font-weight:650;transition:background .16s,border-color .16s,transform .16s}.link-tile:hover{background:#2b2d31;border-color:#777b85;transform:translateY(-1px)}.accent{width:4px;height:25px;border-radius:20px;flex:none;background:var(--accent,var(--yellow));box-shadow:0 0 9px color-mix(in srgb,var(--accent,var(--yellow)) 28%,transparent)}.link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-note{display:flex;gap:9px;justify-content:center;color:#797d84;font-size:12px;margin:24px 0}.site-footer{color:#60656c;font-size:12px;text-align:center;padding:28px 0}.site-footer span{margin:0 5px}.empty-state{border:1px dashed #33373d;border-radius:12px;text-align:center;padding:40px;color:var(--muted)}
.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:18px}.page-heading p,.panel-head p{color:var(--muted);font-size:13px;margin:0}.dash-grid,.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:15px}.panel-head h2{margin-bottom:2px}.panel h2{color:#f5f6f7}.panel label{font-size:13px;font-weight:600}.panel hr{border:none;border-top:1px solid var(--line);margin:22px 0}.panel form.stack>label{margin-bottom:-5px}.stack{display:flex;flex-direction:column;gap:10px}.separated{margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.row-end{display:flex;justify-content:end}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.buttons{display:flex;gap:9px;flex-wrap:wrap}.primary-btn,.subtle-btn,.danger-btn{border:1px solid transparent;border-radius:9px;padding:9px 13px;white-space:nowrap;font-size:13px;font-weight:650}.primary-btn{background:var(--yellow);color:#1d1a0c}.primary-btn:hover{background:#ffe55c}.subtle-btn{background:#292b2f;color:#e7e8ea;border-color:#43464c}.subtle-btn:hover{background:#363a40}.danger-btn{background:#3a2528;color:#ffb7ba;border-color:#6a343b}.anchor-btn{text-decoration:none}.hint,.support-text{font-size:13px;color:var(--muted)}.support-text{line-height:1.6}.muted{color:var(--muted)}.row-entry{display:flex;align-items:center;gap:11px;min-width:0;padding:9px 10px;background:#1d1f22;border:1px solid #2f3237;border-radius:9px}.row-entry .grow{flex:1;min-width:0}.row-entry strong,.row-entry .entry-title{font-size:13px;overflow-wrap:anywhere}.row-entry small,.entry-meta{font-size:12px;color:#a4a8ae}.entry-actions{display:flex;gap:5px;align-items:center}.mini-btn{background:#2d3035;color:#e1e3e6;border:1px solid #43464c;border-radius:7px;font-size:12px;padding:6px 8px}.mini-btn:hover{background:#404249}.mini-btn.danger{color:#f7a6a6}.tiny-bar{height:23px;width:4px;border-radius:4px;flex:none;background:var(--accent)}.status-dot{width:9px;height:9px;border-radius:100%;background:#9397a0;display:inline-block;flex:none}.status-dot.online{background:#2fc98f;box-shadow:0 0 9px #2fc98f50}.status-dot.offline{background:#ef6876}.status-dot.auth{background:#eab95c}.server-line{display:flex;align-items:center;gap:12px}.server-line .grow{flex:1}.server-line a{text-decoration:none}.server-line .muted{display:block}.item-note{border:1px solid #303339;border-radius:9px;padding:11px 12px;background:#1e2024}.item-note p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.item-note .note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.item-note .note-foot small{color:#898d95}.task-form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:8px}.task-group{padding:5px 0 10px}.task-group+.task-group{border-top:1px solid var(--line);padding-top:16px}.task-group h3{font-size:13px;color:#e6e8ec;margin-bottom:6px}.task-group h3 small{font-size:11px;font-weight:400}.task-line{display:flex;gap:9px;align-items:center;padding:7px 0}.task-line .task-title{flex:1;font-size:13px;overflow-wrap:anywhere}.task-line.done .task-title{text-decoration:line-through;color:#838790}.project-card{background:#1e2023;border:1px solid #36393e;border-radius:9px;padding:12px}.project-card .project-top{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:8px}.project-card .project-top strong{font-size:14px}.project-card p{font-size:12px;color:#b2b6bd;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.project-badges{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:11px;background:#313438;border-radius:6px;padding:3px 7px;color:#c5c9cd}.project-links{display:flex;gap:11px;margin-top:10px}.project-links a{font-size:12px;color:#e2ce4a;text-decoration:none}.snippet-card{display:flex;align-items:center;gap:9px;background:#1e2023;border:1px solid #36393e;border-radius:9px;padding:9px}.snippet-card strong{font-size:13px;flex:1;min-width:0}.ip-line{display:flex;gap:10px;align-items:center}.ip-line strong{font-size:21px;font-weight:750;letter-spacing:.4px;overflow-wrap:anywhere;flex:1}
.tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:16px;padding-bottom:3px}.tab{background:#17191b;border:1px solid #373a3f;color:#c4c7cc;padding:10px 14px;border-radius:9px;white-space:nowrap;font-size:13px}.tab.active{border-color:var(--yellow);background:#3c371c;color:#fff}.admin-tab>.two-cols{margin-bottom:18px}.admin-list-panel{margin-bottom:8px}.colors-row{display:flex;flex-wrap:wrap;gap:9px}.color-choice{width:30px;height:30px;background:var(--accent);border:2px solid transparent;outline:none;border-radius:8px;box-shadow:0 0 0 1px #333;cursor:pointer}.color-choice.active{box-shadow:0 0 0 2px #fff}.color-custom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-custom label{font-size:12px;color:var(--muted)}.color-custom span{font-size:12px;color:var(--muted)}.color-order-row{display:flex;align-items:center;gap:10px;background:#202225;padding:8px 10px;border-radius:8px;border:1px solid #30343a}.color-order-row .grow{flex:1}.order-swatch{width:28px;height:13px;background:var(--accent);border-radius:4px}.group-header{display:flex;align-items:center;gap:9px;color:#ced1d6;font-size:12px;margin-top:9px}.group-header:after{content:"";height:1px;background:#33373e;flex:1}.admin-link-row{display:flex;align-items:center;gap:8px;background:#202226;border:1px solid #36393f;padding:8px 9px;border-radius:8px;min-width:0}.admin-link-row[draggable=true]{cursor:grab}.admin-link-row.drag-over{border-color:var(--yellow)}.drag-handle{color:#767b84;font-size:16px;cursor:grab;user-select:none}.admin-link-row .grow{flex:1;min-width:0}.admin-link-row .entry-title{display:block}.admin-link-row .entry-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-link-row .entry-actions{flex-wrap:wrap;justify-content:flex-end}.folders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 19px;max-height:340px;overflow:auto}.folder-choice{display:flex;align-items:center;gap:10px;padding:10px;background:#202226;border:1px solid #34373b;border-radius:9px;font-size:13px}.folder-choice span{overflow-wrap:anywhere}.folder-choice small{color:var(--muted);margin-left:auto}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two-inputs label{display:block;margin-bottom:5px}.form-error{color:#ff9e9e}.toast{position:fixed;bottom:22px;right:22px;background:#24282b;border:1px solid #616770;border-left:4px solid var(--yellow);color:#fff;border-radius:10px;padding:12px 15px;max-width:350px;box-shadow:0 13px 35px #0008;z-index:9}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,430px);padding:35px;background:#151619;border:1px solid #35383e;border-radius:17px}.login-brand{color:var(--yellow);font-size:20px;text-align:center;margin:0 0 24px}.login-brand em{font-family:"Segoe Script","Brush Script MT",cursive;font-weight:800;font-size:37px}.login-card h1{text-align:center}.login-card>p{color:var(--muted);font-size:13px;text-align:center;margin-bottom:24px}.login-card form .primary-btn{margin-top:8px;padding:12px}
@media(max-width:1250px){.links-grid{grid-template-columns:repeat(min(5,var(--columns)),minmax(0,1fr))}.topbar{gap:14px}.brand{min-width:130px}.brand em{font-size:25px}}
@media(max-width:980px){.links-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{flex-wrap:wrap}.header-search{order:3;max-width:none;flex-basis:100%}.nav{margin-left:auto}.dash-grid,.two-cols{grid-template-columns:1fr}}
@media(max-width:700px){.shell{padding:0 13px}.topbar{gap:12px;margin-bottom:18px}.brand{min-width:0}.nav{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;margin-left:0;border-top:1px solid var(--line);padding-top:7px}.nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-search{order:3}.links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.link-tile{font-size:12px;padding:7px 8px;gap:7px;min-height:43px}.accent{height:21px;width:3px}.panel{padding:15px}.task-form{grid-template-columns:1fr 1fr}.task-form #task-title{grid-column:1 / -1}.task-form button{width:100%}.folders-list{grid-template-columns:1fr}.two-inputs{grid-template-columns:1fr}.admin-link-row{flex-wrap:wrap}.admin-link-row .entry-actions{width:100%;justify-content:flex-start;padding-left:17px}}
@media(max-width:480px){.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:20px}.brand em{font-size:24px}.panel-head{flex-wrap:wrap}.ip-line strong{font-size:17px}}
