*{box-sizing:border-box} :root{--primary:#5457f6;--bg:#f7f8ff;--card:#fff;--text:#10162f;--muted:#66708c;--line:#e7e9f4} [data-theme=dark]{--bg:#111527;--card:#171d32;--text:#f3f5ff;--muted:#a8afc5;--line:#2a3148} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{max-width:1180px;margin:18px auto;background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:92vh}header{height:76px;display:flex;gap:22px;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font-size:22px}.brand span{color:var(--primary)}.search{margin-left:auto;display:flex;gap:8px}.search input,.search select,input,select,textarea{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:12px 14px;width:100%}button,.btn{background:var(--primary);color:white;border:0;border-radius:12px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-block}button.danger{background:#ff3045}.hamb,.close{display:none}aside{position:fixed;left:calc(50% - 590px);top:110px;width:230px}aside nav{display:flex;flex-direction:column;gap:8px}aside a,aside button{padding:12px 14px;border-radius:12px;background:transparent;color:var(--text);text-align:left;text-decoration:none;border:0}aside a:hover{background:var(--card)}main{padding:34px 34px 70px;margin-left:250px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:38px}.big{min-height:130px;background:linear-gradient(135deg,var(--card),#f1f2ff);border-radius:18px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:26px;text-decoration:none;color:var(--text)}.big b{width:58px;height:58px;border-radius:50%;background:var(--primary);color:white;font-size:36px;display:grid;place-items:center}.big span{font-size:20px;font-weight:700}.big small{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:8px}h1,h2{margin:0 0 22px}.right{float:right;font-size:14px;color:var(--primary);text-decoration:none}.card,.link-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 10px 30px rgba(20,30,80,.04)}.link-card{display:grid;grid-template-columns:240px 1fr auto;gap:24px;align-items:center}.thumb{height:112px;border-radius:10px;background:#eef0fb;overflow:hidden;display:grid;place-items:center;text-decoration:none;color:var(--primary);font-size:36px}.thumb img{width:100%;height:100%;object-fit:cover}.info a{text-decoration:none;color:var(--text)}.info h3{margin:0 0 8px;font-size:18px}.info p{margin:0 0 10px;color:var(--primary);word-break:break-all}.info small,.notes{color:var(--muted)}.notes{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.actions{display:flex;gap:10px;align-items:center}.actions form{display:inline}.actions button,.actions a{background:transparent;color:#53607d;padding:9px;text-decoration:none}.actions .danger{color:#ff3045;background:transparent}.form{max-width:720px}.form label{display:block;margin:0 0 16px;color:var(--muted)}.inline{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.tree .folder{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.folder a{color:var(--text);font-weight:700;text-decoration:none}.folder small{color:var(--muted);margin-left:auto}.auth{max-width:440px;margin:60px auto}.public{max-width:920px;margin:30px auto;padding:20px}.error{color:#ff3045}@media(max-width:760px){.app{margin:0;border-radius:0;border:0;min-height:100vh}header{height:62px;padding:0 16px}.brand b{display:none}.search{display:none}.hamb{display:block;margin-left:auto;background:transparent;color:var(--text);font-size:24px;padding:8px}aside{position:fixed;left:-82%;top:0;width:82%;height:100vh;background:var(--card);z-index:20;padding:22px;transition:.25s;box-shadow:10px 0 40px rgba(0,0,0,.15)}body.menu-open aside{left:0}.close{display:block;margin-left:auto;background:transparent;color:var(--text);font-size:28px}main{margin-left:0;padding:22px 14px 80px}.hero{grid-template-columns:1fr 1fr;gap:10px}.big{min-height:96px;flex-direction:column;gap:8px;text-align:center}.big b{width:36px;height:36px;font-size:24px}.big span{font-size:12px}.big small{font-size:10px}.link-card{grid-template-columns:38% 1fr;gap:10px;position:relative}.thumb{height:82px}.info h3{font-size:13px}.info p,.info small,.notes{font-size:11px}.actions{grid-column:1/3;justify-content:flex-end;border-top:1px solid var(--line);padding-top:6px}.inline{grid-template-columns:1fr}.tree .folder{flex-wrap:wrap}.folder small{margin-left:0}.public{margin:0}.right{float:none;margin-left:10px}}