.toast{background:var(--panel);border:1px solid var(--border);z-index:10000;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{cursor:pointer;color:var(--text);opacity:.5;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;display:flex}.toast-close:hover{opacity:1}.toast-error{border-left:4px solid #ef4444}.toast-success{border-left:4px solid #22c55e}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid var(--primary)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#141824;--panel-strong:#1b2030;--text:#f7f8fb;--muted:#a2aec8;--primary:#7b6cff;--primary-strong:#9d8cff;--border:#ffffff14;--shadow:0 16px 40px #0006;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-nav{display:none}.main-content{padding:24px 16px 90px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:20;background:#0d0f14eb;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 12px 18px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:var(--muted);border-radius:999px;padding:8px 6px;font-size:12px}.bottom-nav a.active{background:var(--panel);color:var(--text)}.page{max-width:1100px;margin:0 auto}.page-header{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 6px}.not-found-page{place-items:center;min-height:calc(100vh - 180px);display:grid}.not-found-card{background:var(--panel);border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:28px}.not-found-code{color:var(--primary-strong);margin:0 0 8px;font-size:32px;font-weight:700}.not-found-card h1{margin:0 0 8px}.not-found-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.not-found-secondary{background:var(--panel-strong);border:1px solid var(--border);color:var(--text);border-radius:12px;justify-content:center;align-items:center;padding:10px 18px;display:inline-flex}.status-pill{background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.feed-grid{gap:18px;display:grid}.post-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:18px;overflow:hidden}.media-button{background:0 0;border:none;width:100%;padding:0}.media-link{display:block}.post-card img,.post-card video{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.post-body{flex-direction:column;gap:12px;padding:18px;display:flex}.post-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.author{align-items:center;gap:12px;display:flex}.author img{border:1px solid var(--border);border-radius:12px;width:40px;height:40px}.author span{font-weight:600;display:block}.author small,.muted{color:var(--muted)}.post-actions{align-items:center;gap:12px;display:flex}.post-actions button{background:var(--panel-strong);border:1px solid var(--border);border-radius:999px;padding:6px 12px}.post-actions .action-link{background:var(--panel-strong);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.share-modal-backdrop{z-index:40;background:#0b0d12b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-modal{background:var(--panel);border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);border-radius:20px;gap:16px;padding:20px;display:grid}.share-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-modal-header h3{margin:0 0 6px}.share-close{border:1px solid var(--border);background:var(--panel-strong);border-radius:999px;width:32px;height:32px}.share-link-row{grid-template-columns:1fr auto;gap:10px;display:grid}.share-link-row input{background:var(--panel-strong);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:10px 12px}.share-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.share-actions button{background:var(--panel-strong);border:1px solid var(--border);text-align:left;border-radius:12px;padding:10px 14px}.post-actions button.liked{color:var(--primary-strong);background:#7b6cff33;border-color:#7b6cff80}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:8px;padding:4px;display:inline-flex}.tabs button{color:var(--muted);border-radius:999px;padding:6px 14px}.tabs button.active{background:var(--panel-strong);color:var(--text)}.profile-hero{background:var(--panel);border:1px solid var(--border);border-radius:20px;align-items:center;gap:16px;padding:20px;display:grid}.profile-avatar{border:1px solid var(--border);border-radius:26px;width:96px;height:96px}.profile-meta{color:var(--muted);gap:16px;font-size:14px;display:flex}.primary{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:10px 18px;font-weight:600}.primary:disabled{opacity:.6;cursor:not-allowed}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;max-width:440px;margin:0 auto;padding:24px}.auth-form{gap:16px;display:grid}.auth-form input,.auth-form textarea,.upload-panel textarea{background:var(--panel-strong);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:10px 12px}.auth-form textarea,.upload-panel textarea{min-height:90px}.primary-link{background:var(--primary);color:#fff;border-radius:12px;padding:10px 18px;display:inline-flex}.upload-grid{gap:20px;display:grid}.upload-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;gap:14px;padding:20px;display:grid}.file-input{border:1px dashed var(--border);text-align:center;border-radius:14px;padding:16px}.file-input input{display:none}.progress{background:var(--panel-strong);border-radius:999px;height:6px;overflow:hidden}.progress div{background:var(--primary);height:100%;transition:width .3s}.upload-preview{background:var(--panel);border:1px solid var(--border);border-radius:18px;justify-content:center;align-items:center;min-height:240px;padding:10px;display:flex}.upload-preview img,.upload-preview video{object-fit:cover;border-radius:12px;width:100%;max-height:340px}.empty-state{color:var(--muted)}.post-view{gap:20px;display:grid}.post-media img,.post-media video{border:1px solid var(--border);border-radius:18px;width:100%}.post-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;gap:16px;padding:20px;display:grid}.post-meta{color:var(--muted);gap:6px;font-size:13px;display:grid}.sidebar-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;margin-top:32px;padding:18px}.sidebar-panel ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.sidebar-panel li{align-items:center;gap:12px;display:flex}.sidebar-panel img{border:1px solid var(--border);border-radius:12px;width:40px;height:40px}.sentinel{height:1px}@media (width>=900px){.top-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0d12e6;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.brand{font-size:20px;font-weight:700}.nav-links{gap:16px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 12px}.nav-links a.active{color:var(--text);background:var(--panel)}.nav-profile .profile-chip{background:var(--panel);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex}.nav-profile img{border-radius:10px;width:28px;height:28px}.main-content{padding:32px 40px 64px}.bottom-nav{display:none}.feed-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.page-header{flex-direction:row;justify-content:space-between;align-items:center}.profile-hero{grid-template-columns:auto 1fr auto}.upload-grid{grid-template-columns:1.1fr .9fr}.post-view{grid-template-columns:1.3fr 1fr;align-items:start}}