/* Fadhi — consistent navigation, clear actions, and comfortable content. */
:root{--bg:#111821;--panel:#1a2430;--border:#2b394a;--muted:#a0afc1}
.sidebar{background:#121d29;padding-top:26px;overflow-y:auto}.brand{font-size:35px}.workspace-label{line-height:1.6;margin-bottom:25px}.nav{min-height:46px}.nav.active{background:#233e57;color:#9cd1ff}.nav:hover{background:#233344}.nav-count{margin-left:auto}.home-note{padding:18px 12px}.home-note p{font-size:20px}.sidebar-bottom{padding-top:15px}.sidebar-separator{margin:21px 10px}header{height:76px}.search{background:#1b2735;border:1px solid #2c3c4e;padding:10px 14px;border-radius:10px;max-width:540px}.search input{font-size:14px}.search kbd{border-color:#43536a}.header-actions{gap:16px}.icon-btn{width:40px;height:40px}.avatar.small{width:38px;height:38px}.page-heading{margin-bottom:25px}.page-heading>div{min-width:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px}.page-heading p{line-height:1.6;max-width:580px}.primary,.secondary{border-radius:9px;min-height:42px}.primary{background:#74bdff;font-size:14px}.panel{border-radius:14px}.panel>p{color:#a6b8cd}.section-head h2{font-size:19px}.section-head h2 span{display:none}.filter{border-radius:20px;padding:9px 14px;min-height:38px}.filter.active{background:#b7dcff;border-color:#b7dcff;color:#12304b}.filters{gap:8px}.feature{border-radius:17px;min-height:265px;background:radial-gradient(ellipse at top right,#30577b,transparent 70%),#203650}.feature h2{font-size:32px}.feature p{line-height:1.6}.room-card{border-radius:14px;padding:20px;min-height:230px}.room-card h3{font-size:18px;line-height:1.4}.room-card p{font-size:13px}.room-format{margin-bottom:11px}.room-meta{margin-bottom:10px}.room-count{gap:6px}.room-count svg{width:14px;height:14px}.card-bottom .avatar{width:32px;height:32px;font-size:10px}.card-bottom{font-size:13px}.creator-line{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 10px}.creator-line>span:nth-child(2){min-width:0}.creator-line strong{font-size:14px}.creator-line small{font-size:12px;line-height:1.6}.creator-line .follow{grid-column:2;justify-self:start;margin-left:0;min-height:32px;padding:5px 13px;font-size:12px}.creator-corner{background:linear-gradient(145deg,#27344b,#1c2a39);padding:24px}.creator-corner h2{font-size:25px;line-height:1.4;letter-spacing:-.7px;margin:12px 0}.creator-corner .text-link{margin-top:17px;justify-content:center}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}.home-shortcuts>button,.creation-options>button{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid #35475c;border-radius:13px;background:#1c2a39;min-width:0;transition:background .15s,border-color .15s}.home-shortcuts>button:hover,.creation-options>button:hover{background:#253c51;border-color:#689aca}.shortcut-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#294d6a;color:#a4d8ff;flex-shrink:0}.shortcut-icon.lilac{background:#403857;color:#d4c0f4}.home-shortcuts strong,.creation-options strong{font-size:15px;display:block;margin-bottom:4px}.home-shortcuts small,.creation-options small{font-size:12px;line-height:1.5}.home-shortcuts>button>svg,.creation-options>button>svg:last-child{margin-left:auto;width:16px;color:#9fb6cd}.creator-tabs{display:flex;gap:10px;margin-bottom:22px}.creator-profile{padding:26px}.creator-profile .follow{min-height:40px}.creator-profile p{min-height:45px}.creator-profile .text-link{min-height:36px}.circle-card{padding:20px;border-radius:13px}.circle-card strong{font-size:15px}.circle-card small{font-size:13px}.creation-options{display:grid;gap:12px;margin:24px 0}.creation-options button>span:not(.shortcut-icon){flex:1}.idea-list{display:grid;gap:8px}.idea-list button{position:relative;text-align:left;background:#141f2c;border:1px solid #344559;border-radius:11px;padding:14px 38px 14px 15px}.idea-list strong{font-size:14px;display:block;margin-bottom:4px}.idea-list span{font-size:13px;line-height:1.6;color:#9fb3cb;display:block}.idea-list svg{position:absolute;right:12px;top:20px;width:15px;color:#83beee}.idea-list button:hover{border-color:#78b8e9}.subtle{font-size:12px;color:#a4b4c8}.library-link{margin-top:22px}.you-profile{display:flex;align-items:center;gap:16px}.you-profile>.avatar{width:60px;height:60px;font-size:18px}.you-profile h2{margin:0;font-size:24px}.you-profile p{margin:4px 0 0;font-size:13px}.you-actions{display:flex;gap:10px;flex-wrap:wrap}.mobile-nav{display:none}.feed-toolbar{margin-bottom:18px}.feed-tabs button.selected{color:#a2d8ff}.feed-aside .panel h2{font-size:24px}.short-info{padding-top:50px}.short-actions{gap:7px}.short-actions button{min-height:38px}.short-post{border-color:#40566e}.feed-empty{border-color:#405d77}.feed-empty .eyebrow{display:block}.feed-layout{grid-template-columns:minmax(0,1fr) 285px}body[data-page="videos"] .page-heading{margin-bottom:18px}body[data-page="videos"] .eyebrow{display:none}body[data-page="videos"] h1{font-size:24px}body[data-page="videos"] #page-subtitle{font-size:13px}body[data-page="videos"] main{padding-top:22px}body[data-page="videos"] footer{display:none}.shorts-feed{height:calc(100dvh - 232px);min-height:380px}.short-post{min-height:380px}.short-player{min-height:0}dialog{border-radius:18px;padding:28px;border-color:#466078}dialog::backdrop{background:#07101ce0}.modal-close{position:sticky;top:0;float:right;z-index:3;width:32px;height:32px;border-radius:50%;background:#233348;line-height:1}.notice{font-size:12px;line-height:1.65}.empty p{font-size:15px;line-height:1.7}.empty h2{font-size:22px}footer{font-size:12px;line-height:1.5}.nav,.mobile-nav button,.feed-tabs button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a1d9ff;outline-offset:3px}
@media(max-height:850px) and (min-width:951px){.home-note{display:none}.sidebar-bottom{margin-top:25px}.sidebar{padding-bottom:20px}}
@media(min-width:601px) and (max-width:950px){.sidebar{width:92px;padding:20px 7px}.app{margin-left:92px}.brand-mark{width:37px;height:37px}.nav{font-size:11px;flex-direction:column;gap:7px;padding:11px 3px}.nav svg{width:21px;height:21px}.nav-count{display:none}nav{gap:3px;margin-top:23px}.home-shortcuts{grid-template-columns:1fr}.feed-layout{grid-template-columns:1fr}.feed-aside{display:none}}
@media(max-width:1100px){.feed-layout{grid-template-columns:1fr}.feed-aside{display:none}.home-shortcuts strong{font-size:14px}.home-shortcuts>button{padding:15px;gap:10px}.home-shortcuts .shortcut-icon{width:36px;height:36px}}
@media(max-width:600px){.sidebar{display:none}.app{margin-left:0;padding-bottom:76px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:6px 10px max(6px,env(safe-area-inset-bottom));margin:0;gap:4px;align-items:center;justify-content:space-between;background:#132131f5;backdrop-filter:blur(20px);border-top:1px solid #344a60;z-index:8}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 3px;min-height:48px;border-radius:10px;color:#aebdd0;font-size:11px}.mobile-nav button.active{color:#99d2ff;background:#233d55}.mobile-nav button svg{width:21px;height:21px}.mobile-nav .mobile-create svg{width:32px;height:28px;background:#82c6ff;color:#15374f;padding:4px;border-radius:8px}.mobile-nav .mobile-create{color:#d4ecff}.mobile-nav .mobile-create span{font-weight:700}header{height:66px;padding:0 14px;gap:10px}.search{padding:9px 10px;gap:7px;min-width:0}.search input{font-size:12px}.search svg{width:17px}.header-actions{gap:5px}.header-actions .demo-pill,.header-actions #notifications{display:none}.search kbd{display:none}.avatar.small{width:34px;height:34px}main{padding:23px 16px 16px}.page-heading{gap:12px;margin-bottom:20px}h1{font-size:26px}.page-heading p{font-size:13px;line-height:1.6}.page-heading .primary{font-size:12px;padding:9px 12px;min-height:38px}.page-heading>.primary svg{width:14px;height:14px}.eyebrow{font-size:10px}.home-shortcuts{gap:10px;margin-bottom:20px;grid-template-columns:1fr}.home-shortcuts>button{padding:13px}.home-shortcuts small{font-size:12px}.home-shortcuts strong{font-size:15px}.feature{min-height:275px;padding:22px}.feature h2{font-size:29px}.feature p{font-size:14px;max-width:none}.feature-top{flex-wrap:wrap}.feature-top>span:last-child{font-size:10px}.room-grid{grid-template-columns:1fr}.room-card{min-height:216px;padding:18px}.room-card h3{font-size:19px}.room-card p{font-size:14px}.filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.filters>button{white-space:nowrap;flex-shrink:0;font-size:13px}.section-head h2{font-size:18px}.right-rail{gap:14px}.right-rail .creator-corner{display:none}.circle-card{padding:17px}.creator-tabs{overflow:auto;flex-wrap:nowrap}.creator-tabs button{white-space:nowrap}.creation-options{margin:20px 0}.creation-options>button{padding:16px 12px;gap:11px}.creation-options small{font-size:13px}.creation-options strong{font-size:16px}.creator-profile{padding:25px}.creator-grid{gap:15px}.creator-line .follow{min-height:36px}.you-actions .secondary{flex:1;font-size:13px}dialog{padding:22px 18px;width:calc(100% - 22px);max-height:88dvh}dialog h2{font-size:24px}.modal-close{right:0;top:0}.feed-toolbar{gap:7px;margin-bottom:10px}.feed-tabs{gap:0;min-width:0}.feed-tabs button{padding:9px 7px;font-size:12px;min-height:42px;white-space:nowrap}.feed-toolbar>.primary{font-size:12px;padding:8px 10px;min-height:40px}.shorts-feed{height:calc(100dvh - 239px - env(safe-area-inset-bottom));min-height:310px;max-height:none}.short-post{min-height:310px}.feed-layout{gap:0}.short-info{bottom:47px;padding:42px 12px 8px}.short-info>p{font-size:13px;margin:7px 0;max-height:42px}.short-actions button{font-size:11px;padding:7px 9px;min-height:34px}.short-info .short-actions button[data-feed-step]{padding:4px 9px}.short-badge{font-size:11px;top:12px;left:12px}.short-creator small{font-size:11px}.short-creator strong{font-size:13px}.feed-empty{min-height:100%;padding:22px 18px}.feed-empty h2{font-size:23px}.feed-empty p{font-size:14px}.feed-empty .empty-video-icon{margin-bottom:13px}body[data-page="videos"] main{padding:13px 12px 5px}body[data-page="videos"] .page-heading{margin-bottom:10px}body[data-page="videos"] h1{font-size:20px;margin:0}body[data-page="videos"] #page-subtitle{display:none}.you-profile h2{font-size:21px}.you-profile>.avatar{width:50px;height:50px}}
@media(min-width:601px) and (max-width:950px){.brand{font-size:0;padding:0;justify-content:center}.brand-mark{margin:0;font-size:30px}.brand-dot{display:none}}

#cloud-preview{width:100%;max-height:240px;background:#07121d;border-radius:14px;margin:12px 0}#auth-feedback,#profile-feedback,#cloud-upload-status,#report-status{line-height:1.6;color:#b8dfff;font-size:14px}.feed-toolbar{flex-wrap:wrap}.feed-tabs{overflow-x:auto}.playback-error{position:absolute;top:60px;left:16px;right:16px}.short-player>.empty{padding:100px 25px}.you-actions{flex-wrap:wrap}