:root{--bg: #f3f5f9;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #d8dee9;--accent: #e74c3c}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top right,#fff7ed,#eef2ff 45%,#ecfeff)}.layout{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.layout.detail-open{grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;display:flex;flex-direction:column}.brand{background:none;border:none;font-weight:700;letter-spacing:.1em;font-size:20px;cursor:pointer;margin-bottom:24px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-auth{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:24px}.menu-btn{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px;text-align:left;cursor:pointer}.menu-link{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--ink);font:inherit}main{padding:24px;min-width:0}.topbar input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px}.scroll-anchor{height:1px}.grid{margin-top:20px;column-width:240px;column-gap:0}.card{border:0;border-radius:0;overflow:hidden;background:transparent;cursor:pointer;padding:0;text-align:left;width:100%;display:block;break-inside:avoid;margin:0}.card img,.card video{width:100%;height:auto;object-fit:contain;display:block}.detail-page{max-width:1400px;margin:0 auto}.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-shell{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,420px);gap:32px;align-items:start}.detail-media-pane{min-width:0}.detail-hero{width:100%;max-height:calc(100vh - 120px);height:auto;display:block;object-fit:contain}.detail-body{min-width:0;padding:0 0 48px}.detail-body h1{margin:0 0 12px;font-size:28px}.detail-body p{margin:0 0 24px;color:var(--muted);line-height:1.6}.detail-page input,.detail-page textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.close{border:0;background:#fee2e2;border-radius:8px;padding:6px 10px;cursor:pointer}.close-icon{min-width:40px;width:40px;height:40px;padding:0;border-radius:999px;font-size:24px;line-height:1}.detail-actions{display:flex;gap:8px;margin:8px 0}.detail-actions-inline button,.comment-form button{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px 14px;cursor:pointer}.detail-actions-bottom{margin-top:28px}.ghost-btn{border:1px solid var(--line);border-radius:999px;background:transparent;padding:6px 12px;font-size:12px;cursor:pointer}.comments{margin-top:10px}.comment-form textarea,.modal input,.modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.comment-item{border-top:1px solid var(--line);padding:10px 0}.comment-item header{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.replies{margin-left:14px}.reply-btn{border:0;background:transparent;color:var(--accent);cursor:pointer;padding:0}.danger-link{color:#b91c1c}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061780;display:grid;place-items:center;z-index:20}.modal{width:min(440px,92vw);background:var(--panel);border-radius:14px;padding:20px}.modal button{border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px 14px;cursor:pointer}.error{color:#b91c1c;font-size:13px}.info,.hint,.reason{color:var(--muted)}@media (max-width: 1100px){.layout{grid-template-columns:88px 1fr}.sidebar{padding:14px 10px}.brand{font-size:13px;margin-bottom:16px}.menu-btn{font-size:12px;padding:8px}.grid{column-width:180px}.detail-shell{grid-template-columns:1fr;gap:20px}}