:root{color-scheme:dark;--panel-bg: rgba(5, 8, 15, .9);--panel-border: rgba(255, 255, 255, .08);--accent: #7dd3fc;--accent-strong: #38bdf8;--danger: #f87171;--muted: rgba(255, 255, 255, .55);--shadow: 0 20px 60px rgba(2, 4, 9, .75)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f8fbff;background:#010409}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.night-main{width:100%;min-height:100vh;background:var(--panel-bg);border:1px solid var(--panel-border);padding:48px clamp(16px,4vw,60px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.night-main h1{text-align:center;letter-spacing:.2rem;text-transform:uppercase;font-size:clamp(32px,4vw,48px);margin:0 0 6px}.subtitle{text-align:center;color:var(--muted);margin:0 0 28px}.tabs{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.tab{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--muted);border-radius:999px;padding:10px 24px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.tab:hover{color:#f8fbff;border-color:var(--accent)}.tab.active{color:#021018;background:linear-gradient(130deg,#7dd3fc,#38bdf8);border-color:transparent}.tab-panel{max-width:960px;margin:0 auto}.links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.pill{text-decoration:none;color:#fff;padding:12px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.pill:hover{transform:translateY(-3px) scale(1.03);border-color:var(--accent);background:#7dd3fc1f}.pill .lock{font-size:.85em;opacity:.8}.manager-panel{background:#010409bf;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px;box-shadow:inset 0 0 30px #02040959}.panel-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-heading h2{margin:0;font-size:26px}.panel-heading p{margin:6px 0 0;color:var(--muted);max-width:520px}.badge{border-radius:999px;padding:8px 16px;font-weight:600;font-size:.85rem}.badge.ok{background:#4ade8026;border:1px solid rgba(74,222,128,.6);color:#bbf7d0}.manager-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.btn-ghost{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f8fbff;padding:10px 20px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.file-upload{position:relative;overflow:hidden}.file-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.status-line{font-size:14px;padding:8px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);margin-bottom:18px}.status-line[data-tone=success]{border-color:#4ade8099;color:#bbf7d0}.status-line[data-tone=error]{border-color:#f8717199;color:var(--danger)}.status-line[data-tone=info]{border-color:#7dd3fc80;color:var(--accent)}.bookmark-list{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;max-height:360px;overflow-y:auto;padding-right:6px}.bookmark-row{display:grid;grid-template-columns:42px 1.2fr 1.6fr 90px;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.bookmark-row input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 12px;color:#f8fbff;font-size:15px}.bookmark-row input:focus{outline:none;border-color:var(--accent);background:#7dd3fc14}.index-badge{text-align:center;font-weight:700;color:var(--muted)}.remove-btn{background:#f871712e;border:1px solid rgba(248,113,113,.5);color:var(--danger);border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.remove-btn:hover{background:#f8717159;transform:translateY(-1px)}.add-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.add-form input,.add-form button{border-radius:12px;border:1px solid rgba(255,255,255,.15);padding:12px 16px;font-size:15px}.add-form input{background:#ffffff0d;color:#f8fbff}.add-form input:focus{outline:none;border-color:var(--accent);background:#7dd3fc14}.add-form button{background:linear-gradient(130deg,#0ea5e9,#2563eb);border:none;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase;cursor:pointer;transition:transform .2s ease}.add-form button:hover{transform:translateY(-2px)}.empty-state{text-align:center;color:var(--muted);padding:24px 0}.startup{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000}.category-grid,.links-view{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.half,.startup-button{width:90%;margin:15px 0;transition:background-color .3s,color .3s,font-size .5s ease;text-decoration:none;color:#000;background-color:#fff;font-size:2rem;display:flex;justify-content:center;align-items:center;border:none;border-radius:0;text-align:center;padding:20px 0;position:relative;cursor:pointer}.half:hover,.startup-button:hover{color:#fff;background-color:#000;font-size:2.5rem}.back-button{position:fixed;top:10px;left:10px;padding:10px 20px;font-size:20px;background-color:#00000080;color:#fff;border:none;cursor:pointer;z-index:1001}.startup-nav{margin-top:24px;color:var(--muted);text-decoration:none;font-size:1rem}.startup-nav:hover{color:#fff}.view-header{font-size:4rem;color:#fff;margin-bottom:30px;text-align:center}.tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px 10px;position:absolute;z-index:10;bottom:120%;left:50%;transform:translate(-50%);white-space:normal;word-wrap:break-word;max-width:250px;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;font-size:.9rem}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.startup-button:hover .tooltip{visibility:visible;opacity:1}@media(max-width:768px){.night-main{padding:32px 16px 40px}.bookmark-row{grid-template-columns:28px 1fr;grid-template-rows:repeat(3,auto)}.bookmark-row input:nth-child(2),.bookmark-row input:nth-child(3){grid-column:span 2}.remove-btn{grid-column:span 2}}