:root{
   --app-bg:#0b0f14;
   --app-sidebar:#0f141b;
   --app-surface:#121923;
   --app-surface-2:#0f151f;
   --app-border:rgba(255,255,255,.08);
   --app-text:#e7eef7;
   --app-muted:#9aa7b5;
   --app-primary:#2dd4bf;
   --app-primary-2:#3b82f6;
   --app-danger:#ff3b5c;
   --app-shadow:0 14px 40px rgba(0,0,0,.45);
 }
 
 html,body{height:100%}
 body.app-dark{
   background:var(--app-bg);
   color:var(--app-text);
   font-feature-settings:"ss01" 1,"ss02" 1;
 }
 
 .text-muted{color:var(--app-muted)!important}
 .badge-soft{
   border:1px solid var(--app-border);
   background:rgba(255,255,255,.06)!important;
   color:var(--app-text)!important;
 }
 .badge-hot{
   background:rgba(255,59,92,.15)!important;
   border-color:rgba(255,59,92,.35);
   color:#ffd0d8!important;
 }
 
 .app-shell{min-height:100vh}
 
 .app-topbar{
   position:sticky;
   top:0;
   z-index:1030;
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:12px;
   padding:10px 12px;
   background:rgba(15,20,27,.9);
   border-bottom:1px solid var(--app-border);
   backdrop-filter:blur(10px);
 }
 
 .app-offcanvas.offcanvas{
   background:var(--app-sidebar);
   color:var(--app-text);
 }
 
 .app-sidebar{
   width:280px;
   background:var(--app-sidebar);
   border-right:1px solid var(--app-border);
 }
 .app-sidebar--compact{
   width:88px;
 }
 .app-sidebar--compact .sidebar-brand-text{
   display:none;
 }
 .app-sidebar--compact .brand-mark{
   width:32px;
   height:32px;
   border-radius:12px;
 }
 .app-sidebar--compact .sidebar-create{
   width:44px;
   height:44px;
   padding:0;
   margin:0 auto;
   display:flex;
   align-items:center;
   justify-content:center;
   border-radius:16px;
 }
 .app-sidebar--compact .sidebar-create-label{
   display:none;
 }
 .app-sidebar--compact .sidebar-menu-title{
   display:none;
 }
 .app-sidebar--compact .nav-icon-only .nav-link{
   margin:0 auto;
 }
 .app-sidebar--compact .sidebar-account{
   flex-direction:column;
   align-items:center;
   gap:10px!important;
   padding:12px!important;
 }
 .app-sidebar--compact .sidebar-account .flex-grow-1{
   display:none;
 }
 
 .brand-mark{
  display:block;
   width:34px;
   height:34px;
   border-radius:10px;
  background:transparent;
   box-shadow:0 10px 30px rgba(45,212,191,.18);
  object-fit:contain;
 }
 
 .nav-pills .nav-link{
   display:flex;
   align-items:center;
   gap:10px;
   padding:10px 12px;
   border-radius:12px;
   color:var(--app-text);
   background:transparent;
 }
 .nav-pills .nav-link:hover{
   background:rgba(255,255,255,.06);
 }
 .nav-pills .nav-link.active{
   background:rgba(45,212,191,.14);
   border:1px solid rgba(45,212,191,.24);
   color:var(--app-text);
 }
 .nav-ic{
   width:20px;
   height:20px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   opacity:.9;
 }
 
 .nav-icon-only{
   align-items:center;
 }
 .nav-icon-only .nav-link{
   justify-content:center;
   gap:0;
   padding:10px;
   width:44px;
 }
 .nav-icon-only .nav-label{
   display:none;
 }
 
 .btn-primary{
   border:none;
   background:linear-gradient(135deg,var(--app-primary),var(--app-primary-2));
 }
 .btn-primary:hover{filter:brightness(1.05)}

 .app-dark .modal-content{
   background:rgba(15,20,27,.94);
   border:1px solid var(--app-border);
   color:var(--app-text);
   border-radius:18px;
   box-shadow:0 18px 50px rgba(0,0,0,.55);
   backdrop-filter:blur(12px);
 }
 .app-dark .modal-header,
 .app-dark .modal-footer{
   border-color:var(--app-border);
   background:rgba(0,0,0,.12);
 }
 .app-dark .modal-title{color:var(--app-text)}
 .app-dark .btn-close{filter:invert(1) grayscale(100%); opacity:.75}
 .app-dark .btn-close:hover{opacity:1}
 .app-dark .modal .form-control,
 .app-dark .modal .form-select{
   background:rgba(0,0,0,.18);
   border:1px solid var(--app-border);
   color:var(--app-text);
 }
 .app-dark .modal .form-control:focus,
 .app-dark .modal .form-select:focus{
   background:rgba(0,0,0,.22);
   color:var(--app-text);
   border-color:rgba(45,212,191,.35);
   box-shadow:0 0 0 .2rem rgba(45,212,191,.12);
 }
 .app-dark .modal .btn-secondary{
   background:rgba(255,255,255,.08);
   border:1px solid var(--app-border);
   color:var(--app-text);
 }
 .app-dark .modal .btn-secondary:hover{background:rgba(255,255,255,.12);color:var(--app-text)}
 .btn-light{
   background:rgba(255,255,255,.1);
   border:1px solid var(--app-border);
   color:var(--app-text);
 }
 .btn-light:hover{background:rgba(255,255,255,.14);color:var(--app-text)}
 .btn-ghost{
   background:transparent;
   border:1px solid var(--app-border);
   color:var(--app-text);
 }
 .btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--app-text)}
 .btn-icon{
   width:34px;
   height:34px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   padding:0;
   border-radius:12px;
 }
 
 .account-card{
   border-radius:16px;
   background:rgba(255,255,255,.04);
   border:1px solid var(--app-border);
 }
 .avatar{
   width:40px;
   height:40px;
   border-radius:14px;
   display:flex;
   align-items:center;
   justify-content:center;
   font-weight:700;
   background:rgba(59,130,246,.15);
   border:1px solid rgba(59,130,246,.25);
   color:#cfe3ff;
 }
 
 .app-body{min-width:0}
 .app-content{
   background:radial-gradient(1200px 700px at 30% 0%, rgba(45,212,191,.08) 0%, rgba(11,15,20,0) 55%),
              radial-gradient(1200px 700px at 90% 10%, rgba(59,130,246,.10) 0%, rgba(11,15,20,0) 55%),
              var(--app-bg);
 }
 
 .app-hero{
   border-radius:20px;
   padding:22px;
   border:1px solid rgba(255,255,255,.10);
   background:linear-gradient(120deg, rgba(45,212,191,.95) 0%, rgba(59,130,246,.95) 60%, rgba(99,102,241,.95) 100%);
   color:#061018;
   box-shadow:var(--app-shadow);
 }
 .hero-plus{
   width:44px;
   height:44px;
   border-radius:16px;
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(6,16,24,.12);
   border:1px solid rgba(6,16,24,.12);
 }
 .app-hero .text-muted{color:rgba(6,16,24,.75)!important}
 
 .qa-row{
   display:flex;
   gap:10px;
   overflow:auto;
   padding-bottom:6px;
   scrollbar-width:thin;
 }
 .qa-tile{
   position:relative;
   flex:0 0 auto;
   width:170px;
   padding:12px 12px 12px 44px;
   border-radius:16px;
   border:1px solid var(--app-border);
   background:rgba(255,255,255,.04);
   color:var(--app-text);
   text-align:left;
 }
 .qa-tile:hover{background:rgba(255,255,255,.06)}
 .qa-ic{
   position:absolute;
   left:12px;
   top:12px;
   width:28px;
   height:28px;
   border-radius:12px;
   display:flex;
   align-items:center;
   justify-content:center;
   background:rgba(255,255,255,.06);
   border:1px solid var(--app-border);
 }
 .qa-label{
   font-weight:600;
   font-size:.92rem;
   line-height:1.2;
 }
 .qa-tile .badge{
   position:absolute;
   top:10px;
   right:10px;
   font-size:.68rem;
 }
 
 .project-card{
   border-radius:16px;
   border:1px solid var(--app-border);
   background:rgba(255,255,255,.03);
   overflow:hidden;
   box-shadow:0 10px 24px rgba(0,0,0,.25);
 }
 .project-card:hover{transform:translateY(-2px);transition:transform .14s ease}
 .project-thumb{
   aspect-ratio:16/9;
  position:relative;
  overflow:hidden;
   background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
 }
