.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b12208c;position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:1.25rem;letter-spacing:-.02em}.brand span{color:var(--muted);font-size:.82rem}.topbar-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.9rem;flex-wrap:wrap;justify-content:flex-end}.topbar-meta b{color:var(--text);font-weight:600}.btn{border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:999px;padding:.55rem 1rem;transition:border-color .15s,transform .15s,background .15s}.btn:hover{border-color:#3ecf8e73;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2bb673,#3ecf8e);border-color:transparent;color:#04140c;font-weight:650}.btn-ghost{background:transparent}.btn-danger{border-color:#ff6b7a59;color:#ffc1c8}.landing{flex:1;display:grid;place-items:center;padding:48px 24px 72px}.hero{width:min(720px,100%);animation:rise .55s ease both}.hero h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em;line-height:1.1}.hero p{margin:0 0 28px;color:var(--muted);font-size:1.1rem;line-height:1.55;max-width:38ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.price-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#1a2438b3;font-family:var(--mono);font-size:.85rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#121a2ba6}.feature h3{margin:0 0 6px;font-size:.95rem}.feature p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.disk-layout{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0}.sidebar{border-right:1px solid var(--line);padding:16px 12px;background:#080e1873;overflow:auto}.sidebar h2{margin:0 12px 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.tree-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:8px 12px;border-radius:10px;margin-bottom:2px}.tree-item:hover,.tree-item.active{background:#3ecf8e1f}.tree-item.nested{padding-left:24px;font-size:.92rem;color:var(--muted)}.main-pane{padding:18px 24px 40px;min-width:0}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:.92rem;margin-bottom:14px}.crumbs button{border:0;background:transparent;color:var(--accent-2);padding:0}.table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#121a2b8c}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:.92rem}.table th{color:var(--muted);font-weight:500;background:#0000002e}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#3ecf8e0d}.name-btn{border:0;background:transparent;color:var(--text);padding:0;font-weight:500}.name-btn:hover{color:var(--accent-2)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions .linkish{border:0;background:transparent;color:var(--muted);padding:0;font-size:.85rem}.row-actions .linkish:hover{color:var(--accent-2)}.empty{padding:48px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.dropzone{border:1px dashed rgba(62,207,142,.35);border-radius:var(--radius);padding:22px;text-align:center;color:var(--muted);margin-bottom:16px;background:#3ecf8e0a;transition:background .15s,border-color .15s}.dropzone.active{border-color:var(--accent);background:#3ecf8e1a;color:var(--text)}.toast{position:fixed;right:18px;bottom:18px;background:var(--bg2);border:1px solid var(--line);padding:12px 16px;border-radius:12px;max-width:360px;box-shadow:0 12px 40px #00000059;animation:rise .25s ease both;z-index:50}.toast.error{border-color:#ff6b7a73}.share-page{max-width:720px;margin:48px auto;padding:0 20px 60px}.share-page h1{margin:0 0 8px}.muted{color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:860px){.disk-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:180px}.features{grid-template-columns:1fr}.topbar{padding:14px 16px}}:root{--bg0: #0b1220;--bg1: #121a2b;--bg2: #1a2438;--line: rgba(232, 238, 247, .1);--text: #e8eef7;--muted: rgba(232, 238, 247, .62);--accent: #3ecf8e;--accent-2: #6eb6ff;--danger: #ff6b7a;--warn: #f0c674;--radius: 14px;--font: "DM Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(62,207,142,.14),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(110,182,255,.12),transparent 50%),linear-gradient(180deg,var(--bg0),#081018 80%)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}