:root{--canvas:#f5f7fa;--surface-raised:#ffffffeb;--surface-subtle:#f8fafb;--task-accent:#12b8ae;--action-accent:#1677ff;--elevation-1:0 1px 2px #1118270a, 0 8px 22px #1118270b;--elevation-2:0 2px 4px #1118270d, 0 16px 38px #11182714}html[data-theme=dark]{--canvas:#0f1216;--surface-raised:#171a1ff0;--surface-subtle:#1b1f25;--task-accent:#38dfd2;--action-accent:#61a0ff;--elevation-1:0 1px 2px #0000002e, 0 10px 26px #00000029;--elevation-2:0 2px 5px #00000038, 0 18px 42px #0000003d}html{scroll-behavior:smooth}body{background:var(--canvas);text-rendering:optimizelegibility}.sidebar{background:var(--surface-raised);box-shadow:10px 0 30px #11182706}.brand-lockup img,.home-brand img,.user-auth-logo img{box-shadow:0 5px 16px #11182717}.main-nav a{transition:background-color .18s,color .18s,transform .18s;position:relative}.main-nav a:before{background:var(--task-accent);content:"";opacity:0;border-radius:0 3px 3px 0;width:3px;height:20px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;left:-12px;transform:scaleY(.35)}.main-nav a:hover{transform:translate(2px)}.main-nav a.active:before{opacity:1;transform:scaleY(1)}.topbar{-webkit-backdrop-filter:blur(18px)saturate(1.15)}.page-content>:not(.workspace-layout):not(.video-workspace){animation:.34s cubic-bezier(.2,.72,.25,1) both mouzai-page-enter}.standard-page,.admin-page{padding:32px clamp(20px,2.5vw,38px) 44px}.page-heading-row,.admin-title-row,.gallery-heading{min-height:54px}.page-heading-row>div>span,.admin-title-row>div>span,.gallery-heading>div>span{color:var(--muted);font-size:11px;font-weight:650;line-height:1.5}.page-heading-row h2,.admin-title-row h2,.gallery-heading h2{font-size:22px;line-height:1.3}:where(.task-table-panel,.admin-table-panel,.jobs-panel,.operations-panel,.system-panel,.recharge-section,.transactions-section,.settings-content,.project-card,.inspiration-card,.tool-catalog-item,.metric-item,.task-summary-strip>div,.user-summary-strip>div){box-shadow:var(--elevation-1)}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item){transition:border-color .2s,box-shadow .22s,transform .22s cubic-bezier(.2,.75,.2,1)}:where(.project-card,.inspiration-card,.tool-catalog-item,.metric-item):hover{border-color:color-mix(in srgb, var(--task-accent) 28%, var(--line));box-shadow:var(--elevation-2);transform:translateY(-2px)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select){min-height:44px}:where(textarea){min-height:92px}:where(.settings-form-grid,.drawer-section,.moderation-field,.field-group) label>span,:where(.settings-form-grid,.drawer-section,.moderation-field,.field-group)>label{font-size:12px}.search-field,.filter-bar select,.admin-filter-bar select{height:44px}.primary-action,.primary-compact,.secondary-command,.row-action,.wallet-adjustment-submit,.settings-save,.recharge-button{min-height:40px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .16s}:where(.primary-action,.primary-compact,.wallet-adjustment-submit,.settings-save,.recharge-button):hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb, var(--task-accent) 18%, transparent);transform:translateY(-1px)}:where(button,a):active:not(:disabled){transform:translateY(1px)}.table-scroll{scrollbar-gutter:stable;border-radius:7px}table{margin-top:10px}th{background:var(--surface-subtle);color:var(--ink-soft);z-index:1;height:42px;font-size:11px;position:sticky;top:0}td{height:46px;font-size:11px}tbody tr{transition:background-color .15s}tbody tr:hover{background:color-mix(in srgb, var(--task-accent) 5%, transparent)}.pagination-controls{background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:8px;margin-top:22px;padding:10px}.pagination-controls>button{min-height:40px}.workspace-layout,.video-workspace,.copy-layout{position:relative}.workspace-layout:before,.video-workspace:before,.copy-layout:before{background:linear-gradient(90deg, var(--task-accent), var(--action-accent), transparent 82%);content:"";pointer-events:none;z-index:4;height:2px;position:absolute;top:0;left:0;right:0}.settings-panel,.copy-settings{background:color-mix(in srgb, var(--surface) 96%, var(--canvas))}.panel-heading{min-height:62px}.field-group{margin-bottom:22px}.field-group>label{color:var(--ink-soft);font-weight:750}.style-options button,.template-list button,.category-tabs button{transition:background-color .18s,border-color .18s,color .18s,transform .16s}.style-options button:hover,.template-list button:hover{transform:translateY(-1px)}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(7px)}.user-drawer,.modal-dialog,.payment-dialog,.work-detail-modal{background:var(--surface);box-shadow:0 28px 80px #080c1438}.user-drawer{animation:.28s cubic-bezier(.2,.72,.25,1) both mouzai-drawer-enter}@supports (animation-timeline:view()){:where(.tool-group,.project-card,.inspiration-card,.settings-content>section){animation:linear both mouzai-scroll-reveal;animation-timeline:view();animation-range:entry entry 28%}}@keyframes mouzai-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mouzai-drawer-enter{0%{opacity:.65;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes mouzai-scroll-reveal{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:760px){.standard-page,.admin-page{padding:20px 14px 34px}.page-heading-row h2,.admin-title-row h2,.gallery-heading h2{font-size:20px}.main-nav a:hover{transform:none}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select){min-height:46px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}