:root{--um-bg: #070a10;--um-surface: #0d131d;--um-surface-hover: #131c2b;--um-border: rgba(255, 255, 255, .09);--um-text: #f1f5f9;--um-muted: #94a3b8;--um-emerald: #10b981;--um-emerald-dark: #059669;--um-amber: #f59e0b;--um-indigo: #6366f1}*{box-sizing:border-box}body{margin:0;background:var(--um-bg);color:var(--um-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.5}a{color:#34d399;text-decoration:none}.um-landing{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 0%,rgba(16,185,129,.12),transparent 42%),radial-gradient(circle at 80% 10%,rgba(99,102,241,.12),transparent 45%),var(--um-bg)}.um-landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2.5rem;border-bottom:1px solid var(--um-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.um-brand{display:flex;align-items:center;gap:.75rem;color:#fff}.um-brand strong{display:block;font-size:1.1rem;letter-spacing:-.02em}.um-brand small{display:block;font-size:.72rem;color:var(--um-muted)}.um-brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#04130e;display:flex;align-items:center;justify-content:center}.um-landing-links{display:flex;gap:1.75rem;font-size:.9rem}.um-landing-links a{color:var(--um-muted)}.um-landing-links a:hover{color:#fff}.um-landing-main{max-width:1360px;width:100%;margin:0 auto;padding:3.5rem 2rem;flex:1}.um-hero{display:grid;grid-template-columns:1.25fr .95fr;gap:2.5rem;align-items:center;margin-bottom:4.5rem}.um-hero h1{font-size:3.5rem;line-height:1.06;margin:1rem 0;letter-spacing:-.03em}.um-hero h1 span{background:linear-gradient(90deg,#34d399,#fbbf24,#60a5fa);-webkit-background-clip:text;color:transparent}.um-hero-lede{font-size:1.08rem;color:var(--um-muted);max-width:620px;margin-bottom:1.75rem}.um-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.um-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;font-size:.76rem;font-weight:600;background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.um-showcase-card{background:var(--um-surface);border:1px solid rgba(16,185,129,.35);border-radius:20px;padding:1.75rem;box-shadow:0 24px 60px #0000008c}.um-showcase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.um-tag-emerald{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#34d399}.um-showcase-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.um-showcase-pills span{padding:.3rem .65rem;border-radius:8px;font-size:.75rem;background:#ffffff0d;border:1px solid var(--um-border)}.um-section{margin-top:3.5rem}.um-section-head span{font-size:.74rem;font-weight:700;letter-spacing:.1em;color:#34d399}.um-section-head h2{margin:.35rem 0 1.5rem;font-size:1.85rem}.um-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.um-feature-card{background:var(--um-surface);border:1px solid var(--um-border);border-radius:16px;padding:1.4rem}.um-footer{border-top:1px solid var(--um-border);padding:1.5rem 2.5rem;display:flex;justify-content:space-between;color:var(--um-muted);font-size:.85rem}.um-footer div{display:flex;gap:1.25rem}.um-btn-primary,.um-btn-secondary,.um-btn-icon{display:inline-flex;align-items:center;gap:.45rem;padding:.58rem 1rem;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.um-btn-primary{background:var(--um-emerald);color:#03150e}.um-btn-primary:hover{background:#34d399}.um-btn-secondary{background:#ffffff0d;color:var(--um-text);border-color:var(--um-border)}.um-btn-secondary:hover{background:#ffffff1a}.um-btn-icon{background:#ffffff0a;color:var(--um-muted);border-color:var(--um-border);padding:.58rem}.um-btn-icon:hover{color:#fff;background:#ffffff1a}.um-studio-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.um-sidebar{background:#090d15;border-right:1px solid var(--um-border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.1rem;position:sticky;top:0;height:100vh}.um-sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:0 .35rem}.um-sidebar-brand strong{display:block;font-size:1.05rem}.um-sidebar-brand small{display:block;font-size:.7rem;color:var(--um-muted)}.um-new-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem;border-radius:10px;border:1px solid rgba(16,185,129,.4);background:#10b98126;color:#6ee7b7;font-weight:600;cursor:pointer}.um-new-btn:hover{background:#10b98140}.um-sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.um-sidebar-nav button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;border-radius:9px;border:none;background:transparent;color:var(--um-muted);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left}.um-sidebar-nav button:hover,.um-sidebar-nav button.active{background:#10b98121;color:#fff}.um-count{margin-left:auto;font-size:.72rem;padding:.1rem .45rem;border-radius:6px;background:#ffffff0f}.um-sidebar-recent{margin-top:.5rem;border-top:1px solid var(--um-border);padding-top:.85rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}.um-sidebar-heading{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--um-muted);margin:0 0 .35rem .4rem}.um-recent-item{display:flex;align-items:center;gap:.45rem;padding:.42rem .55rem;border-radius:7px;border:none;background:transparent;color:var(--um-muted);font-size:.78rem;cursor:pointer;text-align:left}.um-recent-item:hover,.um-recent-item.active{background:#ffffff0f;color:#fff}.um-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-sidebar-footer{margin-top:auto;border-top:1px solid var(--um-border);padding-top:.85rem}.um-user-chip{display:flex;align-items:center;gap:.6rem}.um-avatar{width:30px;height:30px;border-radius:50%;background:#10b981;color:#04130e;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.um-user-chip small{display:block;font-size:.7rem;color:var(--um-muted)}.um-main{padding:1.75rem 2.25rem;max-width:1550px;width:100%}.um-banner-notice{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;margin-bottom:1.25rem;border-radius:12px;background:#10b98124;border:1px solid rgba(16,185,129,.38);color:#a7f3d0;font-size:.85rem}.um-banner-notice button{background:transparent;border:none;color:#fff;cursor:pointer;font-weight:600}.um-dash-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.um-dash-header h1{margin:.4rem 0 .25rem;font-size:1.85rem}.um-muted{color:var(--um-muted);margin:0;font-size:.9rem}.um-dash-header-actions{display:flex;align-items:center;gap:.75rem}.um-search-box{display:flex;align-items:center;gap:.5rem;background:var(--um-surface);border:1px solid var(--um-border);border-radius:10px;padding:.48rem .8rem}.um-search-box input{background:transparent;border:none;color:#fff;outline:none;font-size:.84rem;width:220px}.um-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.um-category-bar button{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--um-surface);color:var(--um-muted);border:1px solid var(--um-border);cursor:pointer}.um-category-bar button.active,.um-category-bar button:hover{background:#10b98129;color:#fff;border-color:#10b98173}.um-concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.25rem}.um-concept-card{background:var(--um-surface);border:1px solid var(--um-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}.um-concept-card:hover{transform:translateY(-2px);border-color:#10b9816b}.um-concept-featured{border-color:#10b98166}.um-card-art{position:relative;width:100%;aspect-ratio:16 / 9;background:#050911;overflow:hidden;cursor:pointer}.um-card-art img,.um-card-art svg{width:100%;height:100%;object-fit:cover;display:block}.um-art-badge{position:absolute;top:.65rem;right:.65rem;padding:.24rem .6rem;border-radius:999px;background:#050a12d1;border:1px solid rgba(255,255,255,.16);color:#f8fafc;font-size:.68rem;font-weight:700;letter-spacing:.04em}.um-concept-body{padding:1.15rem;display:flex;flex-direction:column;flex:1}.um-concept-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--um-muted);margin-bottom:.35rem}.um-concept-meta code{color:#6ee7b7}.um-concept-body h3{margin:0 0 .2rem;font-size:1.1rem;cursor:pointer}.um-concept-sub{margin:0 0 .55rem;font-size:.8rem;color:#fbbf24;font-weight:600}.um-concept-desc{margin:0 0 .85rem;font-size:.82rem;color:var(--um-muted);flex:1}.um-spine-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.um-spine-pills span{font-size:.69rem;padding:.2rem .5rem;border-radius:6px;background:#ffffff0a;border:1px solid var(--um-border);color:#cbd5e1}.um-funnel-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--um-muted);padding:.55rem 0;border-top:1px solid var(--um-border);border-bottom:1px solid var(--um-border);margin-bottom:.85rem}.um-concept-actions{display:flex;align-items:center;gap:.5rem}.um-concept-intake-card{border:1px dashed rgba(16,185,129,.45);background:#10b9810a;cursor:pointer;justify-content:center}.um-intake-inner{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.um-intake-icon{width:54px;height:54px;border-radius:14px;background:#10b98126;color:#34d399;display:flex;align-items:center;justify-content:center}.um-workbench-header{border-bottom:1px solid var(--um-border);padding-bottom:1rem;margin-bottom:1.5rem}.um-workbench-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.um-workbench-title-row h1{margin:.2rem 0 0;font-size:1.5rem}.um-back-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid var(--um-border);color:var(--um-text);padding:.45rem .8rem;border-radius:8px;font-size:.78rem;cursor:pointer}.um-code-badge{display:inline-block;font-family:monospace;font-size:.74rem;color:#6ee7b7;background:#10b9811f;padding:.15rem .5rem;border-radius:6px}.um-workbench-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.um-workbench-tabs button{padding:.55rem 1rem;border-radius:9px;border:1px solid var(--um-border);background:var(--um-surface);color:var(--um-muted);font-size:.82rem;font-weight:600;cursor:pointer}.um-workbench-tabs button.active{background:var(--um-emerald);color:#03150e;border-color:var(--um-emerald)}.um-panel{background:var(--um-surface);border:1px solid var(--um-border);border-radius:16px;padding:1.5rem}.um-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.um-panel h2{margin:0 0 .25rem;font-size:1.25rem}.um-dna-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.um-dna-box{background:#00000047;border:1px solid var(--um-border);border-radius:12px;padding:1rem}.um-dna-box label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6ee7b7;margin-bottom:.35rem}.um-dna-box p{margin:0;font-size:.86rem}.um-beat-list{display:flex;flex-direction:column;gap:.75rem}.um-beat-card{background:#00000047;border:1px solid var(--um-border);border-radius:12px;padding:.95rem 1.1rem}.um-beat-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.45rem}.um-beat-meta small{color:var(--um-muted)}.um-beat-narration{margin:0 0 .35rem;font-size:.9rem}.um-beat-visual{margin:0;font-size:.82rem;color:var(--um-muted)}.um-step-card{background:#00000040;border:1px solid var(--um-border);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem}.um-step-gold{border-color:#f59e0b66;background:#f59e0b0d}.um-step-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#fbbf24;margin-bottom:.9rem}.um-cast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.1rem}.um-cast-card{background:var(--um-surface);border:1px solid var(--um-border);border-radius:12px;overflow:hidden}.um-cast-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.um-cast-info{padding:.9rem}.um-cast-info p{font-size:.8rem;color:var(--um-muted);margin:.3rem 0 .6rem}.um-cast-info textarea,.um-thumb-copy textarea,.um-flow-textarea{width:100%;background:#06090f;border:1px solid var(--um-border);border-radius:8px;color:#cbd5e1;padding:.65rem;font-family:monospace;font-size:.76rem}.um-thumb-workbench{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center}.um-thumb-preview img{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:1px solid var(--um-border);display:block}.um-audio-box{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem;border-radius:12px;background:#0000004d;border:1px solid var(--um-border);flex-wrap:wrap}.um-publish-form{display:flex;flex-direction:column;gap:.9rem;max-width:640px;margin-top:1rem}.um-form-row{display:flex;flex-direction:column;gap:.35rem}.um-form-row label{font-size:.78rem;font-weight:600;color:#cbd5e1}.um-form-row input,.um-form-row select,.um-form-row textarea{background:#06090f;border:1px solid var(--um-border);border-radius:9px;padding:.6rem .8rem;color:#fff;font-size:.86rem}.um-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem}.um-modal{background:var(--um-surface);border:1px solid var(--um-border);border-radius:18px;padding:1.75rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.um-modal-wide{max-width:880px}.um-text-emerald{color:#34d399}.um-empty-box{background:var(--um-surface);border:1px solid var(--um-border);border-radius:16px;padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.um-analytics-root{display:flex;flex-direction:column;gap:1.35rem}.um-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.um-page-header h1{margin:.45rem 0 .35rem;font-size:1.75rem}.um-subtitle{margin:0;color:var(--um-muted);font-size:.9rem;max-width:840px}.um-eyebrow-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;background:#10b98124;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-size:.72rem;font-weight:700;letter-spacing:.03em}.um-analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.95rem}.um-analytics-kpi-card{background:var(--um-surface);border:1px solid var(--um-border);border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.3rem}.um-kpi-top{display:flex;justify-content:space-between;align-items:center;color:#6ee7b7;font-size:.7rem;font-weight:700;letter-spacing:.06em}.um-analytics-kpi-card strong{font-size:1.5rem;color:#fff}.um-kpi-unit{font-size:.85rem;font-weight:500;color:var(--um-muted)}.um-analytics-kpi-card small{color:var(--um-muted);font-size:.76rem}.um-subview-tabs{display:flex;flex-wrap:wrap;gap:.55rem;border-bottom:1px solid var(--um-border);padding-bottom:.75rem}.um-subview-tabs button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:10px;background:var(--um-surface);border:1px solid var(--um-border);color:var(--um-muted);font-size:.82rem;font-weight:600;cursor:pointer}.um-subview-tabs button.active,.um-subview-tabs button:hover{background:#10b98129;border-color:#10b98173;color:#fff}.um-analytics-section{display:flex;flex-direction:column;gap:1.25rem}.um-heatmap-controls{display:flex;flex-wrap:wrap;gap:.65rem}.um-pill-group{display:inline-flex;background:#060a11;border:1px solid var(--um-border);border-radius:10px;padding:.2rem;gap:.2rem}.um-pill-group button{border:none;background:transparent;color:var(--um-muted);padding:.35rem .7rem;border-radius:7px;font-size:.76rem;font-weight:600;cursor:pointer}.um-pill-group button.active{background:#10b98138;color:#fff}.um-heatmap-table-wrap,.um-analytics-video-table-wrap{width:100%;overflow-x:auto;margin-top:.85rem}.um-heatmap-table,.um-analytics-table{width:100%;border-collapse:collapse;font-size:.82rem}.um-heatmap-table th,.um-analytics-table th{text-align:left;padding:.6rem .75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--um-muted);border-bottom:1px solid var(--um-border)}.um-heatmap-table td,.um-analytics-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.um-hm-row-title strong{display:block;color:#f8fafc}.um-hm-row-title small{color:var(--um-muted);font-size:.72rem}.um-hm-count{font-weight:700;color:#6ee7b7}.um-hm-cell{width:100%;min-width:74px;padding:.45rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;color:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer}.um-hm-cell.empty{opacity:.35;cursor:default}.um-hm-cell.selected{box-shadow:0 0 0 2px #10b981}.um-hm-cell small{font-size:.68rem;color:#cbd5e1}.um-table-video-link{display:flex;align-items:center;gap:.65rem;color:#f8fafc;text-decoration:none}.um-table-video-link img{width:68px;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;flex-shrink:0}.um-table-video-link small{display:block;color:var(--um-muted);font-size:.72rem}.um-concept-pill{display:inline-block;padding:.2rem .55rem;border-radius:6px;background:#10b98124;color:#6ee7b7;font-size:.74rem;font-weight:600}.um-video-playlist-tags{display:flex;flex-wrap:wrap;gap:.3rem}.um-pl-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.16rem .48rem;border-radius:5px;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#bae6fd;font-size:.7rem}.um-quickwin-grid,.um-trends-grid,.um-rec-studio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;margin-top:.85rem}.um-quickwin-card,.um-trend-card,.um-rec-studio-card{background:#00000042;border:1px solid var(--um-border);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;gap:.55rem}.um-dual-leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:1.15rem}.um-table-filters{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.um-concept-select{background:var(--um-surface);border:1px solid var(--um-border);border-radius:9px;padding:.48rem .75rem;color:#fff;font-size:.8rem}.um-trend-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.um-trend-scores{display:flex;gap:.65rem;font-size:.76rem}.um-trend-metrics-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.65rem;border-radius:10px;background:#ffffff08}.um-trend-metrics-row small{display:block;font-size:.68rem;color:var(--um-muted)}.um-trend-signal,.um-trend-hook{margin:0;font-size:.82rem;color:#cbd5e1}.um-rec-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px}.um-rec-body{display:flex;flex-direction:column;gap:.55rem}.um-rec-badges{display:flex;justify-content:space-between;align-items:center}
