/* Shared glass-tablet treatment. Existing content and controls stay native. */
body[data-tablets]{--tablet-edge:#a6eddf;--tablet-glass:linear-gradient(125deg,#81dedb1c,#08283186 47%,#071c29ad);--tablet-ink:#effaf5;--tablet-field:#081c26c4;--tablet-rule:#a3e6d563;background:transparent;isolation:isolate}
.collection-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#06141ad6,#06141ab8),url('/experience/story-galaxy.webp') center/cover}
[data-tablets] .page,[data-tablets] .skills-main,[data-tablets] .hero{background:transparent}
[data-tablets] .topbar{position:relative;top:auto;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;--accent:#a1e7d1;--muted:#c2d4cb;--text:#f4f3e8}
[data-tablets] .topbar .brand,[data-tablets] .topbar .brand small{color:#e8f7ee;text-shadow:0 2px 8px #000}
[data-tablets] .glass-tablet{position:relative;isolation:isolate;background:transparent!important;border:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--tablet-ink);min-width:0}
[data-tablets] .glass-tablet::before{content:'';position:absolute;inset:1px;z-index:-1;border:0;width:auto;height:auto;opacity:1;background:var(--tablet-glass);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);pointer-events:none;box-shadow:inset 0 0 50px #a6eddf0a}
.tablet-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1;filter:drop-shadow(0 0 3px #9cebd626)}
.tablet-frame path{fill:none;stroke:var(--tablet-edge);stroke-width:1;opacity:.65}
.tablet-frame path:nth-child(2){opacity:.29;stroke-width:.7}
.tablet-frame path:nth-child(3){opacity:.13;stroke-width:.7}
[data-tablets] details.glass-tablet{background:var(--tablet-glass)!important;border-radius:16px!important}
[data-tablets] details.glass-tablet::before{display:none}
[data-tablets] details.glass-tablet>summary{position:static}
[data-tablets] details.glass-tablet>summary>.tablet-frame{position:absolute}
[data-tablets] .glass-tablet:focus-within .tablet-frame path:first-child,[data-tablets] .glass-tablet[open] .tablet-frame path:first-child{opacity:.95}
[data-tablets] .glass-tablet summary{color:var(--tablet-ink);text-shadow:0 1px 8px #00131dcc}
[data-tablets] .glass-tablet h2,[data-tablets] .glass-tablet h3{color:var(--tablet-ink)}
[data-tablets] .glass-tablet p,[data-tablets] .glass-tablet .preview{color:#c6dbd6}
[data-tablets] .prompt,[data-tablets] .skill-card{margin-bottom:22px}
[data-tablets] .prompt[open],[data-tablets] .skill-card[open]{--tablet-glass:linear-gradient(125deg,#81dedb16,#082831ac 40%,#071c29d4)}
[data-tablets] .prompt>summary,[data-tablets] .skill-card>summary{padding:25px 52px 25px 28px}
[data-tablets] .prompt-body,[data-tablets] .skill-body{margin:0 27px 26px;border-color:var(--tablet-rule)}
[data-tablets] .setup,[data-tablets] .task-workspace,[data-tablets] .template-picker,[data-tablets] .music-template-group,[data-tablets] .creation-options,[data-tablets] .task-direction{background:transparent;border-color:var(--tablet-rule);box-shadow:none}
[data-tablets] .music-template-group[open]{background:#0b293763}
[data-tablets] .music-template-choices button{background:linear-gradient(115deg,#a6eddf12,#2459632b);border-color:var(--tablet-rule);border-radius:3px;color:var(--tablet-ink)}
[data-tablets] .music-template-choices button[aria-pressed=true]{background:#5aab9e36;border-color:var(--tablet-edge)}
[data-tablets] .setup{border-left:2px solid var(--tablet-edge)}
[data-tablets] :is(.task-field textarea,.task-field input,.brief-fields textarea,.brief-fields input,.creation-grid input:not([type=range]),.creation-grid textarea,.mode-field textarea,#creation-lyrics,#music-output,.skill-editor,.themed-select-trigger){background:var(--tablet-field);border-color:var(--tablet-rule);color:var(--tablet-ink);box-shadow:inset 0 1px #d1fff110;border-radius:4px}
[data-tablets] :is(.task-dropzone,.task-output,.skill-document,.music-project-review){background:#04151cc2;border-color:var(--tablet-rule);border-radius:5px;color:var(--tablet-ink)}
[data-tablets] :is(.template-task,.workspace-modes button,.answer-choice){background:linear-gradient(115deg,#a6eddf12,#2459632b);border-color:var(--tablet-rule);border-radius:3px;box-shadow:inset 0 1px #d8fff41c}
[data-tablets] :is(.template-task,.workspace-modes button)[aria-pressed=true]{background:#5aab9e36;border-color:var(--tablet-edge);color:#effff9}
[data-tablets] .glass-tablet:is(.pack-option,.skill-category){padding:22px 24px;--tablet-glass:linear-gradient(125deg,#81dedb12,#08283163 65%,#071c298c)}
[data-tablets] .glass-tablet:is(.pack-option,.skill-category).active{--tablet-glass:linear-gradient(125deg,#81dedb30,#18494590 65%,#082d39b5)}
[data-tablets] .pack-picker,[data-tablets] .skill-categories{gap:18px}
[data-tablets] .glass-tablet .themed-select-menu{background:#0c252d;border-color:#a6eddf99;color:#effaf5;z-index:20}
[data-tablets] .glass-tablet :focus-visible{outline-color:var(--tablet-edge);outline-offset:3px}
[data-theme=light] body[data-tablets]{--tablet-edge:#376f68;--tablet-glass:linear-gradient(125deg,#f4fff0c4,#d6ede4bc 48%,#bfded5ca);--tablet-ink:#173d37;--tablet-field:#f0f8f0d9;--tablet-rule:#537e728c}
[data-theme=light] .collection-scene{background:linear-gradient(#dcece8eb,#dcece8d9),url('/experience/story-galaxy.webp') center/cover}
[data-theme=light] [data-tablets]:not([data-atmosphere]) .topbar{--accent:#246d58;--muted:#415f56;--text:#173d37}
[data-theme=light] [data-tablets]:not([data-atmosphere]) .topbar .brand,[data-theme=light] [data-tablets]:not([data-atmosphere]) .topbar .brand small{color:#173d37;text-shadow:none}
[data-theme=light] [data-tablets] :is(.prompt[open],.skill-card[open]){--tablet-glass:linear-gradient(125deg,#f4fff0e6,#d6ede4e8 48%,#bfded5ef)}
[data-theme=light] [data-tablets] .glass-tablet summary{text-shadow:none}
[data-theme=light] [data-tablets] .glass-tablet p,[data-theme=light] [data-tablets] .glass-tablet .preview{color:#365b51}
[data-theme=light] [data-tablets] :is(.task-dropzone,.task-output,.skill-document,.music-project-review){background:#edf6edd6;color:#173d37}
[data-theme=light] [data-tablets] :is(.template-task,.workspace-modes button)[aria-pressed=true]{background:#83b5a46b;color:#173d37}
[data-theme=light] [data-tablets] .glass-tablet:is(.pack-option,.skill-category){--tablet-glass:linear-gradient(125deg,#f4fff0c4,#d6ede4bc 48%,#bfded5ca)}
[data-theme=light] [data-tablets] .glass-tablet:is(.pack-option,.skill-category).active{--tablet-glass:linear-gradient(125deg,#f4fff0c4,#99c9b8bc 48%,#b4daceca)}
[data-theme=light] [data-tablets] .glass-tablet .themed-select-menu{background:#eef7ef;color:#173d37}
@media(max-width:700px){[data-tablets] .prompt>summary,[data-tablets] .skill-card>summary{padding:22px 46px 22px 20px}[data-tablets] .prompt-body,[data-tablets] .skill-body{margin:0 19px 23px}[data-tablets] .glass-tablet:is(.pack-option,.skill-category){padding:20px}.tablet-frame{filter:none}[data-tablets] .pack-picker,[data-tablets] .skill-categories{gap:14px}}
@media(forced-colors:active){[data-tablets] .glass-tablet{border:1px solid CanvasText!important;background:Canvas!important}.tablet-frame,.collection-scene{display:none}}