:root{font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color:#17262d;--font-display: "Baskerville", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--bg-main: #f4eee4;--bg-main-alt: #ebe3d7;--bg-panel: rgba(255, 250, 243, .9);--bg-panel-strong: rgba(255, 253, 248, .95);--bg-soft: #f1e8dc;--bg-soft-alt: #ece3d8;--bg-dark: #102028;--bg-dark-strong: #0b151b;--brand: #16252c;--brand-strong: #0f1b20;--accent: #dfb886;--accent-strong: #c59a65;--accent-soft: rgba(223, 184, 134, .14);--ink: #17262d;--ink-inverse: #f5efe6;--muted: #66797f;--muted-inverse: rgba(236, 230, 220, .74);--border: rgba(23, 38, 45, .11);--border-strong: rgba(23, 38, 45, .18);--border-inverse: rgba(255, 255, 255, .12);--success: #0d6c79;--success-bg: #d7e9e4;--warning: #9a6320;--warning-bg: #f0e0c4;--danger: #a62d2d;--danger-bg: #f3d8d8;--shadow: 0 24px 70px rgba(15, 20, 24, .12);--shadow-deep: 0 28px 84px rgba(4, 10, 14, .22);--radius-xl: 32px;--radius-lg: 26px;--radius-md: 20px;--radius-sm: 16px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;--space-6: 28px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 9%,rgba(20,50,58,.22),transparent 20%),radial-gradient(circle at 88% 5%,rgba(191,152,104,.12),transparent 18%),linear-gradient(180deg,#0d171c 0%,#101c22 11%,var(--bg-main) 11%,var(--bg-main-alt) 100%);color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-mark,.review-brand{font-family:var(--font-display);letter-spacing:-.04em}button,input,textarea,select{font:inherit}button{color:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;background:var(--bg-panel-strong);color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#c59a6580;box-shadow:0 0 0 4px #dfb88638}label{display:grid;gap:6px;font-size:.93rem;color:#445a61}.splash-screen{min-height:100vh;display:grid;place-content:center;gap:14px;color:var(--muted)}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(23,50,57,.12);border-top-color:var(--brand);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep, #a9783f);font-weight:800}.subtle,.top-subtitle,.auth-subtitle{color:var(--muted)}.error-text{color:var(--danger);font-size:.92rem}.success-text{color:#18644c;font-size:.92rem}.surface-note{font-size:.9rem;color:var(--muted)}.tab,.primary-btn,.ghost-btn,.inline-btn,.text-btn,.folder-item,.notification-item,.reaction-chip,.timecode-btn,.project-card{border:0;cursor:pointer}.primary-btn,.ghost-btn,.inline-btn{border-radius:999px;padding:12px 16px;font-weight:800;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease,border-color .14s ease}.primary-btn:hover,.ghost-btn:hover,.inline-btn:hover,.folder-item:hover,.notification-item:hover,.reaction-chip:hover,.timecode-btn:hover,.project-card:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(140deg,var(--accent),var(--accent-strong));color:#1d1712;box-shadow:0 16px 28px #a9783f33}.ghost-btn,.tab,.folder-item,.notification-item,.reaction-chip,.timecode-btn{background:#ffffffd1;border:1px solid var(--border);color:var(--brand)}.inline-btn{background:linear-gradient(180deg,var(--brand),var(--brand-strong));border:1px solid rgba(22,37,44,.3);color:var(--ink-inverse)}.inline-btn-danger,.danger-btn{background:#8c21211f;border-color:#8c21213d;color:#8c2121}.text-btn{background:transparent;color:var(--brand);font-weight:800;padding:0}.primary-btn:disabled,.ghost-btn:disabled,.inline-btn:disabled,.tab:disabled{opacity:.62;cursor:not-allowed;transform:none}.auth-shell{min-height:100vh;padding:28px;display:grid;place-items:center}.auth-shell-pagewise{align-content:center;gap:22px;max-width:1360px;margin:0 auto}.auth-brandbar{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px}.auth-panels{width:100%;max-width:1280px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,520px);gap:20px;align-items:stretch}.auth-card{width:min(540px,100%);background:var(--bg-panel);border:1px solid rgba(255,255,255,.54);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:30px;display:grid;gap:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-intro-panel{background:radial-gradient(circle at 82% 18%,rgba(223,184,134,.12),transparent 18%),linear-gradient(180deg,#102028f5,#0b151bfa);border:1px solid var(--border-inverse);border-radius:var(--radius-xl);box-shadow:var(--shadow-deep);padding:36px;display:grid;gap:22px;color:var(--ink-inverse)}.auth-intro-panel .eyebrow,.auth-intro-panel .subtle,.auth-intro-panel strong,.auth-intro-panel span,.auth-intro-panel .auth-subtitle{color:inherit}.auth-intro-panel h1{font-size:clamp(2.3rem,4vw,3.35rem);color:#fff}.auth-intro-panel .auth-subtitle{color:var(--muted-inverse);max-width:560px}.auth-flow-list{display:grid;gap:14px;margin-top:auto}.auth-flow-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;border-radius:var(--radius-md);padding:16px;background:#ffffff0f;border:1px solid var(--border-inverse)}.auth-flow-number{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:#ffffff29;color:#fff;font-weight:800}.auth-flow-item strong{display:block;margin-bottom:4px;font-size:1rem}.auth-form-panel{width:100%;justify-self:stretch;align-self:stretch}.auth-card h1,.top-bar h1{font-size:clamp(1.8rem,4vw,2.6rem)}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--radius-sm);background:var(--bg-soft)}.tab{border-radius:999px;padding:11px;font-weight:800;color:var(--muted)}.tab-active{color:var(--brand-strong);background:var(--bg-panel-strong);box-shadow:0 10px 20px #0f232814}.auth-form,.create-form,.comment-form{display:grid;gap:12px}.compact-form{gap:10px}.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-shell{padding:22px;display:grid;gap:18px}.app-shell-flow{max-width:1400px;margin:0 auto;padding-bottom:30px}.app-shell-review{max-width:1460px}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:radial-gradient(circle at 82% 18%,rgba(223,184,134,.12),transparent 18%),linear-gradient(180deg,#102028f5,#0b151bfa);border:1px solid var(--border-inverse);border-radius:var(--radius-xl);padding:22px 24px;box-shadow:var(--shadow-deep);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-inverse)}.top-brand{display:grid;gap:8px}.brand-mark{font-size:2rem;font-weight:700;color:var(--ink-inverse)}.top-title{display:grid;gap:6px}.flow-indicator{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flow-pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:9px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border-inverse);color:var(--ink-inverse);font-size:.88rem;font-weight:800}.flow-pill-active{background:linear-gradient(140deg,var(--accent),var(--accent-strong));border-color:transparent;color:#1d1712}.flow-pill-muted{opacity:.52}.top-meta{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.status-metric{min-width:126px;border:1px solid var(--border-inverse);border-radius:var(--radius-sm);background:#ffffff0d;padding:12px 14px;display:grid;gap:4px}.status-metric-value{font-size:1.45rem;font-weight:800;color:var(--ink-inverse)}.status-metric-label{font-size:.84rem;color:var(--muted-inverse)}.user-chip{display:flex;align-items:center;gap:14px;background:#ffffff0f;border:1px solid var(--border-inverse);border-radius:999px;padding:8px 10px 8px 16px}.user-name{font-weight:800;line-height:1.2}.user-meta{color:var(--muted-inverse);font-size:.84rem}.flow-page{display:grid;gap:16px}.panel{background:linear-gradient(160deg,#fffdf8f5,#f9f5eef0),radial-gradient(circle at top right,rgba(223,184,134,.1),transparent 28%);border:1px solid rgba(255,255,255,.54);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:22px;display:grid;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font-size:clamp(1.5rem,2.4vw,2rem)}.panel h3{font-size:1.12rem}.project-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.project-home-side,.asset-sidebar,.asset-main-column{display:grid;gap:16px}.project-home-panel{gap:18px}.project-card-grid,.notification-list,.member-list,.folder-tree,.comment-thread{display:grid;gap:10px}.project-card{width:100%;text-align:left;display:grid;gap:14px;padding:20px;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(160deg,#fffffffa,#f8f3ecf2),radial-gradient(circle at top right,rgba(223,184,134,.1),transparent 24%);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.project-card:hover{box-shadow:0 24px 36px #16272b1f;border-color:#a9783f33}.project-card-active{border-color:#a9783f42;background:linear-gradient(155deg,#f6efe4fa,#fffffffa),radial-gradient(circle at top right,rgba(223,184,134,.24),transparent 26%)}.project-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.project-card-top strong{display:block;font-size:1.1rem;margin-bottom:4px}.project-card-top span,.project-card-meta,.notification-item span,.member-item span,.asset-name-cell span,.project-summary-card span,.review-meta-card span,.version-chip span,.comment-author span,.timecode-indicator,.followup-card span{color:var(--muted);font-size:.88rem}.project-card-meta{display:flex;flex-wrap:wrap;gap:12px}.followup-card,.project-summary-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;background:#ffffffb8;display:grid;gap:4px}.compact-notification-list{max-height:360px;overflow:auto;padding-right:2px}.notification-item{border-radius:var(--radius-sm);padding:14px;text-align:left;display:grid;gap:4px}.notification-item-unread{border-color:#a9783f33;background:linear-gradient(155deg,#f7f1e6,#fffffff0)}.notification-item strong,.member-item strong,.comment-author strong{display:block}.workspace-page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.workspace-header-main{display:grid;gap:10px}.back-link-btn{justify-self:start}.back-link-btn:before{content:"<";margin-right:8px}.workspace-header-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat-card{min-width:110px;border-radius:var(--radius-md);padding:13px 15px;background:linear-gradient(160deg,#f7f1e6fa,#ffffffe6),radial-gradient(circle at top right,rgba(223,184,134,.2),transparent 28%);border:1px solid var(--border);display:grid;gap:2px}.stat-card strong{font-size:1.35rem;color:var(--brand-strong)}.stat-card span{color:var(--muted);font-size:.84rem}.asset-page-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.upload-dropzone{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px dashed rgba(22,37,44,.22);border-radius:var(--radius-lg);background:linear-gradient(140deg,#f7f1e6f0,#ffffffdb),radial-gradient(circle at top right,rgba(223,184,134,.16),transparent 30%);padding:18px}.upload-dropzone-disabled{opacity:.66}.upload-dropzone-vertical{flex-direction:column;align-items:stretch}.upload-actions{display:flex;gap:10px;flex-wrap:wrap}.upload-dropzone-vertical .upload-actions{width:100%}.upload-dropzone-vertical .upload-actions>*{flex:1 1 auto}.upload-status{border-radius:var(--radius-sm);padding:14px 16px;border:1px solid rgba(22,37,44,.1);background:#ffffffb8;display:grid;gap:10px}.upload-status-error{border-color:#a62d2d38;background:#f3d8d880}.upload-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.progress-track{width:100%;height:10px;border-radius:999px;background:#17323914;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent-strong))}.folder-tree{max-height:420px;overflow:auto;padding-right:2px}.folder-tree-branch,.folder-node{display:grid;gap:6px}.folder-item{width:100%;border-radius:var(--radius-sm);padding:12px 14px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.folder-item-active{border-color:#a9783f3d;background:linear-gradient(155deg,#f6efe4f5,#fffffff5)}.folder-item-icon{color:var(--brand);font-weight:800}.asset-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.asset-toolbar input{width:min(360px,100%)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffd1}.asset-table{width:100%;min-width:860px;border-collapse:collapse}.asset-table th,.asset-table td{border-bottom:1px solid rgba(230,221,208,.9);padding:14px;text-align:left;font-size:.92rem;vertical-align:top}.asset-table th{background:var(--bg-soft-alt);color:#5d7177;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.asset-table tr:last-child td{border-bottom:0}.asset-name-cell{display:grid;gap:3px}.asset-inline-editor{display:grid;gap:8px}.asset-inline-editor input{min-width:220px;width:100%}.asset-row-actions,.inline-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.empty-row{text-align:center;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-ready{background:var(--success-bg);color:var(--success)}.status-processing,.status-uploading{background:var(--warning-bg);color:var(--warning)}.status-failed{background:var(--danger-bg);color:var(--danger)}.pager{display:flex;justify-content:flex-end;align-items:center;gap:10px}.team-panel-inline{gap:16px}.project-settings-panel,.project-settings-form{gap:14px}.inline-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.member-list{gap:8px}.member-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffffd1;padding:12px 14px}.member-role{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:linear-gradient(180deg,var(--brand),var(--brand-strong));color:var(--ink-inverse);font-weight:800;font-size:.76rem}.avatar-badge{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--brand),#233842);color:var(--ink-inverse);font-weight:800;font-size:.78rem}.review-page{display:grid;gap:18px;padding:18px;border-radius:36px;background:radial-gradient(circle at top,rgba(223,184,134,.08),transparent 24%),radial-gradient(circle at 12% 14%,rgba(27,63,71,.46),transparent 24%),linear-gradient(165deg,#0d171cfc,#091218fc);box-shadow:var(--shadow-deep)}.review-brandbar{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#edf4f2}.review-brand{font-size:2rem;font-weight:700}.review-page-tag{color:var(--muted-inverse);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}.review-back-btn{background:#ffffff1f;border-color:var(--border-inverse);color:var(--ink-inverse)}.review-page-surface{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px}.review-stage,.review-sidebar{border-radius:var(--radius-xl);padding:18px;display:grid;gap:16px}.review-stage{background:#ffffff0a;border:1px solid var(--border-inverse);color:var(--ink-inverse)}.review-stage .subtle,.review-stage .eyebrow,.review-stage .surface-note{color:var(--muted-inverse)}.review-sidebar{background:linear-gradient(180deg,#fffdf8fa,#f8f3ecf5),radial-gradient(circle at top right,rgba(223,184,134,.12),transparent 28%);border:1px solid rgba(255,255,255,.52);color:var(--ink);overflow:hidden}.review-toolbar,.review-toolbar-actions,.timecode-toolbar,.reply-banner,.comment-actions,.reaction-row,.comment-header,.comment-author,.review-form-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.review-toolbar h2{font-size:clamp(1.9rem,3vw,2.6rem);color:var(--ink-inverse)}.review-loading,.viewer-placeholder{min-height:360px;display:grid;place-content:center;text-align:center;gap:12px;border-radius:var(--radius-lg);background:#ffffff08;border:1px dashed var(--border-inverse)}.review-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.review-meta-card{border-radius:var(--radius-md);padding:12px 14px;background:#ffffff0d;border:1px solid var(--border-inverse);display:grid;gap:4px}.review-meta-card strong{font-size:.98rem;color:var(--ink-inverse)}.review-frame{position:relative;min-height:520px;display:grid;place-items:center;overflow:hidden;padding:18px;border-radius:var(--radius-xl);background:radial-gradient(circle at top,rgba(223,184,134,.08),transparent 22%),linear-gradient(180deg,#0a171d,#071218)}.review-frame-banner{position:absolute;top:20px;left:20px;z-index:1;border-radius:999px;padding:8px 12px;background:#ffffffe0;color:var(--brand);font-size:.84rem;font-weight:800}.media-frame,.media-pdf{width:100%;max-height:100%;border-radius:22px;border:0;background:#09161d}.media-frame{max-height:560px;object-fit:contain}.media-image{background:linear-gradient(145deg,#ffffff0a,#1f3e4514)}.media-audio{width:min(620px,100%)}.media-pdf{min-height:560px}.review-summary-line{color:var(--muted-inverse);font-size:.94rem}.version-stack{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.version-chip{min-width:172px;border-radius:var(--radius-md);padding:12px 14px;border:1px solid var(--border-inverse);background:#ffffff0a;display:grid;gap:2px}.version-chip strong{color:var(--ink-inverse)}.version-chip-active{border-color:#dfb8864d;background:linear-gradient(145deg,#dfb88624,#1f3e4514)}.checkbox-row{display:inline-flex;align-items:center;gap:8px}.checkbox-row input{width:auto;margin:0}.timecode-indicator{padding:7px 11px;border-radius:999px;background:#ffffffdb;border:1px solid var(--border)}.reply-banner{border-radius:var(--radius-sm);padding:10px 12px;background:#16252c0d;border:1px solid rgba(22,37,44,.08)}.comment-thread{overflow:auto;padding-right:4px}.comment-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;background:linear-gradient(155deg,#fffffffa,#f8f3ecf5),radial-gradient(circle at top right,rgba(223,184,134,.1),transparent 26%);display:grid;gap:10px}.comment-card-resolved{background:linear-gradient(150deg,#f6efe4fa,#fffffffa),radial-gradient(circle at top right,rgba(223,184,134,.16),transparent 28%)}.comment-author{justify-content:flex-start}.comment-body{white-space:pre-wrap}.timecode-btn,.reaction-chip{border-radius:999px;padding:6px 11px;font-weight:800}.reaction-row{justify-content:flex-start}.reaction-chip-active{border-color:#a9783f38;background:#f6efe4eb}.comment-replies{display:grid;gap:8px}@media (max-width: 1240px){.top-bar,.workspace-page-header{align-items:flex-start}.project-home-layout,.asset-page-layout,.review-page-surface,.inline-form-grid{grid-template-columns:1fr}.review-page-surface{padding:16px}.review-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.auth-panels,.workspace-page-header{grid-template-columns:1fr}.workspace-header-stats{justify-content:flex-start}.top-meta{width:100%}}@media (max-width: 760px){.app-shell,.auth-shell{padding:14px}.auth-brandbar,.top-bar,.top-meta,.user-chip,.project-card-top,.project-card-meta,.panel-header,.workspace-header-stats,.asset-toolbar,.asset-row-actions,.inline-action-row,.upload-dropzone,.review-toolbar,.review-toolbar-actions,.review-brandbar,.review-form-actions{flex-direction:column;align-items:flex-start}.auth-intro-panel,.auth-card,.panel,.review-stage,.review-sidebar{padding:20px}.step-list,.review-meta-grid{grid-template-columns:1fr}.asset-toolbar input,.review-back-btn,.review-form-actions>*{width:100%}.media-pdf{min-height:420px}.asset-table{min-width:720px}.asset-table th,.asset-table td{padding:12px 10px;font-size:.88rem}.member-item{grid-template-columns:auto minmax(0,1fr)}.member-role{justify-self:start}}