/* Chat Detective — a complete glass pass for the authenticated clip studio.
   Keep existing editor geometry, validation, draft state and keyboard behavior. */

body.cdh-dark[data-view="submit"] #clip-form{
  --studio-glass:linear-gradient(125deg,rgba(66,59,97,.39),rgba(27,34,59,.57) 61%,rgba(115,50,103,.26));
  --studio-glass-strong:linear-gradient(130deg,rgba(55,50,87,.72),rgba(25,31,54,.82) 62%,rgba(89,39,79,.61));
  --studio-border:rgba(214,184,227,.36);
  --studio-border-hot:rgba(255,176,215,.7);
  --studio-inner:inset 0 1px rgba(255,255,255,.11);
}

/* A custom listbox is allowed to overlap its neighbors while it is open.
   Elevate its entire blur layer, not merely the listbox within that layer. */
body.cdh-dark[data-view="submit"] #clip-form>.community-sheet:has(.cd-menu-trigger[aria-expanded="true"]),
body.cdh-dark[data-view="submit"] #clip-form>.cd-studio-search:has(.cd-auto-channel-all:is(:hover,:focus-within)){
  position:relative;z-index:24;overflow:visible;
}

/* These are glyphs, not buttons: the miniature pink icon tiles looked broken. */
body.cdh-dark[data-view="submit"] #clip-form .cd-ref-pane-heading .cd-ref-pane-symbol,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .cd-ref-pane-heading .cd-ref-pane-symbol{
  box-sizing:border-box;
  display:inline-flex;
  flex:0 0 23px;
  width:23px;height:25px;
  margin:0;padding:0;
  border:0;border-radius:0;
  outline:0;background:transparent;
  box-shadow:none;
  color:#f29ac3;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-ref-pane-heading .cd-ref-pane-symbol svg{
  display:block;width:20px;height:20px;flex:none;
}

