:root{color:#f4f4f5;background:#0b0b0b;--bg: #0b0b0b;--bg-soft: #111111;--surface: #171717;--surface-strong: #222222;--surface-raised: #2a2a2a;--line: #424242;--line-soft: rgba(244, 244, 245, .12);--text: #f4f4f5;--muted: #b7b7b7;--muted-strong: #d7d7d7;--lime: #b7fd48;--lime-strong: #a3f71e;--purple: #ce65ff;--danger: #ff6b5f;--danger-bg: rgba(255, 107, 95, .12);--shadow: 0 26px 90px rgba(0, 0, 0, .38);font-family:Lufga,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(112deg,rgba(183,253,72,.12),transparent 36%),radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px),var(--bg);background-position:center top,0 0;background-size:auto,18px 18px}body:before{position:fixed;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,var(--bg) 0%,transparent 16%,transparent 84%,var(--bg) 100%),linear-gradient(180deg,transparent 0%,var(--bg) 92%);opacity:.84}a{color:inherit;text-decoration:none}#app{position:relative;z-index:1;width:min(100%,1080px);margin:0 auto;padding:22px 24px 90px}.top-menu{display:inline-flex;align-items:center;gap:12px;width:fit-content;border:1px solid var(--line);border-radius:999px;margin-bottom:30px;padding:10px 10px 10px 14px;background:#222222db;box-shadow:0 18px 50px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text);font-size:.96rem;font-weight:900;white-space:nowrap}.brand span{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;background:var(--lime);color:#000;font-weight:950}.eyebrow{width:fit-content;margin:0;border:1px solid rgba(183,253,72,.38);border-radius:999px;padding:7px 13px;background:#b7fd4814;color:var(--lime);font-size:.8rem;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{max-width:520px;margin-bottom:0;color:var(--text);font-size:clamp(1.2rem,3vw,3.5rem);font-weight:700;line-height:.98;letter-spacing:0}.intro{max-width:520px;margin-bottom:0;color:var(--muted);font-size:1rem;line-height:1.3}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:100px;margin-bottom:50px}.page-heading>div{display:grid;gap:12px}.links{display:grid;gap:30px}.tabs-toolbar{display:grid;grid-template-columns:minmax(0,1fr);justify-items:end;gap:28px;margin:0 0 32px}.main-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%;border-bottom:1px solid var(--line)}.main-tab{position:relative;width:100%;min-width:0;min-height:42px;border:0;border-radius:0;padding:0 16px 12px;background:transparent;color:#f4f4f547;font-size:1.12rem;font-weight:500}.main-tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:transparent}.main-tab.active{background:transparent;color:var(--text)}.main-tab.active:after{background:var(--text)}.main-tab:hover,.main-tab:focus-visible{background:transparent;color:var(--text)}.add-button{position:relative;width:54px;height:54px;min-height:54px;border:0;border-radius:999px;padding:0;background:#e7e7e7;color:#111;box-shadow:none}.add-button span,.add-button span:after{position:absolute;left:50%;top:50%;width:25px;height:2px;border-radius:999px;content:"";background:currentColor;transform:translate(-50%,-50%)}.add-button span:after{transform:translate(-50%,-50%) rotate(90deg)}.add-button:hover,.add-button:focus-visible{background:var(--lime);color:#000}.main-panel{display:none}.main-panel.active{display:block}.folder-section,.admin-folder{display:grid;gap:14px}.folder-title{margin:0;color:var(--text);font-size:1.05rem;font-weight:800}.folder-links{display:grid;gap:12px}.media-tools{display:grid;gap:6px;margin-bottom:20px}.media-tools p{margin:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.media-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface-strong);box-shadow:0 18px 54px #0000003d}.media-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface)}.media-card-body{display:grid;gap:9px;padding:16px}.media-card-body small{color:var(--muted);overflow-wrap:anywhere}.link-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:126px;gap:18px;border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--surface-strong);box-shadow:0 18px 54px #0000003d;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.link-card:hover,.link-card:focus-visible{border-color:#b7fd488f;box-shadow:0 22px 70px #00000057;transform:translateY(-1px)}.link-card:focus-visible{outline:3px solid rgba(183,253,72,.24);outline-offset:2px}.link-body{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.link-body>div:first-child{display:grid;min-width:0;gap:4px}.link-card strong,.media-card strong,.admin-row strong{color:var(--text);font-size:1.04rem;line-height:1.2}.link-card small{color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}.short-url{color:var(--lime);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.link-banner{width:104px;height:98px;border-radius:14px;object-fit:cover;background:var(--surface)}.link-banner.placeholder{display:grid;place-items:center;border:1px solid rgba(183,253,72,.22);background:linear-gradient(145deg,#b7fd48eb,#fff 60%,#ce65ffd6);color:#000;font-size:2.2rem;font-weight:900}.card-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.safe-actions,.danger-actions{display:inline-flex;align-items:center;gap:8px}.danger-actions{border-left:1px solid var(--line);margin-left:10px;padding-left:18px}.icon-action{position:relative;display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:999px;padding:0;background:var(--surface-raised);color:var(--text);cursor:pointer}.icon-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.icon-action:hover,.icon-action:focus-visible,.icon-action.is-copied{border-color:var(--lime);background:#b7fd481f;color:var(--lime)}.primary-action{border-color:var(--lime);background:var(--lime);color:#000}.primary-action:hover,.primary-action:focus-visible{background:var(--lime-strong);color:#000}.danger-action{border-color:#ff6b5f61;background:var(--danger-bg);color:var(--danger)}.danger-action:hover,.danger-action:focus-visible{background:#ff6b5f2e;color:#ff8c83}h2{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.08}h3{margin-bottom:0;font-size:1.18rem;line-height:1.15}h4{margin-bottom:0;color:var(--lime);font-size:1rem}.admin-dialog{width:min(92vw,760px);max-height:min(86vh,860px);border:1px solid var(--line);border-radius:24px;padding:26px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.admin-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header,.admin-list-header,.form-actions,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{margin-bottom:20px}.tab-panel{display:none;gap:16px;border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:18px;background:#1d1d1d}.tab-panel.active{display:grid}.tab-panel>div:first-child p{margin:5px 0 0}.admin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 4px}.tab-button{width:100%;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);padding:12px 14px}.tab-button.active{border-color:var(--lime);background:var(--lime);color:#000}.shortener-form,.media-form-dialog{display:grid;gap:14px}.folder-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}label{display:grid;gap:7px;color:var(--muted-strong);font-size:.9rem;font-weight:800}.field-hint{color:var(--muted);font-size:.82rem;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 15px;background:#101010;color:var(--text);font:inherit}input[type=file]{padding:11px 12px}input::placeholder{color:#777}input:focus,select:focus{border-color:var(--lime);outline:3px solid rgba(183,253,72,.18)}button,.mini-button{width:fit-content;min-height:48px;border:0;border-radius:999px;padding:13px 22px;background:var(--lime);color:#000;cursor:pointer;font:inherit;font-weight:900;line-height:1}button:hover,button:focus-visible,.mini-button:hover,.mini-button:focus-visible{background:var(--lime-strong)}button:focus-visible,a:focus-visible{outline:3px solid rgba(183,253,72,.26);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.ghost-button,.secondary-button,.icon-button,.mini-button{border:1px solid var(--line);background:var(--surface-strong);color:var(--text)}.primary-cta{border-color:var(--lime);background:var(--lime);color:#000}.ghost-button:hover,.ghost-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.icon-button:hover,.icon-button:focus-visible,.mini-button:hover,.mini-button:focus-visible{border-color:var(--lime);background:#b7fd481f;color:var(--lime)}.primary-cta:hover,.primary-cta:focus-visible{background:var(--lime-strong);color:#000}.mini-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:10px 14px;text-decoration:none;white-space:nowrap}.compact-button{min-height:38px;padding:10px 13px;font-size:.86rem}.primary-mini{border-color:var(--lime);background:var(--lime);color:#000}.primary-mini:hover,.primary-mini:focus-visible{background:var(--lime-strong);color:#000}.danger-mini,.danger-button{border:1px solid rgba(255,107,95,.38);background:var(--danger-bg);color:var(--danger)}.danger-mini:hover,.danger-mini:focus-visible,.danger-button:hover,.danger-button:focus-visible{background:#ff6b5f2e;color:#ff8c83}.icon-button{display:grid;width:44px;height:44px;min-height:44px;place-items:center;padding:0;font-size:1rem}.form-result{display:block;min-height:26px;margin-top:14px;color:var(--muted);font-size:.95rem;overflow-wrap:anywhere}.form-result a{color:var(--lime);font-weight:800;text-decoration:underline}.form-result.success{color:var(--lime)}.form-result.error{color:var(--danger)}.admin-list{display:grid;gap:18px;margin-top:12px}.folder-list{display:flex;flex-wrap:wrap;gap:10px}.folder-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:11px 15px;background:var(--surface-strong)}.folder-pill span{display:grid;gap:2px}.folder-pill small{color:var(--muted)}.folder-delete{display:grid;width:32px;height:32px;min-height:32px;place-items:center;border:1px solid rgba(255,107,95,.38);border-radius:999px;padding:0;background:var(--danger-bg);color:var(--danger)}.folder-delete svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.folder-delete:hover,.folder-delete:focus-visible{background:#ff6b5f2e;color:#ff8c83}.admin-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--surface-strong)}.inline-edit-form{display:grid;grid-column:1 / -1;gap:14px;border-top:1px solid var(--line);margin-top:4px;padding-top:14px}.admin-row .link-banner{width:76px;height:64px}.admin-row-content{display:grid;min-width:0;gap:3px}.row-actions{flex-wrap:wrap;justify-content:flex-end}.admin-row small,.muted{color:var(--muted);overflow-wrap:anywhere}@media(max-width:820px){#app{padding:16px 18px 70px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:560px){#app{padding-top:12px}h1{font-size:clamp(2rem,12vw,2.8rem)}.top-menu{padding:12px}.tabs-toolbar{gap:22px;margin-bottom:24px}.add-button{width:48px;height:48px;min-height:48px}.admin-tabs,.folder-form,.link-card,.admin-row{display:flex;flex-direction:column}.main-tab,.admin-tabs button,.folder-form button{width:100%}.link-body,.card-actions{align-items:stretch;flex-direction:column;width:100%}.card-actions,.safe-actions,.danger-actions{display:grid}.card-actions{grid-template-columns:1fr auto;align-items:center;justify-content:start}.safe-actions{grid-template-columns:repeat(3,42px)}.danger-actions{grid-template-columns:42px;border-left:1px solid var(--line);margin-left:0;padding-left:14px}.media-card .card-actions{grid-template-columns:repeat(3,42px)}.media-card .safe-actions,.media-card .danger-actions{display:inline-flex}.link-banner{width:100%;height:auto;aspect-ratio:16 / 9}.admin-dialog{width:94vw;padding:18px}.row-actions,.form-actions{align-items:stretch;flex-direction:column}}