.project-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
 .project-meta{
   border-top:1px solid var(--app-border);
   background:rgba(0,0,0,.12);
 }
 
 .tone-a{background:linear-gradient(135deg,#7c3aed,#22c55e)}
 .tone-b{background:linear-gradient(135deg,#0ea5e9,#1d4ed8)}
 .tone-c{background:linear-gradient(135deg,#f59e0b,#ef4444)}
 .tone-d{background:linear-gradient(135deg,#14b8a6,#8b5cf6)}
 .tone-e{background:linear-gradient(135deg,#fb7185,#38bdf8)}
 .tone-f{background:linear-gradient(135deg,#34d399,#60a5fa)}
 .tone-g{background:linear-gradient(135deg,#e879f9,#a3e635)}
 .tone-h{background:linear-gradient(135deg,#06b6d4,#f97316)}
 .tone-i{background:linear-gradient(135deg,#93c5fd,#f472b6)}
 .tone-j{background:linear-gradient(135deg,#fca5a5,#fde047)}
 
 .app-right{
   width:360px;
   border-left:1px solid var(--app-border);
   background:rgba(15,20,27,.55);
   backdrop-filter:blur(10px);
 }
 .right-card{
   border-radius:18px;
   border:1px solid var(--app-border);
   background:rgba(255,255,255,.03);
   overflow:hidden;
 }

 .prompt-frame.card{
   border-radius:18px;
   border:1px solid var(--app-border);
   background:radial-gradient(900px 320px at 25% 0%, rgba(45,212,191,.12) 0%, rgba(11,15,20,0) 55%),
              radial-gradient(900px 320px at 85% 0%, rgba(59,130,246,.14) 0%, rgba(11,15,20,0) 55%),
              rgba(255,255,255,.02);
   color:var(--app-text);
   box-shadow:0 14px 40px rgba(0,0,0,.25);
 }
 .prompt-frame.card:hover{background:rgba(255,255,255,.035)}
 .prompt-frame .card-body{background:transparent}
 .prompt-frame .form-control,
 .prompt-frame .form-select{
   background:rgba(0,0,0,.18);
   border:1px solid var(--app-border);
   color:var(--app-text);
 }
 .prompt-frame .form-control:focus,
 .prompt-frame .form-select:focus{
   background:rgba(0,0,0,.22);
   color:var(--app-text);
   border-color:rgba(45,212,191,.35);
   box-shadow:0 0 0 .2rem rgba(45,212,191,.12);
 }
 .prompt-frame .form-check-label{color:var(--app-muted)}
 .promo-art{
   height:150px;
   background:radial-gradient(600px 220px at 20% 40%, rgba(45,212,191,.55) 0%, rgba(59,130,246,.35) 45%, rgba(255,255,255,.02) 70%),
              linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
 }
 .hint-item{
   text-align:left;
   border-radius:14px;
   padding:12px;
   border:1px solid var(--app-border);
   background:rgba(0,0,0,.10);
   color:var(--app-text);
 }
 .hint-item:hover{background:rgba(255,255,255,.06)}
 .hint-title{font-weight:700}
 .hint-desc{font-size:.85rem;color:var(--app-muted)}
 
 ::-webkit-scrollbar{height:10px;width:10px}
 ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
 ::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}

.auth-shell{
  min-height:100vh;
  background:radial-gradient(1000px 600px at 30% 0%, rgba(45,212,191,.10) 0%, rgba(11,15,20,0) 55%),
             radial-gradient(1000px 600px at 90% 10%, rgba(59,130,246,.12) 0%, rgba(11,15,20,0) 55%),
             var(--app-bg);
}
.auth-card{
  border-radius:18px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.03);
  padding:18px;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
}
.auth-brand{box-shadow:0 10px 30px rgba(45,212,191,.14)}
.auth-input{
  background:rgba(0,0,0,.18);
  border:1px solid var(--app-border);
  color:var(--app-text);
}
.auth-input:focus{
  background:rgba(0,0,0,.22);
  color:var(--app-text);
  border-color:rgba(45,212,191,.35);
  box-shadow:0 0 0 .2rem rgba(45,212,191,.12);
}
.progress{
  background:rgba(0,0,0,.18);
  border:1px solid var(--app-border);
}
.progress-bar{
  background:linear-gradient(135deg,var(--app-primary),var(--app-primary-2));
}

.landing-topbar{
  position:sticky;
  top:0;
  z-index:1030;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  background:rgba(15,20,27,.78);
  border-bottom:1px solid var(--app-border);
  backdrop-filter:blur(10px);
}
.landing-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:var(--app-text);
  text-decoration:none;
}
.landing-brand:hover{color:var(--app-text)}
.landing-mark{
  display:block;
  width:32px;
  height:32px;
  border-radius:12px;
  background:transparent;
  box-shadow:0 10px 30px rgba(45,212,191,.18);
  object-fit:contain;
}
.landing-links{
  display:flex;
  align-items:center;
  gap:10px;
}
.landing-links a{
  color:var(--app-muted);
  text-decoration:none;
  font-size:.9rem;
  padding:6px 10px;
  border-radius:12px;
}
.landing-links a:hover{
  background:rgba(255,255,255,.06);
  color:var(--app-text);
}
.landing-hero{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(900px 420px at 20% 0%, rgba(45,212,191,.22) 0%, rgba(11,15,20,0) 55%),
             radial-gradient(900px 420px at 90% 10%, rgba(59,130,246,.24) 0%, rgba(11,15,20,0) 55%),
             rgba(255,255,255,.02);
  box-shadow:var(--app-shadow);
}
.landing-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.04);
  color:var(--app-muted);
  font-size:.85rem;
}
.landing-title{
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.05;
}
.landing-sub{
  color:var(--app-muted);
  font-size:1rem;
  line-height:1.55;
}
.landing-art{
  border-radius:18px;
  border:1px solid var(--app-border);
  background:radial-gradient(420px 220px at 20% 30%, rgba(45,212,191,.35) 0%, rgba(0,0,0,0) 60%),
             radial-gradient(420px 220px at 90% 20%, rgba(59,130,246,.35) 0%, rgba(0,0,0,0) 62%),
             linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
  min-height:260px;
}
.landing-mini{
  border-radius:18px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.03);
}
.landing-mini h3{
  font-size:1rem;
  margin:0;
}
.landing-mini p{
  margin:0;
  color:var(--app-muted);
  font-size:.9rem;
  line-height:1.45;
}
.landing-footer{
  border-top:1px solid var(--app-border);
  color:var(--app-muted);
}

.work-shell{min-width:0}
.work-topbar{
  height:56px;
  border-bottom:1px solid var(--app-border);
  background:rgba(15,20,27,.75);
  backdrop-filter:blur(10px);
}
.work-create-links{display:flex;gap:8px;align-items:center}
.work-create-links .btn{border-radius:12px}
.work-appmark{
  width:26px;
  height:26px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--app-primary),var(--app-primary-2));
  box-shadow:0 10px 30px rgba(45,212,191,.16);
}
.work-title{font-weight:700}
.work-sub{font-size:.8rem;color:var(--app-muted)}

.work-stage{min-width:0}
.work-panel{
  background:rgba(15,20,27,.55);
  border-right:1px solid var(--app-border);
}
.work-left{min-height:0;overflow:hidden}
.work-right{
  width:320px;
  border-right:none;
  border-left:1px solid var(--app-border);
}
.work-left{width:360px}
.work-tabs{
  display:flex;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid var(--app-border);
}
.work-tab{
  background:transparent;
  border:1px solid var(--app-border);
  color:var(--app-text);
  padding:6px 10px;
  border-radius:12px;
  font-size:.85rem;
}
.work-tab:hover{background:rgba(255,255,255,.06)}
.work-tab.active{
  background:rgba(45,212,191,.14);
  border-color:rgba(45,212,191,.24);
}
.work-panel-body{min-height:0;overflow:auto}
.work-left .work-panel-body{flex:1 1 auto;min-height:0;overflow:hidden}
.work-left .work-bin{flex:1 1 auto;min-height:0;overflow:auto;align-content:start}
.work-panel-head{
  border-bottom:1px solid var(--app-border);
  color:var(--app-text);
  font-weight:700;
  background:rgba(0,0,0,.12);
}
.work-search .form-control{
  background:rgba(0,0,0,.18);
  border:1px solid var(--app-border);
  color:var(--app-text);
}
.work-search .form-control::placeholder{color:rgba(154,167,181,.8)}

.work-bin{grid-template-columns:repeat(2,minmax(0,1fr))}
.bin-tile{
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.03);
  border-radius:14px;
  padding:10px;
  color:var(--app-text);
  text-align:left;
  min-height:150px;
}
.bin-tile:hover{background:rgba(255,255,255,.06)}
.bin-thumb{
  aspect-ratio:16/9;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
  border:1px solid var(--app-border);
  margin-bottom:8px;
  overflow:hidden;
}
.bin-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.bin-thumb-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(231,238,247,.85);
}

.work-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.work-list-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.03);
  color:var(--app-text);
  text-align:left;
}
.work-list-item:hover{
  background:rgba(255,255,255,.06);
}
.work-list-icon{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--app-border);
}
.work-list-icon img{width:16px;height:16px;display:block}
.work-list-title{flex:1 1 auto;min-width:0}
.work-list-size{
  flex:0 0 auto;
  font-size:.8rem;
  color:var(--app-muted);
  font-variant-numeric:tabular-nums;
}

.video-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.video-row{
  display:grid;
  grid-template-columns:18px 26px 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.02);
  color:var(--app-text);
  text-align:left;
}
.video-row:hover{background:rgba(255,255,255,.05)}
.video-row.is-active{
  background:rgba(45,212,191,.10);
  border-color:rgba(45,212,191,.22);
}
.video-note{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .12s ease;
}
.video-row.is-active .video-note{opacity:1}
.video-note img{width:16px;height:16px;display:block}
.video-play{
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--app-border);
}
.video-play img{width:16px;height:16px;display:block}
.video-title{
  min-width:0;
  font-weight:600;
}
.video-meta{
  display:flex;
  align-items:center;
  gap:10px;
}
.video-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--app-border);
  background:rgba(255,255,255,.04);
  color:var(--app-muted);
  font-size:.78rem;
  font-variant-numeric:tabular-nums;
}
.bin-add{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
}
.bin-plus{
  width:34px;
  height:34px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(45,212,191,.12);
  border:1px solid rgba(45,212,191,.24);
  color:#b8fff4;
  font-weight:800;
}
.bin-label{font-weight:600;font-size:.85rem}

.work-center{background:var(--app-bg)}
.work-canvas{padding:14px;min-height:0}
.work-preview{
  width:min(920px,100%);
  height:100%;
  border-radius:18px;
  border:1px solid var(--app-border);
  background:rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.work-preview-top,.work-transport{
  border-bottom:1px solid var(--app-border);
  background:rgba(0,0,0,.14);
}
.work-transport{border-bottom:none;border-top:1px solid var(--app-border)}
.work-preview-title{font-weight:700}
.work-preview-body{
  flex:1 1 auto;
  background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
}
.work-timecode{
  font-variant-numeric:tabular-nums;
  font-size:.85rem;
  color:var(--app-muted);
  min-width:96px;
}

.work-kv{
  border:1px solid var(--app-border);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(0,0,0,.12);
}
.work-k{font-size:.78rem;color:var(--app-muted);text-transform:uppercase;letter-spacing:.04em}
.work-v{font-weight:600}

.work-timeline{
  height:250px;
  border-top:1px solid var(--app-border);
  background:rgba(15,20,27,.65);
  backdrop-filter:blur(10px);
}

@media (min-width: 992px){
  .work-shell{
    height:100vh;
    overflow:hidden;
  }
  .work-topbar{flex:0 0 56px}
  .work-stage{flex:1 1 auto;min-height:0}
  .work-timeline{flex:0 0 250px}
}
.work-timeline-head{
  border-bottom:1px solid var(--app-border);
  background:rgba(0,0,0,.12);
}
.work-scale{
  color:var(--app-muted);
  font-size:.85rem;
  font-variant-numeric:tabular-nums;
}
.work-tracks{
  height:calc(100% - 42px);
  overflow:auto;
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.work-track{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:10px;
  align-items:start;
}
.work-track-label{
  color:var(--app-muted);
  font-size:.85rem;
  padding-top:6px;
}
.work-track-lane{
  position:relative;
  height:44px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.14);
  background:rgba(0,0,0,.10);
  overflow:hidden;
}
.clip{
  position:absolute;
  top:8px;
  height:28px;
  border-radius:12px;
  border:1px solid var(--app-border);
}
.clip-primary{
  background:rgba(45,212,191,.18);
  border-color:rgba(45,212,191,.32);
}
.clip-audio{
  background:rgba(59,130,246,.18);
  border-color:rgba(59,130,246,.32);
}
.clip-muted{
  background:rgba(255,255,255,.06);
}