/* Finder scope switch stays a group; all menu triggers, lists and options now
   share one Liquid Glass component in ui-polish-v25.css. */
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search .cd-auto-scope-tabs{
  border:1px solid var(--studio-border);
  border-radius:10px;
  background:var(--studio-glass);
  color:#f4f1f9;
  box-shadow:var(--studio-inner),0 5px 14px rgba(2,4,22,.14);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search .cd-auto-scope-tab{
  border-radius:8px;color:#c6c3d9;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search .cd-auto-scope-tab.is-active{
  border:1px solid rgba(255,181,216,.36);
  background:linear-gradient(110deg,#b62f57,#dd376f);
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 4px 14px rgba(187,41,93,.15);
  color:white;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search #clip-preview-button,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video :is(.cd-time-nudge,.cd-time-capture),
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions button:not(#clip-ai-button){
  border:1px solid var(--studio-border);border-radius:9px;
  background:var(--studio-glass);color:#f4f0fb;
  box-shadow:var(--studio-inner);
  transition:background .2s,border-color .2s,transform .2s;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search #clip-preview-button:hover:not(:disabled),
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-video :is(.cd-time-nudge,.cd-time-capture):hover:not(:disabled),
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions button:not(#clip-ai-button):hover:not(:disabled){
  border-color:var(--studio-border-hot);
  background:linear-gradient(120deg,rgba(139,80,134,.4),rgba(58,55,94,.51));
  transform:translateY(-1px);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-ai-actions #clip-ai-button{
  border:1px solid rgba(255,181,215,.6);border-radius:9px;
  background:linear-gradient(110deg,#db386c,#f14b7d);
  color:white;box-shadow:inset 0 1px rgba(255,255,255,.26),0 5px 12px rgba(208,46,99,.18);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-search .cd-ref-selected-clip{
  border:1px solid var(--studio-border);border-radius:12px;
  background:var(--studio-glass);box-shadow:var(--studio-inner);
}

/* Gemini and all editable answers should feel connected to their glass pane. */
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .ai-draft-panel{
  padding:13px;
  gap:8px;
  border:1px solid var(--studio-border);
  border-radius:13px;
  background:linear-gradient(125deg,rgba(38,38,71,.59),rgba(30,33,57,.56) 56%,rgba(81,40,81,.37));
  box-shadow:var(--studio-inner),0 9px 24px rgba(4,4,24,.1);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .ai-draft-heading h2{color:#fff2fa}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .cd-ref-ai-description,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-budget{
  color:#c6bdd7;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .ai-event-tools{
  margin-top:3px;padding:8px 0 0;
  border:0;border-top:1px solid rgba(220,184,226,.25);
  background:transparent;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions :is(#clip-question,#clip-explanation,#clip-note,#clip-ai-event-hint){
  border:1px solid var(--studio-border);
  border-radius:10px;
  background:linear-gradient(120deg,rgba(30,37,62,.75),rgba(53,39,75,.59));
  box-shadow:inset 0 1px rgba(255,255,255,.075);
  color:#f6f1fb;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions :is(#clip-question,#clip-explanation,#clip-note,#clip-ai-event-hint):focus{
  border-color:rgba(255,174,222,.9);
  box-shadow:0 0 0 2px rgba(239,99,167,.13),inset 0 1px rgba(255,255,255,.11);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row{
  border:1px solid rgba(206,184,227,.32);
  border-radius:10px;
  background:linear-gradient(120deg,rgba(31,40,68,.58),rgba(62,39,76,.43));
  box-shadow:inset 0 1px rgba(255,255,255,.08);
  transition:background .2s,border-color .2s,box-shadow .2s;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row:hover{
  border-color:rgba(254,179,217,.6);
  background:linear-gradient(120deg,rgba(59,50,90,.62),rgba(89,47,87,.47));
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row:has(input[type="radio"]:checked){
  border-color:rgba(248,101,156,.78);
  background:linear-gradient(120deg,rgba(123,42,89,.48),rgba(66,45,83,.56));
  box-shadow:inset 0 1px rgba(255,238,249,.13),0 0 12px rgba(231,76,139,.1);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row input.answer-text{
  border:0;border-radius:0;background:transparent;
  box-shadow:none;color:#f0edfa;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row input.answer-text:focus{
  border:0;background:transparent;box-shadow:none;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row label[for^="answer-correct-"]{
  border-radius:9px;
  background:rgba(180,172,212,.16);
  color:#f0e5f5;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .answer-editor-row:has(input[type="radio"]:checked) label[for^="answer-correct-"]{
  background:linear-gradient(130deg,#d93976,#ef588e);color:white;
}
body.cdh-dark[data-view="submit"] #clip-form .workshop-lock,
body.cdh-dark[data-view="submit"] #clip-form .workshop-lock:not(.is-locked):not(:focus-visible){
  border:1px solid var(--studio-border);border-radius:8px;
  background:var(--studio-glass);color:#d7c9e5;
  box-shadow:var(--studio-inner);
}
body.cdh-dark[data-view="submit"] #clip-form .workshop-lock:is(:hover,:focus-visible){
  border-color:var(--studio-border-hot);background:rgba(157,72,137,.36);color:white;
}
body.cdh-dark[data-view="submit"] #clip-form .workshop-lock.is-locked{
  border-color:rgba(255,115,161,.8);
  background:rgba(174,43,98,.3);color:#ffb5cf;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-ref-extra{
  border:1px solid rgba(220,184,228,.24);border-radius:11px;
  background:rgba(41,33,69,.27);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-clear-action{
  border:1px solid transparent;border-radius:8px;padding:5px 8px;
  background:rgba(212,143,193,.07);color:#d0bfd6;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-questions .workshop-clear-action:hover{
  border-color:var(--studio-border);background:rgba(222,123,185,.19);color:white;
}

/* Nine save slots and the 3 utility actions now have the same glass language. */
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-box,
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions{
  border:1px solid var(--studio-border);border-radius:11px;
  background:var(--studio-glass-strong);
  box-shadow:var(--studio-inner),0 9px 22px rgba(3,4,23,.2);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card{
  border:1px solid rgba(204,182,223,.35);border-left-width:3px;
  border-radius:7px;
  background:linear-gradient(120deg,rgba(61,62,97,.4),rgba(37,48,76,.5));
  color:#e6dfed;
  box-shadow:inset 0 1px rgba(255,255,255,.09);
  transition:background .2s,border-color .2s,transform .2s;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card.has-content{
  border-color:rgba(245,196,230,.62);background:rgba(108,76,111,.4);color:white;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card.is-active{
  border-color:#ff76a7;background:linear-gradient(120deg,rgba(187,63,112,.52),rgba(75,42,95,.61));
  color:white;box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 11px rgba(244,60,129,.13);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-slot-card:is(:hover,:focus-visible){
  transform:translateY(-1px);border-color:#f9a2c8;
  background:rgba(135,82,129,.5);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-expand-toggle{
  border-top:1px solid rgba(219,193,234,.26);background:transparent;color:#e3d5ee;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-expand-toggle:hover{
  color:white;background:rgba(218,130,194,.13);
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions .workshop-icon-button{
  border:1px solid rgba(208,183,226,.33);border-radius:8px;
  background:linear-gradient(125deg,rgba(70,68,105,.48),rgba(43,49,80,.6));
  color:#e5dcf3;box-shadow:var(--studio-inner);
  transition:background .2s,border-color .2s,transform .2s;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions .workshop-icon-button:hover:not(:disabled){
  transform:translateY(-1px);border-color:#f6acd1;
  background:rgba(156,75,143,.46);color:white;
}
body.cdh-dark[data-view="submit"] #clip-form .cd-studio-draft-rail .workshop-actions .workshop-icon-button:disabled{
  opacity:.4;cursor:not-allowed;
}

/* The guided walkthrough is portalled to the body by community.js. */
body.cdh-dark[data-view="submit"] .submit-guide{
  --cds-text:#f6f0fc;--cds-muted:#c5bdd6;
  --cds-border:rgba(218,188,231,.35);--cds-accent:#ff77ad;
  z-index:9999;
  gap:12px;padding:18px 18px 16px;
  border:1px solid rgba(255,151,210,.72);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(50,37,73,.97),rgba(23,27,52,.98) 65%,rgba(76,37,70,.96));
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  box-shadow:0 24px 60px rgba(3,2,20,.58),inset 0 1px rgba(255,255,255,.21),0 0 28px rgba(220,70,143,.13);
  color:#f6f0fc;
}
body.cdh-dark[data-view="submit"] .submit-guide-top{color:#ff8fb7}
body.cdh-dark[data-view="submit"] .submit-guide h2{font-size:17px;letter-spacing:-.02em;color:#fff}
body.cdh-dark[data-view="submit"] .submit-guide p{font-size:12px;line-height:1.6;color:#cbc3da}
body.cdh-dark[data-view="submit"] .submit-guide-top button{
  padding:5px 8px;border:1px solid transparent;border-radius:7px;
  color:#c7bbd9;
}
body.cdh-dark[data-view="submit"] .submit-guide-top button:hover{
  border-color:rgba(255,195,229,.34);background:rgba(243,150,211,.13);color:white;
}
body.cdh-dark[data-view="submit"] .submit-guide-bottom button{
  min-height:37px;border:1px solid rgba(219,189,229,.37);border-radius:9px;
  background:var(--studio-glass,linear-gradient(120deg,rgba(97,76,119,.45),rgba(35,40,69,.65)));
  box-shadow:inset 0 1px rgba(255,255,255,.11);color:#f3ecfa;
}
body.cdh-dark[data-view="submit"] .submit-guide-bottom button:hover:not(:disabled){
  border-color:rgba(255,201,229,.69);background:rgba(171,89,156,.4);
}
body.cdh-dark[data-view="submit"] .submit-guide-bottom #submit-guide-next{
  border-color:rgba(255,188,223,.55);background:linear-gradient(110deg,#d8346b,#f2497f);
  box-shadow:inset 0 1px rgba(255,255,255,.27),0 5px 13px rgba(205,46,100,.24);color:white;
}
body.cdh-dark[data-view="submit"] .submit-guide-ring{
  border:2px solid #ff82b0;border-radius:12px;
  box-shadow:0 0 0 3px rgba(255,215,237,.16),0 0 27px rgba(249,71,139,.41);
}
body.cdh-dark[data-view="submit"] .submit-guide-mask{background:rgba(7,7,24,.72)}

/* Tooltip portal: fixed to the viewport, above backdrop-filter stacking contexts. */
body.cdh-dark[data-view="submit"] #clip-form [data-cd-tip]::after{display:none!important}
.cd-studio-tooltip-portal{
  position:fixed;z-index:11000;pointer-events:none;
  max-width:min(280px,calc(100vw - 24px));width:max-content;
  padding:9px 11px;
  border:1px solid rgba(251,191,228,.56);border-radius:10px;
  background:linear-gradient(120deg,rgba(52,39,76,.97),rgba(29,31,57,.98));
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 14px 35px rgba(1,3,18,.48),inset 0 1px rgba(255,255,255,.18);
  color:#f8effa;font:600 11px/1.45 Inter,'Segoe UI',Arial,sans-serif;
  white-space:normal;overflow-wrap:break-word;
  opacity:0;visibility:hidden;transition:opacity .13s ease,visibility .13s;
}
.cd-studio-tooltip-portal.is-visible{opacity:1;visibility:visible}

/* Game-mode popup must escape the blur stacking context of the game header. */
body.cdh-dark[data-view="what-next"] .game-main .game-head{
  position:relative;z-index:40;overflow:visible;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-picker{
  position:relative;z-index:45;isolation:isolate;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger{
  box-sizing:border-box;min-height:27px;
  margin:0;padding:5px 9px;gap:9px;
  border:1px solid rgba(226,181,223,.37);border-radius:8px;
  background:linear-gradient(110deg,rgba(92,73,113,.30),rgba(41,47,81,.43));
  box-shadow:inset 0 1px rgba(255,255,255,.11);
  color:#e8dcec;font-size:10px;letter-spacing:.035em;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger:is(:hover,:focus-visible,[aria-expanded="true"]){
  border-color:rgba(255,185,222,.71);
  background:linear-gradient(120deg,rgba(140,77,134,.37),rgba(53,48,89,.59));
  color:white;box-shadow:inset 0 1px rgba(255,255,255,.17);
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger .source-flag{
  display:inline-block;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;color:inherit;font:inherit;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-trigger .cd-game-mode-chevron{
  color:#edb0cc;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu{
  z-index:55;top:calc(100% + 9px);
  border:1px solid rgba(253,192,225,.47);border-radius:12px;
  background:linear-gradient(135deg,rgba(49,36,69,.97),rgba(27,29,52,.98));
  box-shadow:0 22px 42px rgba(2,3,18,.48),inset 0 1px rgba(255,255,255,.17);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button{
  border-radius:8px;
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button:hover,
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button:focus-visible{
  border-color:rgba(238,172,217,.3);background:rgba(173,90,147,.24);
}
body.cdh-dark[data-view="what-next"] .game-main .cd-game-mode-menu button[aria-checked="true"]{
  border-color:rgba(249,138,188,.56);background:rgba(179,56,112,.3);
}

@media (prefers-reduced-motion:reduce){
  body.cdh-dark[data-view="submit"] #clip-form :is(.cd-menu-trigger,.answer-editor-row,.workshop-slot-card,.workshop-icon-button),
  .cd-studio-tooltip-portal{transition:none!important;transform:none!important}
}