.cw-page{--cw-row:44px;--cw-gap:12px;min-width:0;padding:20px 22px 42px;color:var(--ink)}
.cw-page-head{position:sticky;z-index:24;top:0;display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:20px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:17px;background:color-mix(in srgb,var(--card) 88%,transparent);padding:15px 17px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.cw-page-head>div:first-child{min-width:0}.cw-page-head h2{margin:3px 0 4px;font-size:clamp(22px,3vw,31px);letter-spacing:-.035em}.cw-page-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.cw-eyebrow{display:block;color:var(--accent2);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.cw-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;flex-wrap:wrap}.cw-page-actions>button,.cw-space-menu>summary{min-height:42px}
.cw-page-actions button:disabled{opacity:.45;cursor:not-allowed}
.cw-space-menu{position:relative}.cw-space-menu>summary{display:flex;align-items:center;cursor:pointer;list-style:none}.cw-space-menu>summary::-webkit-details-marker{display:none}.cw-space-menu>div{position:absolute;z-index:40;top:calc(100% + 7px);right:0;width:180px;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:6px;box-shadow:var(--shadow-lg)}
.cw-space-menu>div button{display:block;width:100%;min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:8px 10px;font:750 12px inherit;text-align:left;cursor:pointer}.cw-space-menu>div button:hover{background:var(--bg2)}.cw-space-menu>div button.danger{color:#c64b4b}
.cw-layout-note{margin:11px 3px 0;color:var(--muted);font-size:10.5px;font-weight:750}
.cw-grid{position:relative;display:grid;min-width:0;min-height:460px;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--cw-row);gap:var(--cw-gap);margin-top:10px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:18px;background-color:color-mix(in srgb,var(--bg) 30%,transparent);background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px);background-size:8.333333% calc(var(--cw-row) + var(--cw-gap));padding:12px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--card) 35%,transparent);transition:min-height .2s ease}
.cw-widget{--cw-accent:var(--accent);position:relative;display:flex;min-width:0;min-height:0;overflow:hidden;flex-direction:column;border:1px solid color-mix(in srgb,var(--cw-accent) 32%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 87%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 9%,transparent);backdrop-filter:blur(14px);transition:box-shadow .16s,border-color .16s}
.cw-widget::before{display:none!important;content:none!important}
.cw-widget.is-dragging,.cw-widget.is-resizing{z-index:18;border-color:var(--cw-accent);box-shadow:0 20px 48px color-mix(in srgb,var(--cw-accent) 23%,transparent);transform:scale(1.006)}
.cw-widget-head{position:relative;display:flex;min-width:0;align-items:center;gap:9px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--card2) 84%,transparent);padding:9px 9px 8px 11px;flex:none}
.cw-widget-title{display:flex;min-width:0;align-items:center;gap:9px;flex:1}.cw-widget-title>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--cw-accent) 13%,var(--card));color:var(--cw-accent);font-size:17px;font-weight:900;flex:none}.cw-widget-title div{min-width:0}.cw-widget-title h3{margin:0;overflow:hidden;font-size:13px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.cw-widget-title small{display:block;margin-top:2px;color:var(--muted);font-size:8.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.cw-widget-actions{display:flex;gap:3px;flex:none}.cw-icon-button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 17px/1 inherit;cursor:pointer}.cw-icon-button:hover{background:var(--bg2);color:var(--ink)}
.cw-move-handle{display:none;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--cw-accent) 32%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--cw-accent) 9%,var(--card));color:var(--cw-accent);font:900 20px/1 sans-serif;cursor:grab;touch-action:none;flex:none}.cw-move-handle:active{cursor:grabbing}
.cw-resize-handle{position:absolute;z-index:7;right:4px;bottom:4px;display:none;width:34px;height:34px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.cw-resize-handle::before{position:absolute;right:5px;bottom:5px;width:14px;height:14px;border-right:3px solid var(--cw-accent);border-bottom:3px solid var(--cw-accent);border-radius:0 0 3px;content:"";opacity:.82}
.cw-page.is-arranging .cw-move-handle{display:grid}.cw-page.is-arranging .cw-resize-handle{display:block}.cw-page.is-arranging .cw-widget-body{pointer-events:none;user-select:none}.cw-page.is-arranging .cw-widget{overflow:visible}
.cw-widget-body{min-width:0;min-height:0;overflow:auto;flex:1;padding:13px;overscroll-behavior:contain;scrollbar-gutter:stable}
.cw-inline-form,.cw-reference-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-bottom:11px}.cw-inline-form input,.cw-inline-form select,.cw-reference-form input,.cw-field input,.cw-field select{min-width:0;min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);padding:8px 10px;font:12px inherit;outline:none}.cw-inline-form input:focus,.cw-inline-form select:focus,.cw-reference-form input:focus,.cw-field input:focus,.cw-field select:focus{border-color:var(--cw-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent,var(--accent)) 12%,transparent)}
.cw-add-button{display:grid;width:40px;min-height:40px;place-items:center;border:0;border-radius:9px;background:var(--cw-accent);color:#fff;font:900 19px/1 inherit;cursor:pointer}
.cw-progress{margin-bottom:10px}.cw-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;font-weight:800}.cw-progress-track{height:7px;margin-top:5px;overflow:hidden;border-radius:999px;background:var(--bg2)}.cw-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cw-accent),color-mix(in srgb,var(--cw-accent) 65%,#fff));transition:width .3s ease}
.cw-task-group{margin-top:10px}.cw-task-group h4{margin:0 0 5px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cw-task{display:flex;min-width:0;align-items:center;gap:5px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);padding:7px 1px}.cw-task:first-child{border-top:0}.cw-task label{display:flex;min-width:0;align-items:center;gap:8px;flex:1;color:var(--ink);font-size:11.5px;cursor:pointer}.cw-task input{width:18px;height:18px;accent-color:var(--cw-accent);flex:none}.cw-task label span{min-width:0;overflow-wrap:anywhere}.cw-task>button,.cw-reference>button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);font:800 16px inherit;cursor:pointer;flex:none}.cw-task>button:hover,.cw-reference>button:hover{background:color-mix(in srgb,#d9534f 10%,transparent);color:#c64b4b}.cw-task.is-done label span{text-decoration:line-through;opacity:.55}.cw-task.is-celebrating{animation:cw-complete .62s ease}@keyframes cw-complete{0%{background:transparent}30%{background:color-mix(in srgb,var(--cw-accent) 22%,transparent);transform:scale(1.02)}100%{background:transparent;transform:none}}
.cw-widget-empty{border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg2) 55%,transparent);color:var(--muted);padding:12px;font-size:10.5px;line-height:1.5;text-align:center}
.cw-notes{width:100%;height:calc(100% - 22px);min-height:120px;border:0;background:transparent;color:var(--ink);padding:2px;font:13px/1.65 inherit;resize:none;outline:none}.cw-notes-small{font-size:11.5px}.cw-notes-large{font-size:16px}.cw-save-note{display:block;color:var(--muted2);font-size:9px;text-align:right}
.cw-timer{display:flex;min-height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center}.cw-mode-switch{display:grid;width:min(260px,100%);grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:3px}.cw-mode-switch button{min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:850 10px inherit;cursor:pointer}.cw-mode-switch button.active{background:var(--card);color:var(--cw-accent);box-shadow:0 2px 7px color-mix(in srgb,var(--ink) 10%,transparent)}.cw-timer output{display:block;margin:13px 0 11px;color:var(--ink);font-size:clamp(36px,5vw,60px);font-weight:950;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.cw-timer-actions{display:flex;justify-content:center;gap:7px}.cw-timer-actions button{min-width:86px}
.cw-sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cw-sound-grid button{display:flex;min-height:48px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card2) 84%,transparent);color:var(--muted);padding:8px 10px;font:800 10.5px inherit;cursor:pointer}.cw-sound-grid button span{font-size:18px}.cw-sound-grid button.active{border-color:color-mix(in srgb,var(--cw-accent) 50%,var(--line));background:color-mix(in srgb,var(--cw-accent) 13%,var(--card));color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--cw-accent) 8%,transparent)}
.cw-range{display:block;margin-top:12px}.cw-range>span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9.5px;font-weight:800}.cw-range input{width:100%;min-height:32px;margin:2px 0 0;accent-color:var(--cw-accent);cursor:pointer}.cw-widget-help{margin:2px 0 0;color:var(--muted2);font-size:9px;line-height:1.45}
.cw-radio-art{display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--cw-accent) 22%,var(--line));border-radius:13px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--cw-accent) 17%,transparent),transparent 46%),var(--card2);padding:11px}.cw-radio-art>span{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:var(--cw-accent);color:#fff;font-size:22px;box-shadow:0 5px 16px color-mix(in srgb,var(--cw-accent) 28%,transparent)}.cw-radio-art div{min-width:0}.cw-radio-art strong,.cw-radio-art small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-radio-art strong{font-size:12.5px}.cw-radio-art small{margin-top:3px;color:var(--muted);font-size:9px}.cw-radio-controls{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap}.cw-radio-status{min-width:0;overflow:hidden;color:var(--muted);font-size:9.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.cw-reference-form{grid-template-columns:minmax(100px,.7fr) minmax(130px,1.2fr) auto}.cw-reference-list{display:flex;flex-direction:column;gap:6px}.cw-reference{display:flex;min-width:0;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:10px;background:color-mix(in srgb,var(--card2) 80%,transparent);padding:7px 7px 7px 10px}.cw-reference a{min-width:0;flex:1;color:var(--ink);text-decoration:none}.cw-reference strong,.cw-reference small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-reference strong{font-size:11px}.cw-reference small{margin-top:2px;color:var(--muted);font-size:8.5px}.cw-reference-list.compact .cw-reference{padding-block:4px}.cw-reference-list.compact .cw-reference small{display:none}
.cw-empty-canvas{position:absolute;top:50%;left:50%;width:min(430px,calc(100% - 30px));transform:translate(-50%,-50%);border:1px dashed var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 76%,transparent);padding:30px;text-align:center;backdrop-filter:blur(12px)}.cw-empty-canvas>span{display:grid;width:50px;height:50px;margin:0 auto 12px;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:26px}.cw-empty-canvas .cw-empty-rocket svg{width:28px;height:28px}.cw-empty-canvas h3{margin:0 0 6px}.cw-empty-canvas p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.cw-dialog{width:min(760px,calc(100% - 28px));max-height:min(760px,calc(100dvh - 30px));overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);padding:0;box-shadow:0 28px 80px rgba(0,0,0,.32)}.cw-dialog::backdrop{background:rgba(3,6,13,.76);backdrop-filter:blur(4px) saturate(.72)}.cw-dialog-card{display:block;margin:0;padding:20px}.cw-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.cw-dialog-head h2{margin:4px 0 0;font-size:23px;letter-spacing:-.03em}.cw-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.cw-dialog-help{margin:8px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}
.cw-library{display:flex;flex-direction:column;gap:17px}.cw-library section h3{margin:0 0 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.cw-library section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cw-library button{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card2);color:var(--ink);padding:11px;text-align:left;cursor:pointer}.cw-library button:hover{border-color:var(--accent);background:var(--accent-soft)}.cw-library button>span{grid-row:1/3;display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:var(--card);color:var(--accent);font-size:21px}.cw-library button strong{font-size:12px}.cw-library button small{overflow:hidden;color:var(--muted);font-size:9.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cw-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:11px}.cw-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--ink);font-size:10.5px;font-weight:850}.cw-field input[type=color]{width:100%;padding:4px}.cw-check{display:flex;min-height:42px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:8px 10px;color:var(--ink);font-size:10.5px;font-weight:750}.cw-check input{width:18px;height:18px;accent-color:var(--accent)}
.cw-name-dialog{width:min(430px,calc(100% - 28px))}
.cw-widget :is(button,input,select,textarea,.cw-move-handle,.cw-resize-handle):focus-visible,.cw-page-actions :is(button,summary):focus-visible,.cw-dialog :is(button,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--cw-accent,var(--accent)) 55%,transparent);outline-offset:2px}
@media(min-width:901px) and (max-width:1100px){.cw-page{padding-inline:15px}.cw-page-head{position:relative;flex-direction:column}.cw-page-actions{width:100%;justify-content:flex-start}.cw-grid{grid-auto-rows:40px}.cw-inline-form{grid-template-columns:minmax(0,1fr) auto}.cw-inline-form select{grid-row:2;grid-column:1/-1}.cw-reference-form{grid-template-columns:1fr auto}.cw-reference-form input[name=url]{grid-row:2;grid-column:1/-1}}
@media(max-width:540px){.cw-page-actions>button,.cw-page-actions details{flex:1}.cw-page-actions>button,.cw-page-actions summary{width:100%;justify-content:center}.cw-library section>div{grid-template-columns:1fr}.cw-dialog-card{padding:15px}.cw-reference-form{grid-template-columns:1fr auto}.cw-sound-grid{grid-template-columns:1fr 1fr}.cw-radio-controls button{flex:1}}
@media(prefers-reduced-motion:reduce){.cw-widget,.cw-progress-track span{transition:none}.cw-task.is-celebrating{animation:none}}

/* Digital desk shell: library / canvas / workspace settings */
.cw-page.cw-shell{--cw-library:252px;--cw-inspector:282px;display:grid;width:100%;height:100dvh;min-height:560px;grid-template-columns:var(--cw-library) minmax(0,1fr) var(--cw-inspector);padding:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 82%,transparent);transition:grid-template-columns .22s ease}
.cw-page.cw-shell.library-collapsed{--cw-library:0px}.cw-page.cw-shell.settings-collapsed{--cw-inspector:0px}
.cw-library-panel,.cw-workspace-panel{position:relative;z-index:32;display:flex;min-width:0;min-height:0;overflow:hidden;flex-direction:column;border-color:var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(20px);transition:opacity .18s ease,visibility .18s ease}
.cw-library-panel{border-right:1px solid var(--line)}.cw-workspace-panel{border-left:1px solid var(--line)}
.library-collapsed .cw-library-panel,.settings-collapsed .cw-workspace-panel{visibility:hidden;opacity:0;pointer-events:none}
.cw-side-head{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 12px;flex:none}.cw-side-head h2{margin:3px 0 0;font-size:17px}.cw-side-head .cw-icon-button{flex:none}
.cw-workspace-brand{display:flex;min-width:0;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left;text-decoration:none;cursor:pointer}.cw-workspace-brand>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--grad);color:#fff;font-size:20px;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.cw-workspace-brand>span:last-child{min-width:0}.cw-workspace-brand b,.cw-workspace-brand small{display:block}.cw-workspace-brand b{font-size:12px}.cw-workspace-brand small{margin-top:3px;color:var(--muted);font-size:8.5px;text-transform:uppercase;letter-spacing:.05em}.cw-public-exit{text-decoration:none}
.cw-side-title{padding:14px 14px 8px;flex:none}.cw-side-title p{margin:5px 0 0;color:var(--muted);font-size:9.5px;line-height:1.45}
.cw-library-search{position:relative;margin:4px 12px 10px;flex:none}.cw-library-search>span{position:absolute;top:50%;left:11px;transform:translateY(-50%);color:var(--muted);font-size:17px;pointer-events:none}.cw-library-search input{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--card2);color:var(--ink);padding:0 11px 0 36px;font:12px inherit;outline:none}.cw-library-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.cw-library{display:block;min-height:0;overflow:auto;padding:0 10px 20px;overscroll-behavior:contain}.cw-library-category{margin-bottom:7px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-bottom:7px}.cw-library-category>summary{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;list-style:none}.cw-library-category>summary::-webkit-details-marker{display:none}.cw-library-category>summary::after{content:"⌄";font-size:14px;transition:transform .15s}.cw-library-category:not([open])>summary::after{transform:rotate(-90deg)}.cw-library-category>summary b{margin-left:auto;border-radius:999px;background:var(--bg2);padding:3px 6px;color:var(--muted);font-size:8px}.cw-library-category>div{display:flex;flex-direction:column;gap:7px}
.cw-library-item{display:grid;min-width:0;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card2) 88%,transparent);padding:7px;cursor:grab;transition:transform .14s,border-color .14s,box-shadow .14s}.cw-library-item:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 7px 18px color-mix(in srgb,var(--ink) 8%,transparent);transform:translateY(-1px)}.cw-library-item.is-dragging{opacity:.55}.cw-library-item[hidden]{display:none}.cw-library-copy{min-width:0}.cw-library-copy strong,.cw-library-copy small{display:block}.cw-library-copy strong{font-size:10.5px}.cw-library-copy small{display:-webkit-box;margin-top:3px;overflow:hidden;color:var(--muted);font-size:8.5px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cw-library-item>button{min-height:34px;border:0;border-radius:8px;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 78%,var(--ink));padding:7px 8px;font:850 9px inherit;cursor:pointer}.cw-library-empty{margin:18px 6px;color:var(--muted);font-size:10px;text-align:center}
.cw-widget-preview{position:relative;display:flex;width:56px;height:46px;overflow:hidden;align-items:center;justify-content:center;gap:3px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:9px;background:linear-gradient(145deg,var(--card),var(--bg2));color:var(--accent);padding:6px}.cw-widget-preview i{display:block;height:4px;border-radius:99px;background:color-mix(in srgb,var(--accent) 34%,var(--line));flex:1}.cw-preview-notes,.cw-preview-todo{align-items:flex-start;flex-direction:column}.cw-preview-todo i::before{display:inline-block;width:4px;height:4px;margin-right:4px;border:1px solid var(--accent);content:""}.cw-preview-timer{flex-direction:column}.cw-preview-clock{font-size:13px;font-weight:950;font-variant-numeric:tabular-nums}.cw-preview-timer i{width:34px;height:3px;flex:none}.cw-preview-ambient b{font-size:14px}.cw-preview-radio{gap:7px}.cw-preview-radio b{font-size:19px}.cw-preview-radio i{max-width:22px}.cw-preview-references{flex-direction:column}.cw-preview-references b{position:absolute;right:5px;bottom:3px;font-size:10px}
.cw-stage{position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.cw-stage .cw-page-head{position:relative;top:auto;border-width:0 0 1px;border-radius:0;background:color-mix(in srgb,var(--card) 86%,transparent);padding:11px 14px;box-shadow:none}.cw-page-identity{display:flex;min-width:0;align-items:center;gap:10px}.cw-page-identity h2{font-size:20px}.cw-page-identity p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-stage-panel-buttons{display:flex}.cw-layout-note{margin:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--card2) 62%,transparent);padding:7px 14px;font-size:9px}.cw-canvas-wrap{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px}.cw-stage .cw-grid{min-height:calc(100% - 2px);margin:0;background-color:var(--cw-page-colour);background-image:var(--cw-page-image),radial-gradient(circle,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1.4px);background-position:center,0 0;background-size:cover,24px 24px;background-blend-mode:soft-light,normal;transition:border-color .15s,box-shadow .15s}.cw-grid.is-drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}
.cw-page[data-canvas-border=false] .cw-stage .cw-grid{border-color:transparent!important}
.cw-page[data-grid-size=small]{--cw-row:36px;--cw-gap:8px}.cw-page[data-grid-size=medium]{--cw-row:44px;--cw-gap:12px}.cw-page[data-grid-size=large]{--cw-row:54px;--cw-gap:16px}.cw-page[data-grid-style=hidden] .cw-grid,.cw-page.grid-snap-off .cw-grid{background-image:var(--cw-page-image)}.cw-page[data-grid-style=squares] .cw-grid{background-image:var(--cw-page-image),linear-gradient(to right,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px);background-size:cover,8.333333% calc(var(--cw-row) + var(--cw-gap)),8.333333% calc(var(--cw-row) + var(--cw-gap))}.cw-page[data-grid-style=graph] .cw-grid{background-image:var(--cw-page-image),linear-gradient(to right,color-mix(in srgb,var(--accent) 18%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--accent) 18%,transparent) 1px,transparent 1px);background-size:cover,24px 24px,24px 24px}
.cw-grid[data-pattern=dots]{background-image:var(--cw-page-image),radial-gradient(circle,color-mix(in srgb,var(--accent2) 28%,transparent) 1.2px,transparent 1.5px);background-size:cover,20px 20px}.cw-grid[data-pattern=paper]{background-image:var(--cw-page-image),repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--accent) 16%,transparent) 28px 29px);background-size:cover,100% 29px}.cw-grid[data-pattern=waves]{background-image:var(--cw-page-image),radial-gradient(ellipse at 0 100%,transparent 22px,color-mix(in srgb,var(--accent2) 13%,transparent) 23px 25px,transparent 26px);background-size:cover,54px 34px}
.cw-page-navigation{display:flex;min-height:58px;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);padding:8px 12px;backdrop-filter:blur(18px)}.cw-page-navigation>button,.cw-page-menu>summary{display:grid;min-width:40px;min-height:40px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);padding:7px 10px;font:850 11px inherit;cursor:pointer}.cw-page-navigation>button:disabled{opacity:.4}.cw-page-navigation>div{min-width:120px;text-align:center}.cw-page-navigation strong,.cw-page-navigation span{display:block}.cw-page-navigation strong{font-size:11.5px}.cw-page-navigation span{margin-top:2px;color:var(--muted);font-size:8.5px}.cw-page-menu{position:relative}.cw-page-menu>summary{list-style:none}.cw-page-menu>summary::-webkit-details-marker{display:none}.cw-page-menu>div{position:absolute;z-index:40;right:0;bottom:calc(100% + 7px);width:170px;border:1px solid var(--line);border-radius:11px;background:var(--card);padding:5px;box-shadow:var(--shadow-lg)}.cw-page-menu button{display:block;width:100%;min-height:36px;border:0;border-radius:7px;background:transparent;color:var(--ink);padding:7px 9px;font:750 10px inherit;text-align:left;cursor:pointer}.cw-page-menu button:hover{background:var(--bg2)}.cw-page-menu .danger{color:#c64b4b}
.cw-inspector-scroll{min-height:0;overflow:auto;padding:4px 12px 24px;overscroll-behavior:contain}.cw-inspector-section{border-bottom:1px solid var(--line);padding:13px 1px}.cw-inspector-section:last-child{border-bottom:0}.cw-inspector-section h3{margin:0 0 10px;color:var(--muted);font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cw-inspector-section .cw-field{margin-top:9px}.cw-setting-row{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);padding:8px 1px;color:var(--ink);cursor:pointer}.cw-setting-row:first-of-type{border-top:0}.cw-setting-row>span{min-width:0}.cw-setting-row b,.cw-setting-row small{display:block}.cw-setting-row b{font-size:10.5px}.cw-setting-row small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}.cw-setting-row input{width:34px;height:19px;accent-color:var(--accent);flex:none}.cw-inspector-section .cw-field select,.cw-inspector-section .cw-field input{min-height:38px}
.cw-widget{background:color-mix(in srgb,var(--cw-widget-custom-bg,var(--card)) 87%,transparent);color:var(--cw-widget-custom-text,var(--ink))}.cw-widget-title h3,.cw-widget-body{color:var(--cw-widget-custom-text,var(--ink))}.cw-page[data-radius=square] .cw-widget{border-radius:2px}.cw-page[data-radius=round] .cw-widget{border-radius:24px}.cw-page[data-shadow=none] .cw-widget{box-shadow:none}.cw-page[data-shadow=strong] .cw-widget{box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 19%,transparent)}.cw-page[data-density=compact] .cw-widget-body{padding:9px}.cw-page[data-density=roomy] .cw-widget-body{padding:18px}
.cw-page[data-workspace-theme=pastel] .cw-widget{--cw-accent:#e06ca9;background:color-mix(in srgb,#fff3f8 90%,transparent)}.cw-page[data-workspace-theme=dark-studio]{--ink:#edf3ef;--muted:#a9b6af;--card:#202a25;--card2:#26332c;--line:#384840}.cw-page[data-workspace-theme=nature] .cw-widget{border-radius:20px 6px 20px 6px}.cw-page[data-workspace-theme=retro] .cw-widget{border-radius:2px;box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 24%,transparent)}.cw-page[data-workspace-theme=minimal] .cw-widget{box-shadow:none;border-color:var(--line)}
.cw-skin-notebook .cw-widget-body{background:repeating-linear-gradient(to bottom,transparent 0 25px,color-mix(in srgb,var(--cw-accent) 14%,transparent) 26px 27px)}.cw-skin-lofi::after{position:absolute;right:8px;bottom:7px;color:color-mix(in srgb,var(--cw-accent) 42%,transparent);content:"♪";font-size:28px;pointer-events:none}.cw-skin-night-sky .cw-widget-body{background:radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--cw-accent) 32%,transparent),transparent 30%),color-mix(in srgb,#17243b 88%,var(--card));color:#edf4ff}.cw-skin-retro{border-width:2px;border-radius:3px!important}.cw-skin-pastel{background:color-mix(in srgb,var(--cw-accent) 10%,var(--card))}
.cw-settings-dialog{width:min(980px,calc(100% - 30px));height:min(820px,calc(100dvh - 30px));max-height:none}.cw-settings-shell{min-height:100%;padding:0}.cw-settings-shell>.cw-dialog-head{position:sticky;z-index:4;top:0;margin:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);padding:20px 22px;backdrop-filter:blur(16px)}.cw-settings-shell>.cw-dialog-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.cw-settings-section{margin:0 22px;border-bottom:1px solid var(--line);padding:20px 0}.cw-settings-section h3{margin:4px 0 14px;font-size:16px}.cw-duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cw-settings-shell>.cw-dialog-actions{position:sticky;bottom:0;margin:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);padding:14px 22px;backdrop-filter:blur(16px)}
@media(max-width:1180px){.cw-page.cw-shell{--cw-library:220px;--cw-inspector:250px}.cw-library-item{grid-template-columns:46px minmax(0,1fr) auto}.cw-widget-preview{width:46px}.cw-library-copy small{display:none}}
@media(max-width:560px){.cw-stage .cw-page-head{padding:10px}.cw-page-identity p{display:none}.cw-page-navigation{justify-content:flex-start;overflow-x:auto}.cw-page-navigation>div{min-width:100px}.cw-duration-grid{grid-template-columns:1fr}.cw-settings-section{margin-inline:15px}.cw-settings-shell>.cw-dialog-head,.cw-settings-shell>.cw-dialog-actions{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.cw-page.cw-shell,.cw-library-panel,.cw-workspace-panel,.cw-library-item{transition:none!important}}

/* Compact cosy workspace interaction */
.cw-page.cw-shell{--cw-row:38px;--cw-gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg) 92%,#fff7ed),color-mix(in srgb,var(--bg2) 90%,transparent));font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.cw-page[data-grid-size=small]{--cw-row:32px;--cw-gap:8px}.cw-page[data-grid-size=medium]{--cw-row:38px;--cw-gap:10px}.cw-page[data-grid-size=large]{--cw-row:46px;--cw-gap:12px}
.cw-page[data-workspace-theme=cosy]{--bg:#faf5e9;--bg2:#f4ecd8;--card:#fffdf6;--card2:#f8f1de;--ink:#22314f;--muted:#4d5a7d;--muted2:#8a93ad;--line:#e2d6ba;--accent2:#2d4f9b}
.cw-page[data-workspace-theme=dark-studio]{--bg:#080d19;--bg2:#101727;--card:#111827;--card2:#172033;--ink:#f3f5ff;--muted:#aab2ca;--muted2:#76819e;--line:#26334e;--accent2:#58d3c4;color-scheme:dark;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),#080d19}
.cw-page[data-workspace-theme=dark-studio] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#0b1220 92%,transparent)}
/* Theme skins: token sets + canvas decoration only. Widget architecture never
   changes per theme — the neutral widget system re-skins through these vars. */
.cw-page[data-workspace-theme=forest]{--bg:#eef0e2;--bg2:#e4e8d4;--card:#fdfcf2;--card2:#f3f4e4;--ink:#39441f;--muted:#6d7750;--muted2:#9aa184;--line:#d5d9ba;--accent2:#577a34}
.cw-page[data-workspace-theme=forest] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#eef0e2 94%,transparent)}
.cw-page[data-workspace-theme=forest] .cw-canvas-wrap{background:linear-gradient(180deg,transparent 62%,color-mix(in srgb,#577a34 12%,transparent)),radial-gradient(ellipse 60% 18% at 50% 108%,color-mix(in srgb,#577a34 22%,transparent),transparent)}
.cw-page[data-workspace-theme=aquatic]{--bg:#07303f;--bg2:#0a3c4e;--card:#0c4758;--card2:#105268;--ink:#e3f6fa;--muted:#93ceda;--muted2:#5d97a6;--line:#176378;--accent2:#2dd4bf;color-scheme:dark}
.cw-page[data-workspace-theme=aquatic] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#062839 92%,transparent)}
.cw-page[data-workspace-theme=aquatic] .cw-canvas-wrap{background:radial-gradient(ellipse 90% 24% at 50% 116%,color-mix(in srgb,#2dd4bf 20%,transparent),transparent),linear-gradient(180deg,transparent 70%,color-mix(in srgb,#2dd4bf 7%,transparent))}
.cw-page[data-workspace-theme=space]{--bg:#0a0618;--bg2:#120c28;--card:#170f33;--card2:#1f1647;--ink:#ece7ff;--muted:#ab9fd6;--muted2:#71639e;--line:#2e2160;--accent2:#8b5cf6;color-scheme:dark}
.cw-page[data-workspace-theme=space] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#0c0820 92%,transparent)}
.cw-page[data-workspace-theme=space] .cw-canvas-wrap{background:radial-gradient(ellipse 70% 20% at 50% 118%,color-mix(in srgb,#8b5cf6 26%,transparent),transparent),radial-gradient(1.5px 1.5px at 22% 28%,#fff8,transparent),radial-gradient(1.5px 1.5px at 68% 14%,#fff6,transparent),radial-gradient(1px 1px at 84% 44%,#fff5,transparent),radial-gradient(1px 1px at 40% 62%,#fff4,transparent),radial-gradient(1.5px 1.5px at 12% 74%,#fff4,transparent)}
.cw-page[data-workspace-theme=retro]{--bg:#0c0c1d;--bg2:#14142a;--card:#171732;--card2:#1f1f42;--ink:#e9e9ff;--muted:#9c9ccb;--muted2:#6868a0;--line:#303058;--accent2:#22c55e;color-scheme:dark}
.cw-page[data-workspace-theme=retro] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#0a0a18 92%,transparent)}
.cw-page[data-workspace-theme=retro] .cw-canvas-wrap{background:linear-gradient(color-mix(in srgb,#ec4899 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#ec4899 4%,transparent) 1px,transparent 1px);background-size:22px 22px}
.cw-page[data-workspace-theme=popart]{--bg:#fdf6e0;--bg2:#faeecc;--card:#fffef6;--card2:#fff3d4;--ink:#151310;--muted:#4c463c;--muted2:#8a8272;--line:#151310;--accent2:#2563eb}
.cw-page[data-workspace-theme=popart] :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-page-navigation){background:color-mix(in srgb,#fdf6e0 94%,transparent)}
.cw-page[data-workspace-theme=popart] .cw-widget{border-width:2px;border-color:#151310;box-shadow:5px 5px 0 rgba(21,19,16,.9)}
.cw-page[data-workspace-theme=popart] .cw-canvas-wrap{background:radial-gradient(circle,color-mix(in srgb,#e11d48 14%,transparent) 1.6px,transparent 2px);background-size:16px 16px}
.cw-editable-heading{min-width:0}.cw-editable-heading :is(h2,p){border-radius:6px;outline:none}.cw-editable-heading :is(h2,p):hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.cw-editable-heading :is(h2,p):focus{background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.cw-library-category{--category:#77849b}.cw-library-category[data-category=productivity]{--category:#6578ee}.cw-library-category[data-category=creative]{--category:#dc6dad}.cw-library-category[data-category=wellness]{--category:#de9a45}.cw-library-category[data-category=study]{--category:#44b7ae}.cw-library-category[data-category=finance]{--category:#6fad67}.cw-library-category[data-category=home-family]{--category:#c77958}.cw-library-category[data-category=utilities]{--category:#6c8eaf}.cw-library-category[data-category=fun]{--category:#9d6cdb}
.cw-library-category>summary{border-radius:10px;padding:0 7px;color:var(--ink)}.cw-library-category>summary::before{width:24px;height:24px;border-radius:7px;background:color-mix(in srgb,var(--category) 17%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category) 24%,transparent);content:""}.cw-library-category>summary span{color:var(--category)}.cw-library-category>summary b{background:color-mix(in srgb,var(--category) 13%,var(--card));color:var(--category)}.cw-library-item:hover{border-color:var(--category)}.cw-library-item:hover .cw-widget-preview{color:var(--category)}
.cw-accent-swatches{display:flex;gap:8px;margin:9px 0;flex-wrap:wrap}.cw-accent-swatches button{width:28px;height:28px;border:3px solid var(--card);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line);cursor:pointer}.cw-accent-swatches button.active{box-shadow:0 0 0 2px var(--ink)}
.cw-canvas-wrap{overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable;padding:10px}.cw-stage .cw-grid{background-blend-mode:normal,normal;background-position:center;background-repeat:no-repeat,repeat;transition:transform .34s cubic-bezier(.22,.8,.22,1),opacity .34s ease}.cw-stage .cw-grid.page-slide-left{animation:cw-page-left .34s cubic-bezier(.22,.8,.22,1)}.cw-stage .cw-grid.page-slide-right{animation:cw-page-right .34s cubic-bezier(.22,.8,.22,1)}
@keyframes cw-page-left{0%{opacity:.25;transform:translateX(42px)}100%{opacity:1;transform:none}}@keyframes cw-page-right{0%{opacity:.25;transform:translateX(-42px)}100%{opacity:1;transform:none}}
.cw-widget{border-radius:14px;background:color-mix(in srgb,var(--cw-widget-custom-bg,var(--card)) 94%,transparent);box-shadow:0 7px 20px color-mix(in srgb,var(--ink) 8%,transparent)}.cw-widget-head{min-height:48px;padding:6px 7px;cursor:grab}.cw-widget-head:active{cursor:grabbing}.cw-widget-actions{opacity:.72;transition:opacity .15s}.cw-widget:hover .cw-widget-actions{opacity:1}.cw-widget-actions .cw-icon-button{width:29px;height:29px;font-size:12px}.cw-widget-actions [data-widget-open]{font-size:9px;letter-spacing:-1px}.cw-widget-body{padding:9px;overscroll-behavior:auto;scrollbar-gutter:auto}.cw-move-handle{display:grid;width:30px;height:30px;border:0;background:transparent;font-size:17px}.cw-resize-handle{display:block;opacity:.22}.cw-widget:hover .cw-resize-handle,.cw-resize-handle:focus-visible,.cw-page.is-arranging .cw-resize-handle{opacity:1}.cw-page.is-arranging .cw-widget{outline:1px dashed color-mix(in srgb,var(--cw-accent) 55%,transparent);outline-offset:3px}.cw-page.is-arranging .cw-widget-body{pointer-events:auto;user-select:auto}
.cw-note-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:5px}.cw-note-tabs button{min-width:max-content;border:1px solid var(--line);border-radius:7px;background:var(--card2);color:var(--muted);padding:5px 8px;font:750 9px inherit;cursor:pointer}.cw-note-tabs button[aria-selected=true]{border-color:color-mix(in srgb,var(--cw-accent) 45%,var(--line));background:color-mix(in srgb,var(--cw-accent) 12%,var(--card));color:var(--ink)}.cw-note-page{display:flex;min-height:0;height:calc(100% - 54px);flex-direction:column}.cw-note-title{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 2px;font:850 13px inherit;outline:none}.cw-notes{height:auto;min-height:72px;flex:1}.cw-note-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.cw-note-foot button{border:0;background:transparent;color:var(--muted);font:750 8px inherit;cursor:pointer}
.cw-dialog{inset:0;margin:auto}.cw-settings-dialog{width:min(720px,calc(100% - 28px));height:auto;max-height:min(760px,86dvh)}.cw-settings-shell{min-height:0;max-height:min(760px,86dvh);overflow:auto}.cw-settings-shell>.cw-dialog-head,.cw-settings-shell>.cw-dialog-actions{background:var(--card)}.cw-hex-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}.cw-colour-picker{width:100%!important;height:34px!important;min-height:34px!important;padding:3px!important}
.cw-widget-app-dialog{width:min(1040px,calc(100% - 32px));height:min(840px,92dvh);max-height:92dvh;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--card)}.cw-widget-app-dialog::backdrop{background:rgba(7,10,17,.7);backdrop-filter:blur(7px)}.cw-widget-app{display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);color:var(--ink);background:var(--card)}.cw-widget-app-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 14px}.cw-widget-app-head>div:last-child{display:flex;align-items:center;gap:6px}.cw-widget-app-head [data-dialog-close]{width:auto;padding-inline:10px}.cw-widget-app-head h2{margin:1px 0 0;font-size:18px}.cw-widget-app-body{display:grid;min-height:0;overflow:auto;grid-template-rows:minmax(min-content,1fr) auto;padding:18px;overscroll-behavior:auto}.cw-widget-app-body .cw-notes{min-height:340px}.cw-widget-app-body .cw-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cw-sound-grid button img{width:28px;height:28px;border-radius:7px;object-fit:cover}.cw-radio-art>img{width:52px;height:52px;border-radius:10px;object-fit:cover;box-shadow:0 5px 16px color-mix(in srgb,var(--cw-accent) 20%,transparent)}.cw-track-select{width:100%;min-height:34px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:5px 8px;font:750 10px inherit}.cw-compact-prompt{width:100%;margin-top:10px;border:1px dashed color-mix(in srgb,var(--cw-accent) 40%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--cw-accent) 8%,transparent);color:var(--muted);padding:16px 8px;font:750 10px inherit;cursor:pointer}.cw-widget-app-body .cw-compact-prompt{display:none}
.cw-canvas-wrap{background-color:var(--cw-page-colour,var(--bg));background-image:var(--cw-page-image,none);background-position:center;background-size:cover;background-repeat:no-repeat}.cw-stage .cw-grid{height:100%;min-height:620px;background-color:transparent!important;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent2) 30%,transparent) 1px,transparent 1.4px)!important;background-size:20px 20px!important;background-repeat:repeat!important}.cw-page[data-grid-style=hidden] .cw-grid{background-image:none!important}.cw-page[data-grid-style=squares] .cw-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px)!important;background-size:8.333333% 40px,8.333333% 40px!important}.cw-page[data-grid-style=graph] .cw-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--accent) 18%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--accent) 18%,transparent) 1px,transparent 1px)!important;background-size:20px 20px!important}.cw-grid[data-pattern=paper]{background-image:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--accent) 16%,transparent) 28px 29px)!important;background-size:100% 29px!important}.cw-grid[data-pattern=waves]{background-image:radial-gradient(ellipse at 0 100%,transparent 22px,color-mix(in srgb,var(--accent2) 13%,transparent) 23px 25px,transparent 26px)!important;background-size:54px 34px!important}
.cw-page:not(.is-arranging) .cw-move-handle{display:none}.cw-page.is-arranging .cw-move-handle{display:grid}
.cw-calendar-head{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:4px;margin-bottom:5px}.cw-calendar-head strong{text-align:center;font-size:10px}.cw-calendar-head button,.cw-calendar-grid button{border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.cw-calendar-head button{height:28px;font-size:18px}.cw-calendar-week,.cw-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cw-calendar-week{margin-bottom:2px;color:var(--muted2);font-size:7px;font-weight:850}.cw-calendar-grid button{position:relative;min-height:21px;padding:1px;font:750 8px inherit}.cw-calendar-grid button:hover{background:var(--bg2);color:var(--ink)}.cw-calendar-grid button.today{background:var(--accent);color:#fff}.cw-calendar-grid button.has-event::after{position:absolute;right:2px;bottom:2px;width:3px;height:3px;border-radius:50%;background:var(--accent2);content:""}
.cw-mini-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:850}.cw-habit-list,.cw-goal-list,.cw-quicklinks{display:flex;flex-direction:column;gap:4px;margin-top:6px}.cw-habit-row,.cw-goal-list>div,.cw-quicklinks>div{display:flex;min-width:0;align-items:center;gap:4px;border-radius:7px;background:color-mix(in srgb,var(--card2) 82%,transparent);padding:5px 6px}.cw-habit-row label,.cw-goal-list label{display:flex;min-width:0;align-items:center;gap:6px;flex:1;font-size:8.5px}.cw-habit-row input,.cw-goal-list input{width:14px;height:14px;accent-color:var(--cw-accent)}.cw-habit-row button,.cw-goal-list button,.cw-quicklinks>div>button{border:0;background:transparent;color:var(--muted2);cursor:pointer}.cw-mini-form{display:grid;grid-template-columns:1fr 30px;gap:4px;margin-top:7px}.cw-mini-form input{min-width:0;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--card2);color:var(--ink);padding:5px 7px;font:9px inherit}.cw-mini-form button{border:0;border-radius:7px;background:var(--cw-accent);color:#fff;font-weight:900}.cw-link-form{grid-template-columns:1fr 1fr 30px}.cw-widget-app-body .cw-mini-form{display:grid}
.cw-weather-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.cw-weather-main>div{display:flex;align-items:baseline;gap:8px}.cw-weather-main strong{font-size:31px;letter-spacing:-.05em}.cw-weather-main span{color:var(--muted);font-size:9px}.cw-weather-main>b{font-size:34px}.cw-weather-place{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--muted);font-size:8px}.cw-weather-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px}.cw-weather-strip span{border-radius:7px;background:var(--card2);padding:6px;color:var(--muted2);font-size:7px}.cw-weather-strip b{display:block;margin-top:2px;color:var(--ink);font-size:8px}
.cw-quicklinks>div a{display:flex;min-width:0;align-items:center;gap:6px;flex:1;color:var(--ink);font-size:8px;text-decoration:none}.cw-quicklinks>div a>span{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--cw-accent) 18%,transparent);color:var(--cw-accent);font-weight:900}.cw-quicklinks>div a>b{margin-left:auto;color:var(--muted2)}.cw-goal-progress{height:5px;overflow:hidden;border-radius:99px;background:var(--bg2)}.cw-goal-progress span{display:block;height:100%;border-radius:inherit;background:var(--cw-accent)}
.cw-quote{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center}.cw-quote>span{color:var(--cw-accent);font-size:22px}.cw-quote blockquote{margin:7px 0;color:var(--ink);font-size:11px;font-weight:750;line-height:1.45}.cw-quote cite{color:var(--muted);font-size:7px;font-style:normal}.cw-quote button{margin-top:9px;border:0;background:transparent;color:var(--cw-accent);font:750 7px inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.cw-stage .cw-grid.page-slide-left,.cw-stage .cw-grid.page-slide-right{animation:none}}

/* Image-1 fidelity: finer grid, roomier cards and complete dashboard previews. */
.cw-page.cw-shell{--cw-library:270px;--cw-inspector:216px;height:100vh;min-height:100vh}
.cw-page[data-grid-size=small]{--cw-row:32px;--cw-gap:10px}
.cw-stage .cw-grid{grid-template-columns:repeat(24,minmax(0,1fr));border-color:color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:15px;padding:14px;background-size:20px 20px!important;box-shadow:inset 0 0 70px color-mix(in srgb,var(--accent) 5%,transparent)}
.cw-page[data-grid-style=squares] .cw-grid{background-size:4.166666% 42px,4.166666% 42px!important}
.cw-canvas-wrap{padding:14px 16px}
.cw-widget{border-color:color-mix(in srgb,var(--cw-accent) 44%,var(--line));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--cw-widget-custom-bg,var(--card)) 98%,transparent),color-mix(in srgb,var(--cw-accent) 3%,var(--card)));box-shadow:0 8px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)}
.cw-widget::before{display:none!important;content:none!important}
.cw-widget-head{min-height:46px;gap:8px;padding:7px 9px 7px 11px;background:color-mix(in srgb,var(--card2) 76%,transparent)}
.cw-widget-title>span{width:30px;height:30px;border-radius:9px;font-size:16px}.cw-widget-title h3{font-size:13px}.cw-widget-title small{font-size:8px}
.cw-widget-actions{gap:1px;opacity:.86}.cw-widget-actions .cw-icon-button{width:28px;height:28px;font-size:13px}.cw-widget-actions [data-widget-open]{font-size:17px;letter-spacing:0}
.cw-widget>.cw-widget-head .cw-widget-actions [data-widget-duplicate],.cw-widget>.cw-widget-head .cw-widget-actions [data-widget-remove]{display:grid!important}
.cw-widget-body{padding:10px 12px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 32%,transparent) transparent}
.cw-widget>.cw-widget-body .cw-mini-form{display:none}.cw-widget-app-body .cw-mini-form{display:grid}
.cw-library-tip{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;margin:auto 12px 14px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--card)),var(--card2));padding:11px;flex:none}.cw-library-tip>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.cw-library-tip strong{font-size:10px}.cw-library-tip p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.cw-library-tip button{grid-column:1/-1;min-height:34px;border:0;border-radius:8px;background:var(--grad);color:#fff;font:850 9px inherit;cursor:pointer}
.cw-progress{margin-bottom:5px}.cw-progress>div:first-child{font-size:9.5px}.cw-progress-track{height:5px;margin-top:5px}
.cw-widget-todo .cw-widget-body{display:flex;flex-direction:column}.cw-widget-todo .cw-task-group{margin-top:0}.cw-task{min-height:25px;padding:3px 1px}.cw-task label{gap:7px;font-size:11px}.cw-task input{width:16px;height:16px}.cw-task>button{width:24px;height:24px;font-size:13px}.cw-todo-form{grid-template-columns:minmax(0,1fr) auto;margin:auto 0 0;padding-top:6px}.cw-todo-form input{min-height:34px}.cw-todo-form .cw-add-button{width:36px;min-height:34px}
.cw-mode-switch{width:100%;border-color:color-mix(in srgb,var(--accent) 16%,var(--line));padding:2px}.cw-mode-switch button{min-height:29px;font-size:10px}.cw-timer-round{margin-top:10px;font-size:8px}.cw-timer output{margin:7px 0 8px;font-size:48px}.cw-timer-actions button{min-width:80px;min-height:34px}
.cw-ambient-feature{display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:8px;border-radius:10px;background:color-mix(in srgb,var(--card2) 85%,transparent);padding:5px}.cw-ambient-feature img{width:42px;height:35px;border-radius:8px;object-fit:cover}.cw-ambient-feature strong,.cw-ambient-feature small{display:block}.cw-ambient-feature strong{font-size:11px}.cw-ambient-feature small{margin-top:2px;color:var(--muted);font-size:8px}.cw-ambient-feature button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:50%;background:var(--cw-accent);color:#fff;font-size:10px;cursor:pointer}.cw-ambient-feature button.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent) 20%,transparent)}
.cw-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}.cw-sound-grid button{min-height:34px;justify-content:center;padding:4px;font-size:0}.cw-sound-grid button span{font-size:15px}.cw-range{margin-top:4px}.cw-range>span{font-size:8px}.cw-range input{min-height:20px;margin:0}
.cw-radio-feature{display:grid;grid-template-columns:92px minmax(110px,1fr) auto;align-items:center;gap:14px}.cw-radio-feature>img{width:92px;height:82px;border-radius:10px;object-fit:cover;box-shadow:0 7px 20px rgba(0,0,0,.28)}.cw-radio-copy{min-width:0}.cw-radio-copy strong,.cw-radio-copy small,.cw-radio-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-radio-copy strong{font-size:15px}.cw-radio-copy small{margin-top:5px;color:var(--muted);font-size:10px}.cw-radio-copy .cw-radio-status{margin-top:8px;color:var(--cw-accent);font-size:8px;text-transform:uppercase}.cw-radio-transport{display:flex;align-items:center;gap:5px}.cw-radio-transport button{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--muted);font-size:9px;cursor:pointer}.cw-radio-transport .cw-radio-play{width:43px;height:43px;border:0;border-radius:50%;background:var(--cw-accent);color:#fff;font-size:15px;box-shadow:0 7px 20px color-mix(in srgb,var(--cw-accent) 28%,transparent)}.cw-radio-transport button:disabled{opacity:.35;cursor:not-allowed}.cw-radio-range{margin-top:9px}
.cw-calendar-head{margin-bottom:5px}.cw-calendar-head strong{font-size:11px}.cw-calendar-week{margin-bottom:3px;font-size:8px}.cw-calendar-grid{row-gap:2px}.cw-calendar-grid button{min-height:19px;font-size:9px}.cw-calendar-grid button.today{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}
.cw-note-tabs{padding-bottom:7px}.cw-note-tabs button{font-size:9px}.cw-note-page{height:calc(100% - 47px)}.cw-note-title{padding:5px 2px;font-size:12px}.cw-notes{min-height:90px;font-size:11px;line-height:1.55}.cw-note-foot{min-height:16px}
.cw-mini-summary{font-size:9px}.cw-habit-list,.cw-goal-list,.cw-quicklinks{gap:4px;margin-top:6px}.cw-habit-row,.cw-goal-list>div,.cw-quicklinks>div{min-height:25px;padding:4px 7px}.cw-habit-row label,.cw-goal-list label{font-size:9px}.cw-habit-row input,.cw-goal-list input{width:15px;height:15px}.cw-habit-row button,.cw-goal-list button,.cw-quicklinks>div>button{width:20px;height:20px}.cw-goal-progress{height:6px}
.cw-habit-row label i{height:4px;overflow:hidden;border-radius:99px;background:var(--bg2);flex:1}.cw-habit-row label i b{display:block;height:100%;border-radius:inherit;background:var(--cw-accent)}.cw-habit-row label strong{min-width:24px;color:var(--muted);font-size:8px;text-align:right}.cw-weather-main strong{font-size:36px}.cw-weather-main span{font-size:10px}.cw-weather-main>b{font-size:38px}.cw-weather-place{font-size:9px}.cw-weather-strip{margin-top:8px}.cw-weather-strip span{padding:6px;font-size:7.5px}.cw-weather-strip b{font-size:8.5px}.cw-weather-sunset{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--muted);font-size:8px}
.cw-quicklinks>div{min-height:24px;padding:2px 6px}.cw-quicklinks>div a{font-size:9px}.cw-quicklinks>div a>span{width:20px;height:20px}.cw-quote{position:relative;isolation:isolate;overflow:hidden;border-radius:9px}.cw-quote::after{position:absolute;z-index:-1;inset:auto -18px -26px;height:95px;background:linear-gradient(to top,color-mix(in srgb,var(--cw-accent) 30%,transparent),transparent),url('/img/backgrounds/nighttime-clouds.jpg') center/cover;content:"";opacity:.34;mask-image:linear-gradient(to top,#000,transparent)}.cw-quote blockquote{max-width:260px;font-size:13px}.cw-quote cite{font-size:8px}.cw-quote button{font-size:9px}
@media(max-width:1500px) and (min-width:901px){.cw-page.cw-shell{--cw-library:220px;--cw-inspector:230px}}

/* Desktop desks are a fixed 24 × 21 composition. The row height adapts to the
   available viewport so the canvas itself never scrolls or crops a desk. */
@media(min-width:901px){
  .cw-stage{grid-template-rows:82px 28px minmax(0,1fr) 64px}
  .cw-stage .cw-page-head{height:82px;padding:10px 14px}
  .cw-layout-note{height:28px;padding:7px 14px}
  .cw-page-navigation{position:fixed;z-index:35;right:var(--cw-inspector);bottom:0;left:var(--cw-library);height:64px;min-height:64px;padding:7px 12px;box-shadow:0 -8px 28px rgba(0,0,0,.14);transition:right .22s ease,left .22s ease}
  .cw-canvas-wrap{overflow:hidden;padding:10px;scrollbar-gutter:auto}
  .cw-stage .cw-grid{box-sizing:border-box;width:100%;height:100%;min-height:0;grid-auto-rows:calc(4.7619048% - 7.619px);gap:8px;padding:10px}
  .cw-stage .cw-grid[data-has-overflow=true]{height:100%;grid-auto-rows:calc(4.7619048% - 7.619px)}
  .cw-canvas-wrap:has(.cw-grid[data-has-overflow=true]){overflow:hidden}
}

/* Productivity studios: shared premium language for To-do, Reminders and Calendar. */
.cw-productivity-studio {
  --studio-ink: #f5f6ff;
  --studio-muted: #9ca6c6;
  --studio-panel: rgba(16, 22, 42, .82);
  --studio-panel-strong: rgba(22, 29, 54, .96);
  --studio-line: rgba(181, 192, 232, .14);
  --studio-soft: rgba(129, 112, 255, .12);
  min-height: min(720px, 78vh);
  color: var(--studio-ink);
  background:
    radial-gradient(circle at 88% 4%, rgba(163, 116, 255, .18), transparent 28%),
    radial-gradient(circle at 10% 98%, rgba(69, 185, 202, .11), transparent 30%),
    #0b1020;
}
.cw-productivity-studio button,
.cw-productivity-studio input,
.cw-productivity-studio select,
.cw-productivity-studio textarea { font: inherit; }
.cw-productivity-studio .cw-app-navigation {
  background: linear-gradient(180deg, rgba(14, 19, 38, .98), rgba(9, 14, 29, .92));
  border-right: 1px solid var(--studio-line);
}
.cw-productivity-brand { display: flex; align-items: center; gap: 12px; padding: 6px 6px 22px; }
.cw-productivity-brand > span {
  display: grid; place-items: center; width: 42px; height: 42px; border-radius: 15px;
  color: #fff; font-size: 19px; background: linear-gradient(145deg, #8b70ff, #5b46d9);
  box-shadow: 0 10px 30px rgba(103, 76, 226, .34), inset 0 1px rgba(255,255,255,.3);
}
.cw-productivity-brand div { display: grid; gap: 2px; }
.cw-productivity-brand small { color: var(--studio-muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.cw-productivity-brand strong { font-size: 15px; letter-spacing: -.01em; }
.cw-productivity-studio .cw-task-views { display: grid; gap: 5px; }
.cw-productivity-studio .cw-task-views button {
  display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 8px;
  width: 100%; min-height: 43px; padding: 8px 10px; border: 1px solid transparent; border-radius: 13px;
  color: var(--studio-muted); background: transparent; text-align: left; cursor: pointer;
}
.cw-productivity-studio .cw-task-views button i { font-style: normal; color: #b5a9ff; font-size: 16px; text-align: center; }
.cw-productivity-studio .cw-task-views button b {
  min-width: 24px; padding: 3px 7px; border-radius: 999px; color: #cbd1e8;
  background: rgba(255,255,255,.055); font-size: 10px; text-align: center;
}
.cw-productivity-studio .cw-task-views button:hover { color: #fff; background: rgba(255,255,255,.045); }
.cw-productivity-studio .cw-task-views button[aria-pressed="true"] {
  color: #fff; border-color: rgba(151, 130, 255, .25);
  background: linear-gradient(100deg, rgba(132, 108, 246, .22), rgba(132, 108, 246, .08));
  box-shadow: inset 3px 0 #9b87ff;
}
.cw-productivity-tip { margin-top: auto; padding: 14px; border: 1px solid var(--studio-line); border-radius: 16px; background: rgba(255,255,255,.028); }
.cw-productivity-tip strong { display: block; margin-bottom: 5px; color: #d8d1ff; font-size: 11px; }
.cw-productivity-tip p { margin: 0; color: var(--studio-muted); font-size: 10px; line-height: 1.55; }
.cw-productivity-studio .cw-app-primary { min-width: 0; overflow: auto; padding: 28px clamp(20px, 3vw, 40px); }
.cw-todo-command { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.cw-todo-command h3 { margin: 4px 0 0; font-size: clamp(22px, 2vw, 30px); letter-spacing: -.035em; }
.cw-todo-kpis { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.cw-todo-kpis span { padding: 8px 11px; border: 1px solid var(--studio-line); border-radius: 999px; color: var(--studio-muted); background: rgba(255,255,255,.035); font-size: 10px; }
.cw-todo-kpis b { color: #fff; font-size: 12px; }
.cw-productivity-studio .cw-todo-layout { display: grid; gap: 18px; }
.cw-productivity-studio .cw-todo-content { min-height: 240px; }
.cw-productivity-studio .cw-progress { padding: 14px 16px; border: 1px solid var(--studio-line); border-radius: 16px; background: var(--studio-panel); }
.cw-productivity-studio .cw-task-list { display: grid; gap: 7px; margin-top: 12px; }
.cw-productivity-studio .cw-task-group { display: grid; gap: 7px; }
.cw-productivity-studio .cw-task-group > h4 { margin: 15px 4px 5px; color: var(--studio-muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.cw-productivity-studio .cw-task {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 8px;
  min-height: 58px; padding: 8px 10px; border: 1px solid var(--studio-line); border-radius: 15px;
  background: linear-gradient(120deg, rgba(26, 33, 60, .94), rgba(18, 25, 47, .88));
  box-shadow: 0 8px 24px rgba(0,0,0,.12); position: relative; overflow: hidden;
}
.cw-productivity-studio .cw-task::before { content: ""; position: absolute; inset: 8px auto 8px 0; width: 3px; border-radius: 0 3px 3px 0; background: #6f7a9d; }
.cw-productivity-studio .cw-task.priority-high::before { background: #ff7d98; }
.cw-productivity-studio .cw-task.priority-low::before { background: #54c2b6; }
.cw-productivity-studio .cw-task > label { min-width: 0; }
.cw-productivity-studio .cw-task > label > span { display: grid; gap: 4px; min-width: 0; }
.cw-productivity-studio .cw-task > label b { overflow: hidden; color: #f4f5ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.cw-productivity-studio .cw-task > label small { color: var(--studio-muted); font-size: 9px; }
.cw-productivity-studio .cw-task > label em { display: flex; gap: 4px; font-style: normal; }
.cw-productivity-studio .cw-task > label em i { padding: 2px 5px; border-radius: 5px; color: #c8bcff; background: rgba(136,111,255,.12); font-size: 8px; font-style: normal; }
.cw-task-stage { padding: 5px 8px; border: 1px solid var(--studio-line); border-radius: 8px; color: #b9c0da; background: rgba(255,255,255,.035); font-size: 8px; cursor: pointer; }
.cw-todo-form.is-advanced { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(153,135,255,.22); border-radius: 18px; background: linear-gradient(150deg, rgba(34,32,69,.8), rgba(16,23,43,.92)); }
.cw-todo-quick-capture { display: grid; grid-template-columns: minmax(220px,1fr) auto auto; gap: 8px; }
.cw-todo-quick-capture > input { min-width: 0; }
.cw-todo-capture-options { display: grid; grid-template-columns: repeat(4,minmax(110px,1fr)); gap: 8px; }
.cw-todo-capture-options label { display: grid; gap: 5px; color: var(--studio-muted); font-size: 9px; }
.cw-todo-capture-options .is-wide { grid-column: span 2; }
.cw-todo-capture-options input,.cw-todo-capture-options select,.cw-todo-capture-options textarea,
.cw-todo-quick-capture input,.cw-todo-quick-capture select {
  min-height: 38px; border: 1px solid var(--studio-line); border-radius: 10px; color: #fff; background: rgba(7,12,26,.6); padding: 8px 10px;
}
.cw-todo-capture-options textarea { min-height: 54px; resize: vertical; }
.cw-capture-hint { color: #9189b8; font-size: 9px; }
.cw-todo-board { display: grid; grid-template-columns: repeat(4,minmax(170px,1fr)); gap: 10px; align-items: start; overflow-x: auto; }
.cw-todo-board > section { min-height: 330px; padding: 10px; border: 1px solid var(--studio-line); border-radius: 17px; background: rgba(10,16,32,.55); }
.cw-todo-board > section > header { display: flex; justify-content: space-between; padding: 5px 5px 12px; color: #d6d9ec; font-size: 10px; }
.cw-todo-board > section > header b { color: #9d8cff; }
.cw-todo-board section > div { display: grid; gap: 8px; }
.cw-todo-board article { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 10px; border: 1px solid var(--studio-line); border-radius: 13px; background: var(--studio-panel-strong); }
.cw-todo-board article label { display: flex; gap: 7px; min-width: 0; }
.cw-todo-board article span { display: grid; gap: 4px; min-width: 0; }
.cw-todo-board article strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
.cw-todo-board article small,.cw-todo-board section > div > p { margin: 0; color: var(--studio-muted); font-size: 8px; line-height: 1.45; }
.cw-todo-board article button { align-self: center; border: 0; color: #b9adff; background: transparent; cursor: pointer; }
.cw-productivity-templates { padding: 4px; }
.cw-productivity-templates > header { max-width: 650px; margin-bottom: 22px; }
.cw-productivity-templates > header h3 { margin: 5px 0 7px; font-size: 24px; }
.cw-productivity-templates > header p { margin: 0; color: var(--studio-muted); font-size: 11px; }
.cw-productivity-templates > div { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 12px; }
.cw-productivity-templates article { display: flex; flex-direction: column; min-height: 220px; padding: 18px; border: 1px solid var(--studio-line); border-radius: 20px; background: linear-gradient(150deg, rgba(33,39,71,.92), rgba(16,23,44,.96)); box-shadow: 0 14px 32px rgba(0,0,0,.15); }
.cw-productivity-templates article > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 13px; border-radius: 13px; color: #fff; background: rgba(145,122,255,.2); font-size: 18px; }
.cw-productivity-templates article small { color: #a999ff; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.cw-productivity-templates article h4 { margin: 6px 0; font-size: 14px; }
.cw-productivity-templates article p,.cw-productivity-templates article li { color: var(--studio-muted); font-size: 9px; line-height: 1.5; }
.cw-productivity-templates article ul { margin: 4px 0 15px; padding-left: 16px; }
.cw-productivity-templates article button { margin-top: auto; min-height: 35px; border: 1px solid rgba(159,141,255,.3); border-radius: 10px; color: #f3f0ff; background: rgba(133,108,247,.16); cursor: pointer; }

/* Reminder Studio */
.cw-reminder-app { display: grid; grid-template-columns: 220px minmax(0,1fr); }
.cw-reminder-app > main { min-width: 0; overflow: auto; padding: 28px clamp(20px,3vw,42px); }
.cw-reminder-dashboard { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.cw-reminder-dashboard article { display: grid; gap: 7px; min-height: 88px; padding: 16px; border: 1px solid var(--studio-line); border-radius: 18px; background: var(--studio-panel); }
.cw-reminder-dashboard article small { color: var(--studio-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.cw-reminder-dashboard article strong { font-size: 19px; }
.cw-reminder-dashboard .needs-attention { background: linear-gradient(145deg, rgba(113,43,68,.45), rgba(27,23,45,.9)); }
.cw-reminder-app .cw-reminders-layout { display: grid; gap: 14px; }
.cw-reminder-app .cw-reminder-list { display: grid; gap: 7px; }
.cw-reminder-app .cw-reminder-list article { display: grid; grid-template-columns: 26px minmax(0,1fr) auto auto; align-items: center; gap: 8px; min-height: 57px; padding: 9px 11px; border: 1px solid var(--studio-line); border-radius: 15px; background: var(--studio-panel); }
.cw-reminder-app .cw-reminder-list article.is-overdue { border-color: rgba(255,111,143,.28); background: linear-gradient(90deg, rgba(93,38,60,.34), var(--studio-panel)); }
.cw-reminder-mark { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 9px; color: #a99aff; background: rgba(143,117,255,.13); }
.cw-reminder-app .cw-reminder-list article strong { display: block; font-size: 11px; }
.cw-reminder-app .cw-reminder-list article small { color: var(--studio-muted); font-size: 8px; }
.cw-reminder-app .cw-reminder-list article button { min-width: 30px; min-height: 29px; padding: 4px 7px; border: 1px solid var(--studio-line); border-radius: 9px; color: #cbc6e8; background: rgba(255,255,255,.035); font-size: 9px; cursor: pointer; }
.cw-reminder-form.is-premium { display: grid; gap: 10px; padding: 16px; border: 1px solid rgba(143,119,255,.24); border-radius: 19px; background: linear-gradient(145deg, rgba(39,36,78,.76), rgba(15,22,42,.94)); }
.cw-reminder-quick { display: grid; grid-template-columns: minmax(220px,1fr) minmax(170px,.45fr) auto; gap: 8px; }
.cw-reminder-options { display: grid; grid-template-columns: repeat(4,minmax(110px,1fr)); gap: 8px; }
.cw-reminder-options label { display: grid; gap: 5px; color: var(--studio-muted); font-size: 9px; }
.cw-reminder-options .is-wide { grid-column: span 2; }
.cw-reminder-form input,.cw-reminder-form select,.cw-reminder-form textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid var(--studio-line); border-radius: 10px; color: #fff; background: rgba(6,11,24,.63); }
.cw-reminder-form select[multiple] { min-height: 72px; }
.cw-reminder-form textarea { min-height: 55px; resize: vertical; }
.cw-reminder-form button { min-height: 38px; padding: 8px 13px; border: 0; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#8c72ff,#6651de); cursor: pointer; }
.cw-reminder-timeline { display: grid; gap: 20px; max-width: 920px; }
.cw-reminder-timeline section > header { display: flex; gap: 9px; align-items: center; margin-bottom: 8px; color: var(--studio-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.cw-reminder-timeline section > header b { padding: 2px 7px; border-radius: 99px; color: #c9bdff; background: var(--studio-soft); }
.cw-reminder-timeline article { display: grid; grid-template-columns: 60px 12px minmax(0,1fr) auto; gap: 10px; padding: 12px 14px; border: 1px solid var(--studio-line); border-radius: 16px; background: var(--studio-panel); }
.cw-reminder-timeline time { color: #c7cce1; font-size: 11px; }
.cw-reminder-timeline article > i { position: relative; width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #947fff; box-shadow: 0 0 0 5px rgba(148,127,255,.1); }
.cw-reminder-timeline article h4 { margin: 3px 0; font-size: 13px; }
.cw-reminder-timeline article p { margin: 4px 0; color: var(--studio-muted); font-size: 9px; }
.cw-reminder-timeline article small { color: #a79bd7; font-size: 8px; }
.cw-reminder-timeline article > div > div { display: flex; gap: 5px; }
.cw-reminder-timeline article > div > div span { padding: 2px 6px; border-radius: 6px; color: #c8bcff; background: var(--studio-soft); font-size: 8px; }
.cw-reminder-timeline nav { display: flex; align-items: center; gap: 5px; }
.cw-reminder-timeline nav button { min-height: 29px; padding: 5px 8px; border: 1px solid var(--studio-line); border-radius: 9px; color: #d9dbeb; background: rgba(255,255,255,.035); font-size: 8px; cursor: pointer; }
.cw-reminder-history > header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18px; }
.cw-reminder-history > header h3 { margin: 4px 0 0; font-size: 25px; }
.cw-reminder-history > header > strong { color: #a99aff; }
.cw-reminder-history > div { display: grid; gap: 7px; max-width: 850px; }
.cw-reminder-history article { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 11px 13px; border: 1px solid var(--studio-line); border-radius: 14px; background: var(--studio-panel); }
.cw-reminder-history article > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 10px; color: #7be0bb; background: rgba(68,194,149,.12); }
.cw-reminder-history article strong { display: block; font-size: 11px; }
.cw-reminder-history article small { color: var(--studio-muted); font-size: 8px; }
.cw-reminder-history article em { color: #999fba; font-size: 8px; font-style: normal; text-transform: uppercase; }

/* Calendar Studio */
.cw-calendar-app.cw-productivity-studio { display: block; min-height: min(760px, 81vh); overflow: auto; padding: 0; }
.cw-calendar-command { display: grid; grid-template-columns: minmax(190px,1fr) auto minmax(170px,.55fr); align-items: center; gap: 16px; padding: 20px 24px 15px; border-bottom: 1px solid var(--studio-line); background: rgba(10,15,31,.76); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 4; }
.cw-calendar-command h3 { margin: 3px 0 0; font-size: 20px; letter-spacing: -.025em; }
.cw-calendar-app .cw-calendar-view-tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--studio-line); border-radius: 12px; background: rgba(255,255,255,.025); }
.cw-calendar-app .cw-calendar-view-tabs button { min-height: 31px; padding: 5px 10px; border: 0; border-radius: 8px; color: var(--studio-muted); background: transparent; font-size: 9px; cursor: pointer; }
.cw-calendar-app .cw-calendar-view-tabs button[aria-pressed="true"] { color: #fff; background: linear-gradient(135deg,rgba(142,117,255,.42),rgba(104,82,222,.35)); box-shadow: inset 0 1px rgba(255,255,255,.15); }
.cw-calendar-search { display: flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 11px; border: 1px solid var(--studio-line); border-radius: 11px; color: var(--studio-muted); background: rgba(6,11,24,.58); }
.cw-calendar-search input { width: 100%; border: 0; outline: 0; color: #fff; background: transparent; font-size: 10px; }
.cw-calendar-sets { display: flex; align-items: center; gap: 6px; padding: 10px 24px; overflow-x: auto; border-bottom: 1px solid var(--studio-line); }
.cw-calendar-sets > span { margin-right: 5px; color: var(--studio-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.cw-calendar-sets button { display: flex; align-items: center; gap: 6px; min-height: 29px; padding: 5px 9px; border: 1px solid var(--studio-line); border-radius: 99px; color: #c7cbe0; background: rgba(255,255,255,.03); font-size: 8px; white-space: nowrap; cursor: pointer; }
.cw-calendar-sets button i { width: 7px; height: 7px; border-radius: 50%; background: #9782ff; }
.cw-calendar-sets button[aria-pressed="false"] { opacity: .42; text-decoration: line-through; }
.cw-calendar-workbench { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(330px,.7fr); min-height: 630px; }
.cw-calendar-app .cw-calendar-large { min-width: 0; padding: 22px; border-right: 1px solid var(--studio-line); }
.cw-calendar-app .cw-calendar-month-view { max-width: 920px; margin: auto; }
.cw-calendar-app .cw-calendar-head { margin-bottom: 12px; }
.cw-calendar-app .cw-calendar-head strong { font-size: 18px; }
.cw-calendar-app .cw-calendar-week-labels { color: var(--studio-muted); }
.cw-calendar-app .cw-calendar-month-grid { gap: 4px; }
.cw-calendar-app .cw-calendar-month-grid > button { min-height: clamp(62px, 8vh, 86px); padding: 7px; border: 1px solid var(--studio-line); border-radius: 11px; background: rgba(255,255,255,.025); }
.cw-calendar-app .cw-calendar-month-grid > button:hover { border-color: rgba(157,139,255,.35); background: rgba(137,112,255,.075); }
.cw-calendar-app .cw-calendar-month-grid > button.selected { outline: 1px solid #9c89ff; background: rgba(134,108,255,.12); }
.cw-calendar-app .cw-calendar-month-grid > button > span { font-size: 10px; }
.cw-calendar-app .cw-calendar-month-grid > button em { display: flex; justify-content: space-between; gap: 3px; max-width: 100%; margin-top: 8px; padding: 4px 5px; border-left: 2px solid var(--event-colour); border-radius: 5px; overflow: hidden; color: #dfe1ee; background: color-mix(in srgb, var(--event-colour) 15%, transparent); font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cw-calendar-app .cw-calendar-month-grid > button em small { color: #fff; }
.cw-calendar-app .cw-calendar-selected-detail { margin-top: 10px; border: 1px solid var(--studio-line); background: var(--studio-panel); }
.cw-calendar-app .cw-calendar-agenda { min-width: 0; padding: 20px; overflow: auto; background: rgba(9,14,29,.62); }
.cw-calendar-selected-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.cw-calendar-selected-head h3 { margin: 4px 0 0; font-size: 16px; }
.cw-calendar-selected-head > button { min-height: 31px; padding: 6px 9px; border: 1px solid rgba(151,133,255,.28); border-radius: 9px; color: #d8d0ff; background: var(--studio-soft); font-size: 8px; cursor: pointer; }
.cw-calendar-day-events { display: flex; gap: 5px; margin: 13px 0; overflow-x: auto; }
.cw-calendar-day-events > button { display: grid; flex: 0 0 auto; grid-template-columns: auto minmax(70px,1fr) auto; gap: 7px; align-items: center; min-height: 34px; padding: 6px 8px; border: 1px solid var(--studio-line); border-left: 3px solid var(--event-colour); border-radius: 9px; color: #dfe1ed; background: var(--studio-panel); font-size: 8px; cursor: pointer; }
.cw-calendar-day-events > button em { color: #e6ac78; font-style: normal; }
.cw-calendar-agenda > form { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--studio-line); border-radius: 16px; background: var(--studio-panel); }
.cw-calendar-agenda .cw-field { gap: 5px; color: var(--studio-muted); font-size: 8px; }
.cw-calendar-agenda .cw-field input,.cw-calendar-agenda .cw-field select,.cw-calendar-agenda .cw-field textarea { width: 100%; min-height: 35px; padding: 7px 9px; border: 1px solid var(--studio-line); border-radius: 9px; color: #fff; background: rgba(5,10,22,.65); font-size: 9px; }
.cw-calendar-agenda .cw-field textarea { min-height: 50px; resize: vertical; }
.cw-calendar-agenda .cw-settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.cw-calendar-agenda .cw-settings-grid .is-wide { grid-column: 1 / -1; }
.cw-calendar-transfer { display: flex; gap: 7px; margin: 10px 0; }
.cw-calendar-transfer .ws-secondary { flex: 1; min-height: 32px; border-color: var(--studio-line); font-size: 8px; }
.cw-calendar-holidays { padding: 14px; border: 1px solid var(--studio-line); border-radius: 16px; background: linear-gradient(145deg,rgba(63,42,45,.42),rgba(16,22,41,.9)); }
.cw-calendar-holidays header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.cw-calendar-holidays h4 { margin: 3px 0 0; font-size: 12px; }
.cw-calendar-holidays header > small { color: #a8adbf; font-size: 7px; }
.cw-calendar-holidays form { display: grid; grid-template-columns: minmax(120px,1fr) 72px auto; gap: 6px; }
.cw-calendar-holidays form select,.cw-calendar-holidays form input { min-width: 0; min-height: 32px; padding: 5px 7px; border: 1px solid var(--studio-line); border-radius: 8px; color: #fff; background: #0d1328; font-size: 8px; }
.cw-calendar-holidays form button { border: 0; border-radius: 8px; color: #fff; background: #735de2; font-size: 8px; cursor: pointer; }
.cw-calendar-holidays > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.cw-calendar-holidays > div > span { display: flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 8px; color: #dfe0e9; background: rgba(255,255,255,.05); font-size: 8px; }
.cw-calendar-holidays > div button { border: 0; color: #bbb5ca; background: transparent; cursor: pointer; }
.cw-calendar-holidays > p { margin: 8px 0 0; color: #c4b8a8; font-size: 8px; }
.cw-calendar-full-agenda { display: grid; gap: 7px; max-width: 860px; margin: auto; }
.cw-calendar-full-agenda > button { display: grid; grid-template-columns: 80px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 58px; padding: 10px 13px; border: 1px solid var(--studio-line); border-left: 3px solid var(--event-colour); border-radius: 14px; color: #e8e9f2; background: var(--studio-panel); text-align: left; cursor: pointer; }
.cw-calendar-full-agenda time { color: #b4bbd4; font-size: 9px; }
.cw-calendar-full-agenda span { display: grid; gap: 4px; }
.cw-calendar-full-agenda b { font-size: 11px; }
.cw-calendar-full-agenda small { color: var(--studio-muted); font-size: 8px; }
.cw-calendar-full-agenda em { color: #f1b476; font-size: 8px; font-style: normal; }

@media (max-width: 900px) {
  .cw-todo-app,.cw-reminder-app { grid-template-columns: 176px minmax(0,1fr); }
  .cw-productivity-studio .cw-app-navigation { padding: 18px 12px; }
  .cw-todo-capture-options,.cw-reminder-options { grid-template-columns: 1fr 1fr; }
  .cw-todo-board { grid-template-columns: repeat(4,190px); }
  .cw-calendar-command { grid-template-columns: 1fr auto; }
  .cw-calendar-search { grid-column: 1 / -1; }
  .cw-calendar-workbench { grid-template-columns: minmax(0,1fr) 310px; }
}

/* Branded yes/no dialogs replace browser alerts and prompts. */
.cw-confirm-dialog{width:min(470px,calc(100% - 28px));border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:16px;background:var(--card);color:var(--ink);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.cw-confirm-dialog::backdrop{background:rgba(4,8,18,.76);backdrop-filter:blur(8px) saturate(.75)}
.cw-confirm-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:22px}.cw-confirm-card h2{margin:4px 0 7px;font-size:20px}.cw-confirm-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.cw-confirm-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 16%,var(--card));color:var(--accent);font-size:20px;font-weight:950}.cw-confirm-card .cw-dialog-actions{grid-column:1/-1;margin-top:8px}.cw-danger-button{min-height:40px;border:0;border-radius:9px;background:#c84e63;color:#fff;padding:8px 14px;font:850 11px inherit;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,#c84e63 28%,transparent)}

/* Every compact card opens into a complete, roomy app surface. */
.cw-widget-app-dialog{width:min(1040px,calc(100% - 32px));height:min(780px,90dvh);max-height:90dvh;border-radius:18px}
.cw-widget-app-head{min-height:68px;padding:12px 16px}.cw-widget-app-head>div:last-child{align-items:center;gap:3px}.cw-app-close{min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);padding:7px 12px;font:850 10px inherit;cursor:pointer}.cw-widget-app-body{padding:20px 22px}.cw-full-app{min-height:100%}.cw-full-app .cw-widget-help{display:block}.cw-full-app .cw-inline-form,.cw-full-app .cw-reference-form{display:grid}.cw-full-app-todo{display:flex;max-width:760px;margin:auto;flex-direction:column}.cw-full-app-todo .cw-task{min-height:38px}.cw-full-app-todo .cw-task label{font-size:13px}.cw-full-app-todo .cw-todo-form{margin-top:16px}.cw-full-app-timer .cw-timer{min-height:560px}.cw-full-app-timer .cw-timer output{font-size:82px}.cw-full-app-notes .cw-note-page{min-height:470px}.cw-full-app-ambient .cw-ambient-feature{padding:12px}.cw-full-app-ambient .cw-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cw-full-app-ambient .cw-sound-grid button{min-height:76px;font-size:11px}.cw-full-app-ambient .cw-sound-grid button span{font-size:25px}.cw-full-app-radio .cw-radio-feature{grid-template-columns:180px minmax(180px,1fr) auto}.cw-full-app-radio .cw-radio-feature>img{width:180px;height:180px}.cw-full-app-radio .cw-radio-copy strong{font-size:24px}.cw-full-app-habits .cw-habit-row,.cw-full-app-goals .cw-goal-list>div,.cw-full-app-quicklinks .cw-quicklinks>div{min-height:48px}.cw-full-app-habits .cw-habit-row label,.cw-full-app-goals .cw-goal-list label,.cw-full-app-quicklinks .cw-quicklinks a{font-size:13px}.cw-full-app-quote .cw-quote{min-height:560px}.cw-full-app-quote .cw-quote blockquote{max-width:620px;font-size:27px}
.cw-calendar-app{display:grid;min-height:620px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:20px}.cw-calendar-large,.cw-calendar-agenda{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card2) 72%,transparent);padding:18px}.cw-calendar-large .cw-calendar-head{margin-bottom:18px}.cw-calendar-large .cw-calendar-head strong{font-size:20px}.cw-calendar-large .cw-calendar-head button{height:42px;font-size:28px}.cw-calendar-large .cw-calendar-week{margin-bottom:8px;font-size:10px}.cw-calendar-large .cw-calendar-grid{gap:6px}.cw-calendar-large .cw-calendar-grid button{min-height:58px;border:1px solid transparent;border-radius:10px;font-size:12px}.cw-calendar-large .cw-calendar-grid button:not(:disabled):hover{border-color:color-mix(in srgb,var(--cw-accent) 44%,var(--line));background:color-mix(in srgb,var(--cw-accent) 10%,var(--card))}.cw-calendar-agenda h3{margin:5px 0 18px;font-size:18px}.cw-calendar-agenda textarea{min-height:116px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:10px;font:12px/1.5 inherit;resize:vertical}.cw-upcoming{margin-top:22px}.cw-upcoming>button{display:grid;width:100%;grid-template-columns:52px minmax(0,1fr);gap:8px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 2px;text-align:left;cursor:pointer}.cw-upcoming>button b{color:var(--cw-accent)}.cw-upcoming>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-upcoming p{color:var(--muted);font-size:11px}
.cw-weather-app{max-width:900px;margin:auto}.cw-weather-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:16px}.cw-weather-search input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--ink);padding:9px 12px;font:12px inherit}.cw-weather-search button{min-height:44px}.cw-weather-app-current{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--cw-accent) 35%,var(--line));border-radius:16px;background:radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--cw-accent) 25%,transparent),transparent 34%),linear-gradient(145deg,var(--card2),var(--card));padding:22px}.cw-weather-app-current .cw-weather-main strong{font-size:76px}.cw-weather-app-current .cw-weather-main>b{font-size:82px}.cw-weather-app-current .cw-weather-main span{font-size:16px}.cw-weather-app-current .cw-weather-place{font-size:12px}.cw-weather-app-current .cw-weather-strip{gap:10px}.cw-weather-app-current .cw-weather-strip span{padding:12px;font-size:10px}.cw-weather-app-current .cw-weather-strip b{font-size:13px}.cw-weather-feels{display:flex;align-items:center;gap:5px;margin-top:13px;color:var(--muted);font-size:11px}.cw-weather-feels>span{margin-left:auto}.cw-weather-forecast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}.cw-weather-forecast article{display:grid;min-height:126px;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:10px}.cw-weather-forecast article span{font-size:30px}.cw-weather-forecast article strong{font-size:16px}.cw-weather-forecast article small{color:var(--muted)}.cw-weather-credit{color:var(--muted2);font-size:9px;text-align:right}
@media(max-width:720px){.cw-widget-app-dialog{height:94dvh;max-height:94dvh}.cw-calendar-app{display:block}.cw-calendar-agenda{margin-top:12px}.cw-calendar-large .cw-calendar-grid button{min-height:38px}.cw-weather-forecast{grid-template-columns:repeat(2,1fr)}.cw-full-app-radio .cw-radio-feature{grid-template-columns:90px 1fr}.cw-full-app-radio .cw-radio-feature>img{width:90px;height:90px}}

/* Freeform layers, invisible scrolling and reorderable widget content. */
.cw-widget-body,.cw-widget-app-body,.cw-note-tabs{scrollbar-width:none!important}.cw-widget-body::-webkit-scrollbar,.cw-widget-app-body::-webkit-scrollbar,.cw-note-tabs::-webkit-scrollbar{width:0;height:0}.cw-layer-button{display:none!important}.cw-page.is-free-placement .cw-layer-button{display:grid!important}.cw-widget.is-free-widget{position:absolute;min-width:220px;min-height:150px}.cw-widget.is-free-widget.is-dragging,.cw-widget.is-free-widget.is-resizing{box-shadow:0 18px 48px color-mix(in srgb,var(--cw-accent) 30%,transparent)}
.cw-sort-handle{display:grid;width:16px;min-width:16px;border:0;background:transparent;padding:0;place-items:center;color:var(--muted2);font:inherit;font-size:10px;letter-spacing:-3px;cursor:grab;user-select:none}.cw-sort-handle:focus-visible{outline:2px solid var(--cw-accent);outline-offset:2px}.cw-task[draggable=true],.cw-habit-row[draggable=true],.cw-quicklinks>div[draggable=true],.cw-goal-list>div[draggable=true],.cw-reference[draggable=true]{transition:opacity .14s,transform .14s,box-shadow .14s}.is-sorting{opacity:.42}.is-sort-target{box-shadow:inset 0 2px var(--cw-accent);transform:translateY(2px)}
.cw-youtube-preview{position:relative;width:100%;height:100%;min-height:120px;overflow:hidden;border:0;border-radius:10px;background:var(--bg2);color:#fff;cursor:pointer}.cw-youtube-preview img{width:100%;height:100%;object-fit:cover;opacity:.72}.cw-youtube-preview>span{position:absolute;top:50%;left:50%;display:grid;width:48px;height:48px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#ff0033;font-size:19px}.cw-youtube-preview>strong{position:absolute;right:10px;bottom:8px;left:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px #000}
.cw-ambient-app{max-width:900px;margin:auto}.cw-ambient-app-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:20px;margin-bottom:17px}.cw-ambient-app-head h3,.cw-playlist-heading h3,.cw-playlist-panel h3{margin:4px 0 5px;font-size:19px}.cw-ambient-app-head p{max-width:58ch;color:var(--muted);font-size:11px;line-height:1.5}.cw-ambient-list{display:grid;gap:8px}.cw-ambient-row{display:grid;grid-template-columns:48px minmax(120px,1fr) 36px 64px minmax(150px,.8fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:9px}.cw-ambient-row.active{border-color:color-mix(in srgb,var(--cw-accent) 48%,var(--line));background:color-mix(in srgb,var(--cw-accent) 8%,var(--card2))}.cw-ambient-row>img,.cw-ambient-icon{display:grid;width:48px;height:42px;place-items:center;border-radius:9px;background:var(--bg2);object-fit:cover;font-size:21px}.cw-ambient-row strong,.cw-ambient-row small{display:block}.cw-ambient-row small{margin-top:3px;color:var(--muted);font-size:9px}.cw-favourite-sound,.cw-ambient-play{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);cursor:pointer}.cw-favourite-sound.active{color:#f1bd36}.cw-ambient-play{background:var(--cw-accent);color:#fff}.cw-ambient-row>label{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:6px}.cw-ambient-row>label input{width:100%;accent-color:var(--cw-accent)}.cw-ambient-row>label output{color:var(--muted);font-size:9px;text-align:right}
.cw-radio-app{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.cw-playlist-tracks{margin-top:20px}.cw-playlist-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:8px}.cw-playlist-heading>small{color:var(--muted);font-size:8px}.cw-playlist-tracks article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid var(--line);padding:8px 2px}.cw-playlist-tracks article>span{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.cw-playlist-tracks article strong,.cw-playlist-tracks article small{display:block}.cw-playlist-tracks article small{margin-top:2px;color:var(--muted);font-size:8px}.cw-playlist-tracks article button{min-height:31px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:5px 9px;font:800 9px inherit;cursor:pointer}.cw-playlist-panel{border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:15px}.cw-playlist-panel>div{display:grid;gap:7px;margin:14px 0}.cw-playlist-panel>div button{display:grid;grid-template-columns:26px 1fr;gap:2px 7px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:9px;text-align:left;cursor:pointer}.cw-playlist-panel>div button.active{border-color:var(--cw-accent);background:color-mix(in srgb,var(--cw-accent) 9%,var(--card))}.cw-playlist-panel>div button>span{grid-row:1/3}.cw-playlist-panel>div button small{color:var(--muted);font-size:8px}.cw-playlist-panel form{display:grid;gap:7px}.cw-playlist-panel input{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);padding:8px;font:10px inherit}
.cw-youtube-app{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;min-height:570px}.cw-youtube-player{align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#000;aspect-ratio:16/9}.cw-youtube-player iframe{width:100%;height:100%;border:0}.cw-youtube-empty{display:grid;min-height:420px;place-items:center;align-content:center;border:1px dashed var(--line);border-radius:14px;background:var(--card2);padding:30px;text-align:center}.cw-youtube-empty>span{display:grid;width:70px;height:70px;place-items:center;border-radius:50%;background:#ff0033;color:#fff;font-size:25px}.cw-youtube-empty h3{margin:15px 0 5px}.cw-youtube-empty p{max-width:42ch;color:var(--muted);font-size:11px;line-height:1.55}.cw-youtube-tools{display:flex;flex-direction:column;gap:16px}.cw-youtube-tools form{display:grid;gap:9px;border:1px solid var(--line);border-radius:13px;background:var(--card2);padding:14px}.cw-youtube-tools form p{color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:760px){.cw-ambient-app-head,.cw-radio-app,.cw-youtube-app{grid-template-columns:1fr}.cw-ambient-row{grid-template-columns:42px minmax(90px,1fr) 34px 58px}.cw-ambient-row>label{grid-column:1/-1}.cw-youtube-app{min-height:0}.cw-youtube-empty{min-height:280px}}

/* Interactive dashboard additions: quiet headers, real theme controls and compact data cards. */
.cw-widget[data-widget-layout="small"] .cw-widget-title>.cw-widget-title-icon{display:none!important}.cw-widget-title{gap:4px}.cw-widget-app-head .cw-widget-title{gap:9px}
.cw-widget{background:color-mix(in srgb,var(--cw-widget-custom-bg,var(--card)) var(--cw-widget-opacity,94%),transparent);box-shadow:0 8px 28px rgba(0,0,0,.2),0 0 24px color-mix(in srgb,var(--cw-glow,transparent) 19%,transparent),inset 0 1px 0 rgba(255,255,255,.025)}
.cw-glow-swatches{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cw-glow-swatches>button,.cw-glow-swatches>label{display:grid;width:31px;height:31px;place-items:center;border:2px solid transparent;border-radius:50%;background:var(--swatch,var(--card2));color:var(--muted);font-size:7px;font-weight:900;cursor:pointer}.cw-glow-swatches>button.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--card),0 0 14px color-mix(in srgb,var(--swatch,var(--accent)) 50%,transparent)}.cw-glow-swatches .cw-glow-off{width:42px;border-radius:999px}.cw-glow-swatches input{width:31px!important;height:31px!important;border:0!important;border-radius:50%;padding:0!important;overflow:hidden;cursor:pointer}
.cw-page[data-font-style=pixel]{font-family:"Courier New",monospace}.cw-page[data-font-style=comic]{font-family:"Comic Sans MS","Segoe Print",cursive}.cw-page[data-font-style=cosy]{font-family:Georgia,"Times New Roman",serif}.cw-page[data-font-style=typewriter]{font-family:"Lucida Console",Monaco,monospace}.cw-page[data-font-style=rounded]{font-family:"Trebuchet MS","Arial Rounded MT Bold",sans-serif}

.cw-youtube-mini{display:grid;height:100%;min-height:0;grid-template-rows:minmax(70px,1fr) auto;gap:5px}.cw-youtube-stage{position:relative;min-height:70px;overflow:hidden;border-radius:9px;background:#000}.cw-youtube-mini iframe{width:100%;height:100%;min-height:70px;border:0;background:#000;pointer-events:none}.cw-youtube-stage.is-playing iframe{pointer-events:auto}.cw-youtube-controls{position:absolute;z-index:4;top:7px;right:7px;display:flex;gap:5px;transition:opacity .18s}.cw-youtube-stage.is-playing .cw-youtube-controls{opacity:.28}.cw-youtube-stage:hover .cw-youtube-controls,.cw-youtube-stage:focus-within .cw-youtube-controls{opacity:1}.cw-youtube-controls button{border:1px solid #ffffff45;border-radius:7px;background:#08101ee6;color:#fff;padding:5px 8px;font:800 8px/1 inherit;cursor:pointer;box-shadow:0 3px 12px #0007}.cw-youtube-controls button:hover{background:var(--cw-accent)}.cw-youtube-mini .cw-range{margin:0}.cw-youtube-results{display:grid;gap:7px;max-height:300px;overflow:auto}.cw-youtube-results button{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);padding:6px;text-align:left;cursor:pointer}.cw-youtube-results img{width:92px;aspect-ratio:16/9;border-radius:7px;object-fit:cover}.cw-youtube-results strong{font-size:10px;line-height:1.35}
.cw-live-list,.cw-market-list,.cw-clock-list{display:grid;gap:5px}.cw-live-list article,.cw-market-list article,.cw-clock-list article{display:grid;align-items:center;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:9px;background:color-mix(in srgb,var(--card2) 78%,transparent);padding:6px 8px}.cw-live-list article{grid-template-columns:56px 1fr 1fr;gap:7px}.cw-live-list article>span{color:var(--cw-accent);font-size:7px;font-weight:900;text-transform:uppercase}.cw-live-list b{display:flex;justify-content:space-between;gap:4px;font-size:9px}.cw-live-list i{color:var(--ink);font-style:normal}.cw-market-list article{grid-template-columns:minmax(80px,1fr) auto 50px auto;gap:8px}.cw-market-list b,.cw-market-list small{display:block}.cw-market-list b{font-size:10px}.cw-market-list small{margin-top:2px;color:var(--muted);font-size:7px}.cw-market-list strong{font-size:12px}.cw-market-list .up{color:#39b993}.cw-market-list .down{color:#e76b7d}.cw-market-list article>span{font-size:8px;text-align:right}.cw-market-list article>button,.cw-clock-list article>button{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.cw-live-empty{display:grid;place-items:center;gap:5px;min-height:110px;border:1px dashed var(--line);border-radius:10px;padding:14px;text-align:center}.cw-live-empty b{font-size:11px}.cw-live-empty span{color:var(--muted);font-size:8px}.cw-live-empty button{border:1px solid color-mix(in srgb,var(--cw-accent) 55%,var(--line));border-radius:8px;background:var(--card2);color:var(--ink);padding:7px 10px;font:800 8px/1 inherit;cursor:pointer}
.cw-clock-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-clock-list article{grid-template-columns:auto 1fr auto;gap:8px}.cw-clock-list strong,.cw-clock-list small{display:block}.cw-clock-list strong{font-size:17px}.cw-clock-list small{color:var(--muted);font-size:8px}.cw-clock-face{position:relative;display:none;width:38px;height:38px;border:2px solid color-mix(in srgb,var(--cw-accent) 45%,var(--line));border-radius:50%;background:radial-gradient(circle,var(--cw-accent) 0 2px,transparent 3px),var(--card)}.cw-clock-list.analogue .cw-clock-face{display:block}.cw-clock-face i,.cw-clock-face b{position:absolute;bottom:50%;left:calc(50% - 1px);width:2px;border-radius:2px;background:var(--ink);transform-origin:50% 100%}.cw-clock-face i{height:11px;transform:rotate(var(--hour))}.cw-clock-face b{height:15px;background:var(--cw-accent);transform:rotate(var(--minute))}
.cw-timer-clock{position:relative;display:grid;width:118px;height:118px;margin:8px auto;place-items:center;border-radius:50%;background:conic-gradient(var(--cw-accent) var(--timer-progress),var(--card2) 0);box-shadow:inset 0 0 0 10px var(--card)}.cw-timer-clock i,.cw-timer-clock b{position:absolute;bottom:50%;left:calc(50% - 1px);width:2px;transform-origin:bottom;background:var(--ink)}.cw-timer-clock i{height:27px;transform:rotate(calc(var(--timer-progress) / 12))}.cw-timer-clock b{height:39px;background:var(--cw-accent);transform:rotate(var(--timer-progress))}.cw-timer-clock span{position:absolute;bottom:14px;font-size:10px;font-weight:900}.cw-timer-progress{display:grid;gap:10px;margin:20px auto;width:min(300px,90%);text-align:center}.cw-timer-progress>b{font-size:42px}.cw-timer-progress>span{height:12px;overflow:hidden;border-radius:999px;background:var(--card2)}.cw-timer-progress>span i{display:block;width:var(--timer-percent);height:100%;border-radius:inherit;background:var(--cw-accent);transition:width .3s}
.cw-habit-plus{min-width:31px!important;width:auto!important;padding-inline:7px!important;color:var(--cw-accent)!important;font-size:8px!important;font-weight:900}
.cw-ambient-row{--sound-colour:var(--cw-accent);border-color:color-mix(in srgb,var(--sound-colour) 26%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--sound-colour) 8%,var(--card2)),var(--card2))}.cw-ambient-row.sound-tone-aqua{--sound-colour:#41c7e8}.cw-ambient-row.sound-tone-ember{--sound-colour:#f29a55}.cw-ambient-row.sound-tone-leaf{--sound-colour:#64c58b}.cw-ambient-row.sound-tone-violet{--sound-colour:#a879f2}.cw-ambient-row.sound-tone-sky{--sound-colour:#7199ff}.cw-ambient-row.active{border-color:color-mix(in srgb,var(--sound-colour) 70%,var(--line));box-shadow:0 0 20px color-mix(in srgb,var(--sound-colour) 12%,transparent)}.cw-ambient-row>img,.cw-ambient-row>.cw-ambient-icon{border:1px solid color-mix(in srgb,var(--sound-colour) 46%,var(--line))}.cw-ambient-row>div strong{color:color-mix(in srgb,var(--sound-colour) 72%,var(--ink))}.cw-ambient-row input[type=range]{accent-color:var(--sound-colour)}.cw-toggle{display:flex!important;grid-template-columns:auto!important;align-items:center;justify-content:center;gap:5px!important;color:var(--muted);font-size:9px}.cw-toggle input{width:16px!important;height:16px;accent-color:var(--sound-colour)}.cw-toggle input:checked+span{color:var(--sound-colour);font-weight:900}.cw-ambient-row .cw-sort-handle{display:inline-block;margin-right:5px;color:var(--sound-colour);font-size:11px;font-weight:900;cursor:grab}.cw-ambient-row.is-sorting,.cw-playlist-tracks article.is-sorting{opacity:.55}.cw-ambient-row.is-sort-target,.cw-playlist-tracks article.is-sort-target{outline:2px dashed var(--accent);outline-offset:2px}.cw-playlist-tracks article{position:relative}.cw-playlist-tracks article .cw-sort-handle{float:left;margin-top:8px}.cw-radio-extra{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:12px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.cw-radio-extra p,.cw-playlist-hint{color:var(--muted);font-size:9px;line-height:1.45}.cw-radio-extra code{color:var(--cw-accent)}.cw-playlist-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:5px}.cw-playlist-choice>button:first-child{min-width:0}.cw-playlist-choice>[data-playlist-delete]{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);padding:4px 7px;font:800 8px inherit;cursor:pointer}.cw-playlist-choice>[data-playlist-delete]:hover{border-color:#e66c7c;color:#e66c7c}.cw-prebuilt-label{grid-column:1/-1;margin:-3px 0 3px 34px;color:var(--accent2);font-size:8px}.cw-sound-grid button.sound-tone-aqua{border-color:#41c7e866}.cw-sound-grid button.sound-tone-ember{border-color:#f29a5566}.cw-sound-grid button.sound-tone-leaf{border-color:#64c58b66}.cw-sound-grid button.sound-tone-violet{border-color:#a879f266}.cw-sound-grid button.sound-tone-sky{border-color:#7199ff66}

/* Media controls, safe reordering, destructive actions, and illustrated weather. */
.cw-ambient-row{cursor:default}.cw-ambient-row .cw-sort-handle{padding:8px 5px;margin:-8px 3px -8px -5px;touch-action:none;user-select:none}.cw-ambient-row .cw-sort-handle:active{cursor:grabbing}.cw-ambient-row>div{display:flex;align-items:center;min-width:0}.cw-ambient-row>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-ambient-feature button span,.cw-radio-play span{display:block;line-height:1}.cw-radio-play span{font-size:14px}.cw-delete-button{color:#ff667b!important}.cw-delete-button:hover{border-color:#ff667b!important;background:rgba(255,78,103,.12)!important;color:#ff8b9b!important}.cw-widget-actions .cw-delete-button{font-size:13px}.cw-weather-icon{display:block;width:52px;height:52px;overflow:visible}.cw-weather-icon .sun{fill:#ffad18;stroke:#ff8a00;stroke-width:2}.cw-weather-icon .rays,.cw-weather-icon .rain,.cw-weather-icon .snow,.cw-weather-icon .wind,.cw-weather-icon .fog{fill:none;stroke-linecap:round;stroke-width:4}.cw-weather-icon .rays{stroke:#ffb21b}.cw-weather-icon .cloud{fill:url(#none);fill:#b9d4ff;stroke:#73a7f4;stroke-width:2}.cw-weather-icon .rain{stroke:#4285f4}.cw-weather-icon .snow{stroke:#74b7ff;stroke-width:2.5}.cw-weather-icon .bolt{fill:#ffd43b;stroke:#f59f00;stroke-width:1.5}.cw-weather-icon .wind,.cw-weather-icon .fog{stroke:#9bb2ce}.cw-weather-clear{width:48px;height:48px}.cw-weather-forecast .cw-weather-icon{width:42px;height:42px}.cw-weather-app-current .cw-weather-icon{width:88px;height:88px}.cw-weather-forecast article span{font-size:inherit}.cw-widget-app-dialog>.ws-toast{z-index:99999;bottom:34px;border:1px solid color-mix(in srgb,var(--cw-accent) 55%,#fff);background:#ffffff;color:#111827;box-shadow:0 14px 40px rgba(0,0,0,.45);filter:none;backdrop-filter:none}

.cw-image-view,.cw-image-empty{position:relative;width:100%;height:100%;min-height:90px;overflow:hidden;border:0;border-radius:9px;background:var(--card2);color:var(--muted);cursor:pointer}.cw-image-view img{width:100%;height:100%}.cw-image-view span{position:absolute;top:7px;right:7px;border-radius:999px;background:rgba(5,8,18,.72);color:#fff;padding:4px 7px;font-size:7px;opacity:0;transition:opacity .15s}.cw-image-view:hover span,.cw-image-view:focus-visible span{opacity:1}.cw-image-app{display:grid;min-height:560px;grid-template-columns:minmax(0,1fr) 260px;gap:16px}.cw-image-app>img,.cw-image-drop{width:100%;height:560px;border-radius:13px;background:repeating-conic-gradient(var(--card2) 0 25%,var(--bg2) 0 50%) 0/24px 24px;object-fit:contain}.cw-image-drop{display:grid;place-items:center;color:var(--muted)}.cw-image-app>div:last-child{display:flex;flex-direction:column;gap:10px}
.cw-data-app{display:grid;gap:15px;max-width:900px;margin:auto}.cw-data-app>form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:9px;border:1px solid var(--line);border-radius:13px;background:var(--card2);padding:13px}.cw-data-app>p{color:var(--muted);font-size:9px}.cw-data-app .cw-live-list article,.cw-data-app .cw-market-list article{min-height:48px}

/* One deliberate scrollbar per surface, coloured by the current theme. */
:where(.cw-library-panel,.cw-workspace-panel,.cw-settings-shell,.cw-widget-app-body,.cw-youtube-results){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 58%,transparent) transparent}
:where(.cw-library-panel,.cw-workspace-panel,.cw-settings-shell,.cw-widget-app-body,.cw-youtube-results)::-webkit-scrollbar{width:7px;height:7px}
:where(.cw-library-panel,.cw-workspace-panel,.cw-settings-shell,.cw-widget-app-body,.cw-youtube-results)::-webkit-scrollbar-track{background:transparent}
:where(.cw-library-panel,.cw-workspace-panel,.cw-settings-shell,.cw-widget-app-body,.cw-youtube-results)::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 62%,transparent);background-clip:padding-box}
.cw-settings-dialog{overflow:hidden}.cw-settings-shell{height:100%;max-height:inherit;overflow:auto}.cw-settings-shell>.cw-dialog-actions{z-index:5}

/* Full-screen desk mode keeps one unobtrusive escape control over the canvas. */
.cw-fullscreen-exit{display:none;position:fixed;z-index:10000;top:12px;right:12px;min-height:38px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--ink);padding:8px 13px;font:850 10px inherit;box-shadow:0 10px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px);cursor:pointer}.cw-page.is-desk-fullscreen{grid-template-columns:1fr!important}.cw-page.is-desk-fullscreen :is(.cw-library-panel,.cw-workspace-panel,.cw-page-head,.cw-layout-note,.cw-page-navigation){display:none!important}.cw-page.is-desk-fullscreen .cw-stage{grid-column:1;grid-template-rows:minmax(0,1fr);height:100vh}.cw-page.is-desk-fullscreen .cw-canvas-wrap{padding:0}.cw-page.is-desk-fullscreen .cw-stage .cw-grid{border:0;border-radius:0}.cw-page.is-desk-fullscreen .cw-fullscreen-exit{display:block}

@media(max-width:760px){.cw-data-app>form{grid-template-columns:1fr}.cw-image-app{grid-template-columns:1fr}.cw-image-app>img,.cw-image-drop{height:48dvh}.cw-clock-list{grid-template-columns:1fr}.cw-live-list article{grid-template-columns:48px 1fr}.cw-live-list article>b:last-child{grid-column:2}}

.cw-mobile-nav{display:none}

/* Simplified appearance controls: one canvas pattern, one widget colour, one outer glow. */
.cw-page .cw-grid .cw-widget{border-color:color-mix(in srgb,var(--accent) 64%,var(--line));box-shadow:0 8px 28px rgba(0,0,0,.24),0 0 18px color-mix(in srgb,var(--cw-glow,transparent) 58%,transparent),0 0 42px color-mix(in srgb,var(--cw-glow,transparent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.035)}
.cw-page .cw-grid[data-pattern=dots]{background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent) 1.2px,transparent 1.6px)!important;background-size:20px 20px!important}
.cw-page .cw-grid[data-pattern=paper]{background-image:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--accent) 24%,transparent) 28px 29px)!important;background-size:100% 29px!important}
.cw-page .cw-grid[data-pattern=waves]{background-image:radial-gradient(ellipse at 0 100%,transparent 21px,color-mix(in srgb,var(--accent) 24%,transparent) 22px 25px,transparent 26px)!important;background-size:54px 34px!important}
.cw-colour-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin:6px 0 12px}.cw-colour-control input{min-height:39px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);padding:7px 9px}.cw-colour-control input[type=color]{padding:3px;cursor:pointer}.cw-inspector-advanced{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.cw-inspector-advanced summary{color:var(--muted);font-size:9px;font-weight:900;cursor:pointer}.cw-inspector-advanced[open] summary{margin-bottom:10px}.cw-radio-loop{width:auto!important;min-width:43px;padding:6px 8px!important;margin:6px 0 0;color:var(--cw-accent)!important;font-weight:900}
.cw-radio-loop{min-height:32px;border:1px solid color-mix(in srgb,var(--cw-accent) 45%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--cw-accent) 9%,var(--card2));cursor:pointer}.cw-radio-loop+.cw-track-select{display:inline-block;width:calc(100% - 58px);margin-left:7px;vertical-align:bottom}
.cw-widget.is-resizing iframe,.cw-widget.is-dragging iframe{pointer-events:none}.cw-youtube-search-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.cw-youtube-search-primary button{min-height:40px}.cw-youtube-search-hint{margin:10px 0;color:var(--muted);font-size:9px;line-height:1.5}.cw-youtube-paste{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.cw-youtube-paste summary{color:var(--muted);font-size:9px;font-weight:850;cursor:pointer}.cw-youtube-paste form{display:grid;gap:8px;margin-top:10px}
.cw-youtube-paste-form small{color:var(--muted);font-size:8px;line-height:1.5}
/* Shared alert, reminder and responsive widget refinements. */
.cw-alert-popover{position:fixed;z-index:12000;right:20px;bottom:20px;width:min(390px,calc(100vw - 28px));border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--card) 96%,transparent);color:var(--ink);padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.cw-alert-popover>div{display:flex;align-items:flex-start;gap:12px}.cw-alert-popover>div>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:950}.cw-alert-popover strong{font-size:15px}.cw-alert-popover p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.cw-alert-popover button{width:100%;margin-top:14px;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:10px;font-weight:850;cursor:pointer}
.cw-reminder-list{display:flex;max-height:calc(100% - 110px);overflow:auto;flex-direction:column;gap:6px}.cw-reminder-list article{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:9px;background:var(--card2);padding:8px}.cw-reminder-list article div{min-width:0}.cw-reminder-list strong,.cw-reminder-list small{display:block;overflow-wrap:anywhere}.cw-reminder-list small{margin-top:3px;color:var(--muted);font-size:9px}.cw-reminder-list .is-done{opacity:.55}.cw-reminder-list button{border:0;background:transparent;color:var(--muted);cursor:pointer}.cw-reminder-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,auto);gap:5px;margin-top:8px}.cw-reminder-form :is(input,select,button){min-width:0;min-height:32px;border:1px solid var(--line);border-radius:7px;background:var(--card2);color:var(--ink);padding:5px;font:9px inherit}.cw-reminder-form button{background:var(--cw-accent);color:#fff;font-weight:850}.cw-habit-form{grid-template-columns:minmax(0,1fr) 62px 30px}
.cw-task,.cw-habit-row,.cw-goal-list>div{height:auto;align-items:flex-start}.cw-task label,.cw-habit-row label,.cw-goal-list label{align-items:flex-start;line-height:1.35}.cw-task label span,.cw-habit-row label span,.cw-goal-list label span{white-space:normal;overflow-wrap:anywhere}
.cw-page.is-desk-fullscreen .cw-page-navigation{display:flex!important;position:fixed;z-index:9998;right:0;bottom:0;left:0;transform:translateY(calc(100% - 10px));opacity:0;transition:transform .18s ease,opacity .18s ease}.cw-page.is-desk-fullscreen .cw-page-navigation:hover,.cw-page.is-desk-fullscreen .cw-page-navigation:focus-within{transform:none;opacity:1}.cw-page.is-desk-fullscreen .cw-page-navigation::before{position:absolute;right:0;bottom:100%;left:0;height:32px;content:""}

/* Final size contracts: compact keeps core actions, standard is the dashboard sweet spot, expanded adds advanced editing. */
.cw-task,.cw-habit-row,.cw-goal-list>div{min-height:0!important;height:auto!important;align-items:flex-start!important;padding-block:6px!important}.cw-task label,.cw-habit-row label,.cw-goal-list label{min-height:22px;align-items:flex-start!important;line-height:1.4!important}.cw-task label span,.cw-habit-row label span,.cw-goal-list label span{display:block;white-space:normal!important;overflow:visible!important;line-height:1.4!important}.cw-task :is(.cw-sort-handle,input),.cw-habit-row :is(.cw-sort-handle,input),.cw-goal-list>div :is(.cw-sort-handle,input){margin-top:2px}.cw-task>button,.cw-habit-row>button,.cw-goal-list>div>button{flex:none;margin-top:0}
.cw-widget-radio .cw-widget-body{display:flex;overflow:hidden;flex-direction:column}.cw-widget-radio .cw-radio-feature{flex:none}.cw-radio-transport{display:flex!important;align-items:center!important;justify-content:center;flex-wrap:nowrap;gap:6px}.cw-radio-transport button,.cw-radio-transport .cw-radio-loop{width:34px!important;min-width:34px;height:34px;min-height:34px;margin:0!important;padding:0!important;border-radius:9px;font-size:13px}.cw-radio-transport .cw-radio-play{width:46px!important;min-width:46px;height:46px;min-height:46px;font-size:17px}.cw-radio-loop{color:var(--cw-accent)!important}.cw-track-select{width:100%;min-height:34px;margin-top:8px}.cw-radio-range{display:block!important;flex:none;margin-top:8px!important}.cw-radio-range input{width:100%}
.cw-timer{justify-content:flex-start;overflow:hidden}.cw-timer output{flex:none}.cw-timer-alert-summary{display:grid;width:100%;min-height:40px;margin-top:8px;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--cw-accent) 30%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--cw-accent) 7%,var(--card2));color:var(--ink);padding:6px 8px;text-align:left;cursor:pointer}.cw-timer-alert-summary>span{color:var(--cw-accent);font-size:15px}.cw-timer-alert-summary b{font-size:9px}.cw-timer-alert-summary small{min-width:0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cw-timer-alert-form{display:grid;width:100%;margin-top:10px;grid-template-columns:2fr 1fr 1fr auto auto;align-items:end;gap:7px}.cw-timer-alert-form label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800}.cw-timer-alert-form :is(input,select,button){min-width:0;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:6px 8px;font:9px inherit}.cw-timer-alert-form button{background:var(--cw-accent);color:#fff;font-weight:900}.cw-timer-alert-form .cw-check{display:flex;min-height:34px;align-items:center}.cw-timer-alert-form .cw-check input{width:16px;min-height:16px}
.cw-calendar-compact{display:none}.cw-calendar-compact>strong{display:block;margin-bottom:8px;font-size:10px}.cw-calendar-compact>div{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cw-calendar-compact button{display:grid;min-height:44px;place-items:center;border:0;border-radius:8px;background:var(--card2);color:var(--ink);cursor:pointer}.cw-calendar-compact button small{color:var(--muted);font-size:7px}.cw-calendar-compact button b{font-size:11px}.cw-calendar-compact button.today{background:var(--cw-accent);color:#fff}.cw-calendar-compact button.has-event{box-shadow:inset 0 -3px var(--accent2)}.cw-calendar-compact p{margin:8px 0 0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.cw-weather-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:10px}.cw-weather-choices>strong{grid-column:1/-1;font-size:11px}.cw-weather-choices button{display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);padding:8px;text-align:left;cursor:pointer}.cw-weather-choices span{color:var(--muted);font-size:9px}
.cw-item-target{display:none}.cw-widget-app-body .cw-item-target{display:block;width:68px;min-height:34px;border:1px solid var(--line);border-radius:7px;background:var(--card2);color:var(--ink);padding:5px;font:10px inherit}.cw-radio-loop sup{font-size:7px;vertical-align:super}

/* Multiline content always owns its natural height in every widget size. */
.cw-task-group,.cw-habit-list,.cw-goal-list,.cw-quicklinks,.cw-reference-list,.cw-reminder-list{gap:8px}
.cw-task,.cw-habit-row,.cw-goal-list>div,.cw-quicklinks>div,.cw-reference,.cw-reminder-list article{box-sizing:border-box;min-height:34px!important;height:auto!important;padding-block:7px!important}
.cw-task label,.cw-habit-row label,.cw-goal-list label,.cw-quicklinks a,.cw-reference a,.cw-reminder-list article div{min-width:0;align-self:stretch;line-height:1.45!important}
.cw-task label span,.cw-habit-row label span,.cw-goal-list label span,.cw-quicklinks a,.cw-reference a,.cw-reminder-list :is(strong,small){display:block;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;word-break:break-word}
.cw-task+.cw-task{margin-top:0}
.cw-habit-row>button,.cw-goal-list>div>button{display:inline-grid!important;min-width:24px;width:24px;height:24px;place-items:center;padding:0;font-size:13px;font-weight:850}
.cw-widget,.cw-widget-app{--cw-widget-custom-bg:var(--card)!important;--cw-widget-custom-text:var(--ink)!important}

/* Purpose-built compact widgets and global workspace appearance. */
.cw-widget{border-color:var(--cw-widget-edge,var(--line))!important;color:var(--cw-widget-text,var(--ink))!important;opacity:var(--cw-widget-alpha,1)}.cw-widget-app{color:var(--cw-widget-text,var(--ink))!important}.cw-widget-app-dialog{border-color:var(--cw-widget-edge,var(--line))!important}

/* Two-layer product architecture: focused widgets and a shared full-app shell. */
.cw-open-app{font-size:16px!important;letter-spacing:0!important}.cw-open-app span{transform:none}
.cw-widget-overflow{position:relative}.cw-widget-overflow>summary,.cw-app-manage>summary{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;color:var(--muted);cursor:pointer;list-style:none}.cw-widget-overflow>summary::-webkit-details-marker,.cw-app-manage>summary::-webkit-details-marker{display:none}.cw-widget-overflow>div,.cw-app-manage>div{position:absolute;z-index:80;top:calc(100% + 5px);right:0;display:grid;min-width:170px;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 14px 38px rgba(0,0,0,.35);padding:6px}.cw-widget-overflow>div>button,.cw-app-manage>div>button{min-height:32px;border:0;border-radius:7px;background:transparent;color:var(--ink);padding:6px 9px;font:750 9px inherit;text-align:left;cursor:pointer}.cw-widget-overflow>div>button:hover,.cw-app-manage>div>button:hover{background:var(--card2)}.cw-overflow-resize{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:2px}.cw-overflow-resize button{min-height:28px;border:1px solid var(--line);border-radius:6px;background:var(--card2);color:var(--muted);font:800 8px inherit;cursor:pointer}.cw-app-manage{position:relative}.cw-app-manage>summary{border:1px solid var(--line);background:var(--card2)}
.cw-widget-notes .cw-widget-body,.cw-widget-notes .cw-notes-layout{align-content:start!important;align-items:stretch!important}.cw-widget-notes .cw-notes-small{place-content:start!important;padding-top:8px}.cw-widget-notes .cw-note-page{justify-content:flex-start}.cw-widget-notes .cw-note-title{flex:none}.cw-widget-notes .cw-notes{align-self:stretch}
.cw-sound-grid button{position:relative;overflow:hidden;padding:0!important}.cw-sound-grid button img{width:100%!important;height:100%!important;border-radius:inherit!important;object-fit:cover}.cw-sound-grid button::after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,transparent 55%,rgba(3,7,16,.25));content:"";pointer-events:none}.cw-sound-grid button.active{box-shadow:inset 0 0 0 2px var(--cw-accent),0 0 0 2px color-mix(in srgb,var(--cw-accent) 18%,transparent)}
.cw-radio-station-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px}.cw-radio-station-picker .cw-track-select{margin:0}.cw-radio-station-picker button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:6px 10px;font:800 9px inherit;cursor:pointer}.cw-radio-loop.active{border-color:var(--cw-accent)!important;color:var(--cw-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--cw-accent) 13%,transparent)}
.cw-app-workspace{min-height:0}.cw-app-preferences{margin-top:18px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}.cw-app-preferences>summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:10px 13px;cursor:pointer;list-style:none}.cw-app-preferences>summary::-webkit-details-marker{display:none}.cw-app-preferences>summary span{display:grid;gap:2px}.cw-app-preferences>summary small{color:var(--muted);font-size:8px}.cw-app-preferences>summary::after{content:"＋";color:var(--muted)}.cw-app-preferences[open]>summary::after{content:"−"}.cw-app-preferences form{display:grid;gap:12px;border-top:1px solid var(--line);padding:13px}.cw-app-preference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px}.cw-app-preferences form>.ws-primary{justify-self:end}
.cw-todo-app,.cw-notes-app{display:grid;min-height:590px;grid-template-columns:210px minmax(0,1fr);gap:16px}.cw-app-navigation{display:flex;min-width:0;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:15px}.cw-app-navigation>strong{font-size:18px}.cw-app-navigation>div:not(.cw-notes-index){display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px}.cw-app-navigation p{margin-top:auto;color:var(--muted);font-size:9px;line-height:1.5}.cw-app-primary{min-width:0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card2) 55%,var(--card));padding:15px}.cw-notes-index{display:grid;gap:5px;overflow:auto}.cw-notes-index button{display:grid;gap:3px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);padding:8px;text-align:left;cursor:pointer}.cw-notes-index button[aria-current=page]{border-color:var(--cw-accent);background:color-mix(in srgb,var(--cw-accent) 10%,var(--card))}.cw-notes-index small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cw-notes-app .cw-app-primary .cw-notes-layout{display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.cw-notes-app .cw-note-page{height:auto!important;min-height:0!important}.cw-notes-app .cw-notes{min-height:0!important}.cw-tracker-app{display:grid;gap:14px}.cw-tracker-app>header{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--cw-accent) 14%,var(--card2)),var(--card2));padding:15px 18px}.cw-tracker-app h3{margin:3px 0 0;font-size:20px}.cw-tracker-score{display:grid;text-align:right}.cw-tracker-score strong{font-size:27px}.cw-tracker-score small{color:var(--muted)}.cw-tracker-app>section{min-height:490px;border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:14px}
.cw-timer-app{min-height:590px}.cw-timer-app .cw-timer-v2{min-height:590px}.cw-calendar-app{grid-template-rows:auto minmax(0,1fr)}.cw-calendar-view-tabs{grid-column:1/-1;display:flex;align-items:center;gap:5px}.cw-calendar-view-tabs button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--muted);padding:6px 11px;font:800 9px inherit;cursor:pointer}.cw-calendar-view-tabs button[aria-pressed=true]{border-color:var(--cw-accent);background:color-mix(in srgb,var(--cw-accent) 13%,var(--card));color:var(--ink)}.cw-calendar-view-tabs button:last-child{margin-left:auto}.cw-calendar-full-agenda{display:grid;align-content:start;gap:7px}.cw-calendar-full-agenda>button{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--ink);padding:12px;text-align:left;cursor:pointer}.cw-calendar-full-agenda time{color:var(--cw-accent);font-weight:850}.cw-calendar-full-agenda span{display:grid;gap:3px}.cw-calendar-full-agenda small{color:var(--muted)}
@media(max-width:760px){.cw-todo-app,.cw-notes-app{min-height:0;grid-template-columns:1fr}.cw-app-navigation{max-height:220px}.cw-radio-station-picker{grid-template-columns:1fr}.cw-calendar-view-tabs{overflow-x:auto}.cw-app-preference-grid{grid-template-columns:1fr}}
.cw-widget :is(h1,h2,h3,h4,strong,small,p,span,label,button,input,textarea,select,a){color:inherit}.cw-widget :is(button,input[type=range],input[type=checkbox]){accent-color:var(--accent)}
.cw-canvas-wrap{position:relative;background-size:var(--cw-background-fit,cover)!important}.cw-canvas-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:1;pointer-events:none;transition:opacity .12s ease}.cw-canvas-video.is-loading{opacity:0}.cw-canvas-wrap>.cw-grid{position:relative;z-index:1}
.cw-inspector-section{margin:0;border:0;border-bottom:1px solid var(--line);padding:0}.cw-inspector-section>summary{padding:13px 0;color:var(--ink);font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.cw-inspector-section>summary::after{float:right;content:"+";color:var(--muted)}.cw-inspector-section[open]>summary::after{content:"−"}.cw-inspector-section>div{display:grid;gap:10px;padding:0 0 14px}.cw-upload-field{display:grid;gap:6px;color:var(--ink);font-size:10px;font-weight:850}.cw-upload-field input{max-width:100%;font-size:9px}.cw-small-action,.cw-inline-settings-actions button{min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:6px 8px;font:850 9px inherit;cursor:pointer}.cw-inline-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cw-setting-hint{margin:0;color:var(--muted);font-size:8px;line-height:1.45}

/* Unified colour controls and background-only widget transparency. */
.cw-widget{opacity:1!important;border-top:0!important}.cw-colour-control{position:relative}.cw-colour-swatch{width:42px;min-height:39px;border:1px solid var(--line);border-radius:9px;background:var(--selected-colour,var(--card2));box-shadow:inset 0 0 0 5px var(--card2);cursor:pointer}.cw-colour-popover{position:absolute;z-index:30;right:0;top:calc(100% + 5px);display:grid;width:180px;grid-template-columns:1fr auto;gap:7px;border:1px solid var(--line);border-radius:11px;background:var(--card);padding:9px;box-shadow:0 14px 35px rgba(0,0,0,.35)}.cw-colour-popover[hidden]{display:none}.cw-colour-popover input[type=color]{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--card2);padding:3px}.cw-colour-popover button{border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);padding:7px 9px;font:850 9px inherit;cursor:pointer}.cw-opacity-field{margin-top:2px}.cw-opacity-field output{display:block;margin-top:-2px}.cw-opacity-field input[type=range]{width:100%;height:18px;margin:0;appearance:none;background:transparent}.cw-opacity-field input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid var(--line);border-radius:99px;background:linear-gradient(to right,var(--accent) 0 var(--range-percent,94%),var(--card2) var(--range-percent,94%) 100%)}.cw-opacity-field input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:2px solid var(--card);border-radius:50%;background:var(--accent)}.cw-opacity-field input[type=range]::-moz-range-track{height:6px;border:1px solid var(--line);border-radius:99px;background:var(--card2)}.cw-opacity-field input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--accent)}

/* Multiline task rows grow with their text instead of sharing a fixed line box. */
.cw-task{display:grid!important;grid-template-columns:16px minmax(0,1fr) 24px;align-items:start!important;column-gap:7px;min-height:max-content!important;padding:7px 1px!important}.cw-task>.cw-sort-handle{grid-column:1;margin-top:3px}.cw-task>label{display:grid!important;grid-column:2;grid-template-columns:16px minmax(0,1fr);align-items:start!important;gap:7px;min-height:max-content!important;line-height:1.45!important}.cw-task>label input{margin-top:1px}.cw-task>label span{min-height:max-content!important;line-height:1.45!important}.cw-task>button{grid-column:3;margin-top:0}

/* Balanced timer layouts: session choice follows the primary action. */

/* Clearer timer settings and inline sound preview. */
.cw-settings-shell{scroll-padding-top:96px}.cw-settings-section{padding-block:24px}.cw-settings-section h3{margin-bottom:18px}.cw-settings-section .cw-settings-grid{gap:14px 10px}.cw-settings-section .cw-field{gap:7px}.cw-sound-preview{min-height:36px;margin-top:6px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--card2));color:var(--ink);font:850 9px inherit;cursor:pointer}.cw-sound-preview span{margin-right:5px;color:var(--accent)}.cw-test-alert{margin-top:14px}
.cw-widget-head{background:color-mix(in srgb,var(--card2) var(--cw-widget-opacity,94%),transparent)!important}

/* Cohesive canvas toggle, text-only widget library and presentation mode. */
.cw-colour-toggle{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);font:850 10px inherit;cursor:pointer}.cw-colour-toggle.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--card2));color:var(--accent)}
.cw-library-item{grid-template-columns:minmax(0,1fr) auto!important}.cw-widget-preview{display:none!important}.cw-library-copy{grid-column:1}.cw-library-item>button{grid-column:2}

/* Clock presentation styles for clean video-overlay desks. */
.cw-clock-list:not(.circle){grid-template-columns:1fr}.cw-clock-list:not(.circle) article{position:relative;display:grid;min-height:110px;place-items:center;grid-template-columns:1fr;background:transparent;border-color:transparent;text-align:center}.cw-clock-list:not(.circle) article>div strong{font-size:clamp(30px,5vw,64px);font-weight:400;letter-spacing:-.04em}.cw-clock-list:not(.circle) article>div small{margin-top:5px;font-size:10px}.cw-clock-date{grid-column:1/-1;color:var(--cw-widget-text,var(--ink));font-size:clamp(11px,1.5vw,18px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cw-clock-list.flicker article>div strong{font-family:"Courier New",monospace;text-shadow:0 0 7px currentColor;animation:cw-clock-flicker 5s steps(1) infinite}@keyframes cw-clock-flicker{0%,18%,22%,24%,72%,100%{opacity:1}20%,23%,73%{opacity:.72}}.cw-clock-list.circle .cw-clock-face{display:block}.cw-clock-list.circle article{grid-template-columns:auto 1fr auto}.cw-clock-list.circle .cw-clock-date{grid-column:1/-1}.cw-clock-options{margin-bottom:16px}.cw-clock-app>form{align-items:end}

/* The editor is deliberately desktop-only. Narrow screens receive one clear,
   branded hand-off instead of competing scaled-dashboard layouts. */
.cw-rotate-phone{display:none}
@media(min-width:901px){.cw-page.is-desk-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}.cw-page.is-desk-fullscreen .cw-stage,.cw-page.is-desk-fullscreen .cw-canvas-wrap,.cw-page.is-desk-fullscreen .cw-stage .cw-grid{width:100%;height:100%!important;min-height:100%!important}}

/* Shared background-media layer for uploaded and YouTube videos. */
.cw-brand-logo svg{width:22px;height:22px}.cw-youtube-background{position:absolute;z-index:0;inset:0;overflow:hidden;background:#000;pointer-events:none}.cw-youtube-background iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);min-width:100%;min-height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}.cw-canvas-video{object-fit:cover}.cw-youtube-background-form{display:grid;gap:7px;margin:10px 0}.cw-youtube-background-form small{color:var(--muted);font-size:8px;line-height:1.45}.cw-youtube-background-form .cw-field{margin:0}.cw-youtube-background-form input{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--ink);padding:8px;font:10px inherit}
body.cw-fullscreen-active{overflow:hidden!important;background:var(--bg)!important}.cw-page.is-desk-fullscreen{background:var(--bg)!important;color:var(--ink)!important}.cw-page.is-desk-fullscreen .cw-canvas-wrap{position:absolute!important;inset:0!important;background-color:var(--cw-page-colour,var(--bg))!important;background-image:var(--cw-page-image,none)!important;background-position:center!important;background-size:var(--cw-background-fit,cover)!important}.cw-page.is-desk-fullscreen :is(.cw-canvas-video,.cw-youtube-background){position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important}.cw-page.is-desk-fullscreen .cw-grid{position:relative!important;z-index:2!important;background-color:transparent!important}.cw-page.is-desk-fullscreen .cw-fullscreen-exit{z-index:10001}

/* Brand colours are fixed and never inherit the workspace accent. */
.cw-workspace-brand>span:first-child{background:transparent url("/img/launchlemur-icon-rounded.png?v=3") center/cover no-repeat!important;box-shadow:0 6px 18px rgba(52,42,20,.18)!important}.cw-workspace-brand>span:first-child::before,.cw-workspace-brand>span:first-child::after{content:none!important}.cw-workspace-brand>span:first-child svg{display:none!important}.cw-workspace-brand b{font-size:12px}.cw-workspace-brand small{margin-top:3px;font-size:8.5px;line-height:1.1}

.cw-mobile-nav{display:none!important}

/* Presentation mode: the canvas is the interface; editing controls live at its edges. */
.cw-edge-controls{display:none}
.cw-page.is-desk-fullscreen{position:fixed!important;inset:0!important;z-index:1000!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important;background:var(--cw-page-colour,var(--bg))!important}
.cw-page.is-desk-fullscreen .cw-stage{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.cw-page.is-desk-fullscreen .cw-layout-note{display:none!important}
.cw-page.is-desk-fullscreen .cw-stage>.cw-page-head{position:fixed!important;z-index:140!important;top:0!important;right:0!important;left:0!important;display:flex!important;width:100%!important;min-height:82px!important;transform:translateY(-102%)!important;border-width:0 0 1px!important;border-radius:0!important;background:color-mix(in srgb,var(--card) 94%,transparent)!important;padding:11px 20px!important;opacity:0!important;pointer-events:none!important;box-shadow:0 12px 38px rgba(0,0,0,.25)!important;transition:transform .1s ease,opacity .1s ease!important;backdrop-filter:blur(18px)!important}
.cw-page.is-desk-fullscreen.edge-header-visible .cw-stage>.cw-page-head,.cw-page.is-desk-fullscreen:has(.cw-edge-top:hover) .cw-stage>.cw-page-head,.cw-page.is-desk-fullscreen .cw-stage>.cw-page-head:focus-within{transform:none!important;opacity:1!important;pointer-events:auto!important}
.cw-page.is-desk-fullscreen .cw-canvas-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;padding:0!important;background-color:var(--cw-page-colour,var(--bg))!important;background-image:var(--cw-page-image,none)!important;background-position:center!important;background-size:var(--cw-background-fit,cover)!important;background-repeat:no-repeat!important}
.cw-page.is-desk-fullscreen :is(.cw-canvas-video,.cw-youtube-background){position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.cw-page.is-desk-fullscreen .cw-stage .cw-grid{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;background-color:transparent!important;padding:clamp(10px,2vw,24px)!important;box-shadow:none!important}
.cw-page.is-desk-fullscreen>.cw-library-panel,.cw-page.is-desk-fullscreen>.cw-workspace-panel{position:fixed!important;z-index:80!important;top:0!important;display:flex!important;width:min(300px,86vw)!important;height:100dvh!important;visibility:visible!important;opacity:0!important;pointer-events:none!important;background:color-mix(in srgb,var(--card) 94%,transparent)!important;box-shadow:0 0 38px rgba(0,0,0,.32)!important;transition:transform .1s ease,opacity .1s ease!important}
.cw-page.is-desk-fullscreen>.cw-library-panel{left:0!important;transform:translateX(-101%)!important}
.cw-page.is-desk-fullscreen>.cw-workspace-panel{right:0!important;left:auto!important;transform:translateX(101%)!important}
.cw-page.is-desk-fullscreen.edge-library-visible>.cw-library-panel,.cw-page.is-desk-fullscreen:has(.cw-edge-left:hover)>.cw-library-panel,.cw-page.is-desk-fullscreen>.cw-library-panel:hover{transform:none!important;opacity:1!important;pointer-events:auto!important}
.cw-page.is-desk-fullscreen.edge-settings-visible>.cw-workspace-panel,.cw-page.is-desk-fullscreen:has(.cw-edge-right:hover)>.cw-workspace-panel,.cw-page.is-desk-fullscreen>.cw-workspace-panel:hover{transform:none!important;opacity:1!important;pointer-events:auto!important}
.cw-page.is-desk-fullscreen .cw-page-navigation{position:fixed!important;z-index:75!important;right:50%!important;bottom:0!important;left:auto!important;display:flex!important;width:max-content!important;max-width:calc(100vw - 70px)!important;height:auto!important;min-height:54px!important;transform:translate(50%,calc(100% - 5px))!important;border:1px solid var(--line)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:color-mix(in srgb,var(--card) 90%,transparent)!important;opacity:0!important;pointer-events:none!important;box-shadow:0 -12px 34px rgba(0,0,0,.25)!important;transition:transform .1s ease,opacity .1s ease!important;backdrop-filter:blur(14px)}
.cw-page.is-desk-fullscreen.edge-pages-visible .cw-page-navigation,.cw-page.is-desk-fullscreen:not(.edge-pages-dismissed):has(.cw-edge-bottom:hover) .cw-page-navigation,.cw-page.is-desk-fullscreen:not(.edge-pages-dismissed) .cw-page-navigation:hover,.cw-page.is-desk-fullscreen:not(.edge-pages-dismissed) .cw-page-navigation:focus-within{transform:translate(50%,0)!important;opacity:1!important;pointer-events:auto!important}
.cw-page.is-desk-fullscreen.edge-pages-dismissed .cw-page-navigation,.cw-page.is-desk-fullscreen.edge-pages-dismissed .cw-page-navigation:hover,.cw-page.is-desk-fullscreen.edge-pages-dismissed .cw-page-navigation:focus-within{display:none!important;transform:translate(50%,calc(100% - 5px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.cw-page.is-desk-fullscreen>.cw-edge-controls{position:fixed!important;z-index:70!important;inset:0!important;display:block!important;pointer-events:none!important}
.cw-edge-control{position:absolute;display:block!important;border:0!important;background:transparent!important;color:transparent!important;opacity:0!important;pointer-events:auto!important;box-shadow:none!important;transform:none!important;cursor:default!important;backdrop-filter:none!important}
.cw-page.is-desk-fullscreen .cw-edge-top{top:0!important;left:0!important;width:100%!important;height:28px!important}
.cw-page.is-desk-fullscreen .cw-edge-left{top:0!important;bottom:0!important;left:0!important;width:72px!important;height:auto!important;transform:none!important}
.cw-page.is-desk-fullscreen .cw-edge-right{top:0!important;right:0!important;bottom:0!important;width:72px!important;height:auto!important;transform:none!important}
.cw-page.is-desk-fullscreen .cw-edge-bottom{right:0!important;bottom:0!important;left:0!important;width:auto!important;height:72px!important;transform:none!important}
.cw-page.is-desk-fullscreen .cw-fullscreen-exit{display:none!important}

/* Open flyouts replace their visible trigger until the panel is closed. */
.cw-page-menu[open]>summary{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
/* Minimal mode only removes widget chrome. It never changes the workspace layout, media, menus or sizing. */
.cw-page[data-minimal-widgets=true] .cw-widget{--cw-glow:transparent;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important;text-shadow:none!important}
.cw-page[data-minimal-widgets=true] .cw-widget::before{display:none!important;content:none!important}
.cw-page[data-minimal-widgets=true] .cw-widget-head,.cw-page[data-minimal-widgets=true] .cw-resize-handle{display:none!important}
.cw-page[data-minimal-widgets=true] .cw-widget-body{background:transparent!important;opacity:1!important}

/* The selected canvas pattern always wins, including in minimal mode. */
.cw-page .cw-grid[data-pattern=none]{background-image:none!important}
.cw-page .cw-grid[data-pattern=dots]{background-image:radial-gradient(circle,color-mix(in srgb,var(--accent2) 30%,transparent) 1px,transparent 1.4px)!important;background-size:20px 20px!important}
.cw-page .cw-grid[data-pattern=paper]{background-image:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--accent) 16%,transparent) 28px 29px)!important;background-size:100% 29px!important}
.cw-page .cw-grid[data-pattern=waves]{background-image:radial-gradient(ellipse at 0 100%,transparent 22px,color-mix(in srgb,var(--accent2) 13%,transparent) 23px 25px,transparent 26px)!important;background-size:54px 34px!important}

/* Purpose-built full-app workspaces for the remaining collection and reflection apps. */
.cw-collection-app{display:grid;gap:14px}.cw-collection-app>header{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--cw-accent) 13%,var(--card2)),var(--card2));padding:17px 20px}.cw-collection-app>header h3{margin:4px 0;font-size:22px}.cw-collection-app>header p{margin:0;color:var(--muted);font-size:10px}.cw-collection-app>header>strong{font-size:44px;line-height:1;color:color-mix(in srgb,var(--cw-accent) 82%,var(--ink))}.cw-collection-app>section{min-height:490px;border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:17px}.cw-collection-app .cw-widget-layout{height:100%}.cw-collection-app .cw-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.cw-collection-app .cw-reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}.cw-collection-app .cw-reminder-list{align-content:start}.cw-quote-app{display:grid;min-height:590px;grid-template-columns:230px minmax(0,1fr);gap:16px}.cw-quote-app>aside,.cw-quote-app>section{border:1px solid var(--line);border-radius:14px;background:var(--card2);padding:22px}.cw-quote-app>aside{display:flex;flex-direction:column;justify-content:center}.cw-quote-app>aside h3{font-size:23px;line-height:1.15}.cw-quote-app>aside p{color:var(--muted);font-size:10px;line-height:1.6}.cw-quote-app>section{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cw-accent) 14%,transparent),transparent 50%),var(--card2)}.cw-quote-app>section>span{font-size:52px;color:var(--cw-accent)}.cw-quote-app blockquote{max-width:610px;margin:12px 0;font:800 clamp(24px,4vw,42px)/1.2 Georgia,serif}.cw-quote-app cite{margin-bottom:30px;color:var(--muted);font-size:11px}.cw-quote-app button{min-width:150px}
@media(max-width:760px){.cw-quote-app{min-height:0;grid-template-columns:1fr}.cw-collection-app .cw-quicklinks,.cw-collection-app .cw-reference-list{grid-template-columns:1fr}.cw-quote-app>aside{display:none}}

/* Full apps use the available viewport as a workspace instead of a tall document. */
.cw-app-workspace { min-height: 0; }
.cw-page-notice { width: clamp(150px,18vw,245px); min-width: 150px; margin: 0 0 0 4px; overflow: hidden; border-left: 1px solid var(--line); color: var(--muted); padding: 5px 0 5px 12px; font-size: 9px; font-weight: 750; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.cw-todo-app,.cw-notes-app,.cw-timer-app,.cw-quote-app {
  height: min(520px,calc(92dvh - 172px));
  min-height: 390px;
}
.cw-todo-app .cw-app-primary,.cw-notes-app .cw-app-primary { min-height: 0; overflow: hidden; }
.cw-todo-app .cw-todo-layout {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}
.cw-todo-app .cw-progress { position: sticky; z-index: 2; top: 0; background: var(--card2); padding-bottom: 8px; }
.cw-todo-app .cw-todo-form {
  position: sticky;
  z-index: 2;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 120px 36px;
  background: var(--card2);
  padding-top: 8px;
}

.cw-tracker-app,.cw-collection-app { height: min(520px,calc(92dvh - 172px)); min-height: 390px; grid-template-rows: auto minmax(0,1fr); }
.cw-tracker-app>section,.cw-collection-app>section { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.cw-tracker-app>section>.cw-widget-layout,.cw-collection-app>section>.cw-widget-layout { min-height: min-content; }
.cw-ambient-list,.cw-playlist-tracks { max-height: min(430px,calc(92dvh - 260px)); overflow: auto; overscroll-behavior: contain; padding-right: 5px; }

/* Timer app: real dial, readable countdown, and a compact session summary. */
.cw-timer-app { display: grid; place-items: center; }
.cw-timer-app .cw-timer-v2 {
  width: min(900px,100%);
  min-height: 0;
  grid-template-columns: 48px minmax(340px,1fr) 230px;
  gap: 24px;
  align-items: center;
}
.cw-timer-app .cw-timer-main { gap: 10px; }
.cw-timer-app .cw-timer-circular-wrap { gap: 24px; }
.cw-timer-app .cw-timer-face-circular { width: 190px; }
.cw-timer-app .cw-timer-circular-wrap>output { font-size: clamp(56px,7vw,82px); }
.cw-timer-app .cw-timer-insights { min-height: 300px; align-content: center; }
.cw-timer-app .cw-timer-insights p { margin: 0; }

@media(max-width:800px){
  .cw-timer-app .cw-timer-v2 { grid-template-columns: 42px minmax(0,1fr); gap: 12px; }
  .cw-timer-app .cw-timer-insights { display: none; }
  .cw-timer-app .cw-timer-face-circular { width: 150px; }
  .cw-timer-app .cw-timer-circular-wrap>output { font-size: 54px; }
}

/* Keep form actions and the resize target as two separate, usable controls. */
.cw-resize-handle { right: 2px; bottom: 2px; width: 20px; height: 20px; }
.cw-resize-handle::before { right: 2px; bottom: 2px; width: 11px; height: 11px; }
.cw-resize-cycle span { display: block; font-size: 15px; line-height: 1; letter-spacing: 0; }

/* Fullscreen chrome is edge-hover only. Entering fullscreen must not leave the
   header open merely because its trigger retained focus. */
.cw-page.is-desk-fullscreen .cw-stage>.cw-page-head:focus-within:not(:hover){transform:translateY(-102%)!important;opacity:0!important;pointer-events:none!important}

/* Ambient artwork uses the source image's intended square crop everywhere. */
.cw-ambient-feature img{width:42px!important;height:42px!important;aspect-ratio:1;object-fit:cover}
.cw-ambient-row>img,.cw-ambient-row>.cw-ambient-icon{width:48px!important;height:48px!important;aspect-ratio:1;object-fit:cover}

/* Drag and resize previews follow the pointer even while crossing occupied
   cards. Only a clear destination is committed, so neighbouring widgets never
   reflow as a side effect of editing one card. */
.cw-widget.is-dragging,.cw-widget.is-resizing{transition:none!important;will-change:transform,width,height}
.cw-widget.is-resizing::after{position:absolute;z-index:20;right:8px;bottom:42px;max-width:calc(100% - 16px);overflow:hidden;border:1px solid color-mix(in srgb,var(--cw-accent) 55%,#fff);border-radius:999px;background:color-mix(in srgb,var(--card) 92%,#050812);color:var(--ink);padding:6px 9px;content:attr(data-resize-label);font-size:10px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 24px rgba(0,0,0,.35);text-overflow:ellipsis;white-space:nowrap;pointer-events:none}

/* Workspace and mobile brand marks use the supplied rounded product icon. */
.cw-brand-logo{
  overflow:hidden;
  background:transparent url("/img/launchlemur-icon-rounded.png?v=3") center/cover no-repeat!important;
}
.cw-brand-logo>svg{display:none!important}
.cw-widget.is-drop-valid{border-color:color-mix(in srgb,#66e0a3 78%,var(--cw-accent))!important;box-shadow:0 20px 52px rgba(38,193,122,.24),0 0 0 2px rgba(102,224,163,.18)!important}
.cw-widget.is-drop-blocked{border-color:#ff6b7d!important;box-shadow:0 20px 52px rgba(255,70,94,.25),0 0 0 2px rgba(255,107,125,.22)!important}
.cw-dadjoke-layout .cw-quote::after{background:radial-gradient(circle at 50% 100%,color-mix(in srgb,#f0a14d 32%,transparent),transparent 68%)}
.cw-dadjoke-app>section{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,#f0a14d 16%,transparent),transparent 52%),var(--card2)}
.cw-quote-medium .cw-quote blockquote{max-width:min(88%,460px);font-size:clamp(13px,1.45vw,18px)}
.cw-quote-medium .cw-quote button,.cw-quote-large .cw-quote button{min-height:30px;margin-top:11px;border:1px solid color-mix(in srgb,var(--cw-accent) 46%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--cw-accent) 10%,transparent);padding:6px 13px;color:color-mix(in srgb,var(--cw-accent) 82%,var(--ink));font-size:9px}
.cw-quote-large .cw-quote{padding:24px 28px 46px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--cw-accent) 10%,transparent),transparent 58%)}
.cw-quote-large .cw-quote>span{font-size:34px;line-height:1}
.cw-quote-large .cw-quote blockquote{max-width:min(82%,720px);margin:12px 0 9px;font:800 clamp(20px,2.3vw,30px)/1.28 Georgia,serif}
.cw-quote-large .cw-quote cite{font-size:9px}
.cw-daily-meta{position:absolute;right:14px;bottom:12px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid color-mix(in srgb,var(--cw-accent) 24%,var(--line));padding-top:8px;color:var(--muted);text-align:left}
.cw-daily-meta span{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.cw-daily-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}

/* Workspace design tokens: one source for controls, type and card spacing. */
.cw-page{
  --cw-control-sm:32px;
  --cw-control-md:38px;
  --cw-control-lg:44px;
  --cw-type-caption:9px;
  --cw-type-body:11px;
  --cw-type-title:13px;
  --cw-card-gap:10px;
  --cw-card-pad:12px;
}
.cw-widget{container-type:size;container-name:widget}
.cw-widget :is(button,select,input[type=text],input[type=number],input[type=url]){min-height:var(--cw-control-sm)}
.cw-widget-head{min-height:38px;padding:7px 9px}
.cw-widget-title strong{font-size:var(--cw-type-title);letter-spacing:-.01em}
.cw-widget-title small,.cw-widget-empty,.cw-save-note{font-size:var(--cw-type-caption)}
.cw-resize-handle{right:2px;bottom:2px;width:34px;height:34px}
.cw-resize-handle::before{right:5px;bottom:5px;width:13px;height:13px}

/* Desktop-only product gate. This is the only narrow-screen workspace mode. */
@media(max-width:900px){
  html,body,.workspace-body{width:100%;min-height:100%;overflow:auto!important;background:#070b16!important}
  .cw-page.cw-shell{position:fixed!important;z-index:10000!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;overflow:auto!important;padding:0!important;background:radial-gradient(circle at 15% 5%,rgba(99,91,255,.2),transparent 34%),radial-gradient(circle at 90% 85%,rgba(54,196,180,.12),transparent 34%),#070b16!important;transform:none!important}
  .cw-page.cw-shell>*:not(.cw-rotate-phone){display:none!important}
  .cw-page.cw-shell>.cw-rotate-phone{box-sizing:border-box;display:grid!important;width:100%;min-height:100dvh;grid-template-rows:auto minmax(0,1fr);gap:26px;padding:22px clamp(18px,5vw,34px) 34px;color:#f7f8ff}
  .cw-mobile-brand{display:flex;width:max-content;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:15px;letter-spacing:-.02em}
  .cw-mobile-brand .cw-brand-logo{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#fffdf6 url("/img/launchlemur-icon-rounded.png?v=2") center/cover no-repeat;box-shadow:0 10px 26px rgba(52,42,20,.22)}
  .cw-mobile-message{display:grid;width:min(100%,620px);align-self:center;justify-self:center;gap:15px;text-align:left}
  .cw-mobile-kicker{width:max-content;border:1px solid rgba(123,116,255,.38);border-radius:999px;background:rgba(99,91,255,.14);padding:6px 10px;color:#a9a4ff;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
  .cw-mobile-message h1{max-width:13ch;margin:0;font-size:clamp(34px,9.5vw,56px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
  .cw-mobile-message>p{max-width:56ch;margin:0;color:#aeb7cc;font-size:15px;line-height:1.62}
  .cw-mobile-message figure{position:relative;margin:3px 0 0;overflow:hidden;border:1px solid rgba(139,143,183,.24);border-radius:18px;background:#11182a;padding:7px;box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 50px rgba(99,91,255,.12)}
  .cw-mobile-message figure::after{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 40%);content:"";pointer-events:none}
  .cw-mobile-message img{display:block;width:100%;height:auto;border-radius:12px}
  .cw-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .cw-mobile-actions a{display:grid;min-height:48px;place-items:center;border-radius:12px;text-decoration:none;font-size:13px;font-weight:900}
  .cw-mobile-message>small{color:#7f8aa3;font-size:11px;text-align:center}
}
@media(max-width:560px){.cw-mobile-actions{grid-template-columns:1fr}.cw-mobile-message figure{margin-top:0}}
@media(max-width:900px) and (max-height:520px){.cw-page.cw-shell>.cw-rotate-phone{gap:14px;padding-block:14px}.cw-mobile-message{grid-template-columns:minmax(0,1fr) minmax(250px,.9fr);align-items:center;gap:12px 20px}.cw-mobile-message .cw-mobile-kicker,.cw-mobile-message h1,.cw-mobile-message>p,.cw-mobile-actions,.cw-mobile-message>small{grid-column:1}.cw-mobile-message figure{grid-column:2;grid-row:1/6}.cw-mobile-message h1{font-size:clamp(28px,6vw,42px)}.cw-mobile-message>p{font-size:12px;line-height:1.45}.cw-mobile-actions a{min-height:40px}}

/* Premium Finance Studios */
.cw-widget-app-dialog:is([data-app-type=finance],[data-app-type=currency-converter],[data-app-type=calculator],[data-app-type=stock-scanner]){width:min(1440px,96vw);height:min(900px,94vh);max-height:94vh}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner){width:100%;height:100%;background:#0a0f19}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) .cw-widget-app-body{padding:0;background:radial-gradient(circle at 70% 0%,#5e57f018,transparent 38%),#0a0f19}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) .cw-app-workspace{max-width:none;min-width:0}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) .cw-app-preferences{margin:18px;border-color:#ffffff16;background:#111827}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) :is(input,select,textarea){min-width:0;border:1px solid #ffffff1b;border-radius:9px;background:#0d1421;color:#f4f6ff;padding:9px;font:inherit;outline:none}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) :is(input,select,textarea):focus{border-color:#8f86ff;box-shadow:0 0 0 3px #756cff20}
.cw-widget-app:is(.cw-widget-app-finance,.cw-widget-app-currency-converter,.cw-widget-app-calculator,.cw-widget-app-stock-scanner) button{font:inherit}
.cw-finance-studio{display:grid;min-width:0;min-height:680px;grid-template-columns:190px minmax(0,1fr);color:#f4f6ff}
.cw-finance-nav{display:flex;min-width:0;flex-direction:column;gap:26px;border-right:1px solid #ffffff12;background:#0b111c;padding:22px 15px}
.cw-finance-nav>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 9px;align-items:center}.cw-finance-nav>div>span{display:grid;width:38px;height:38px;grid-row:1/3;place-items:center;border-radius:11px;background:var(--market-up);color:#0a1510;font-size:18px;font-weight:950}.cw-finance-nav>div strong{font-size:13px}.cw-finance-nav>div small{color:#7f8ca4;font-size:8px}
.cw-finance-nav nav{display:grid;gap:6px}.cw-finance-nav nav button{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8f9bb2;padding:8px;text-align:left}.cw-finance-nav nav button i{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:#ffffff0a;font-style:normal}.cw-finance-nav nav button[aria-pressed=true]{border-color:#ffffff16;background:#ffffff0b;color:#fff}.cw-finance-nav nav button[aria-pressed=true] i{background:var(--market-up);color:#0a1510}
.cw-finance-nav footer{display:grid;gap:3px;margin-top:auto;border:1px solid #ffffff12;border-radius:11px;background:#ffffff07;padding:12px}.cw-finance-nav footer b{font-size:18px}.cw-finance-nav footer span{color:#a8b0c0;font-size:8px}.cw-finance-nav footer small{margin-top:7px;color:#6f7b91;font-size:7px;line-height:1.5}
.cw-finance-studio>main{min-width:0;padding:22px}.cw-market-board-panel,.cw-market-alerts-panel,.cw-market-styles-panel{display:grid;min-width:0;gap:18px}.cw-market-command,.cw-market-alerts-panel>header,.cw-market-styles-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cw-market-command h3,.cw-market-alerts-panel h3,.cw-market-styles-panel h3{margin:4px 0;font-size:22px}.cw-market-command p,.cw-market-alerts-panel p,.cw-market-styles-panel p{max-width:680px;margin:0;color:#8591a7;font-size:9px;line-height:1.55}.cw-market-command>div:last-child{display:grid;justify-items:end;gap:5px}.cw-market-command>div:last-child small{color:#76839b;font-size:8px}
.cw-market-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cw-market-kpis article{display:grid;gap:4px;border:1px solid #ffffff12;border-radius:12px;background:#101725;padding:12px}.cw-market-kpis span{color:#7f8ca4;font-size:8px;text-transform:uppercase}.cw-market-kpis b{font-size:22px}.cw-market-kpis small{color:#6f7b91;font-size:7px}
.cw-market-board-live{min-width:0;border:1px solid #ffffff12;border-radius:15px;background:#0d131f;padding:9px}.cw-market-board-live .cw-finance-layout{max-height:440px;padding:10px}.cw-market-board-live .cw-market-mini-head{padding:3px}.cw-market-board-live .cw-market-asset{grid-template-columns:34px minmax(120px,1fr) minmax(80px,max-content) 56px 90px minmax(170px,220px) 28px;min-height:58px;padding:8px 10px}.cw-market-board-live .cw-market-asset dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}.cw-market-board-live .cw-market-asset dl div{display:grid;gap:2px;border-left:1px solid #ffffff12;padding-left:6px}.cw-market-board-live .cw-market-asset dt{color:#8290a6;font-size:6px;text-transform:uppercase}.cw-market-board-live .cw-market-asset dd{margin:0;font-size:7px;font-weight:850}.cw-market-board-live .cw-delete-button{width:25px;height:25px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff08;color:#98a3b7}
.cw-market-add{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;border:1px solid #ffffff12;border-radius:14px;background:#101725;padding:16px}.cw-market-add h3{margin:3px 0;font-size:15px}.cw-market-add p{margin:0;color:#7f8ca4;font-size:8px;line-height:1.5}.cw-market-add>form{display:grid;grid-template-columns:130px minmax(180px,1fr) 160px auto;align-items:end;gap:8px}.cw-market-add label,.cw-market-alerts-panel label,.cw-market-styles-panel label,.cw-converter-studio label,.cw-calculator-studio label{display:grid;gap:5px;color:#8f9bb2;font-size:8px;font-weight:800}.cw-market-search-state{grid-column:2;min-height:58px;border:1px dashed #ffffff16;border-radius:10px;color:#718098;padding:18px;text-align:center}.cw-market-search-state i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--market-up);box-shadow:0 0 10px var(--market-up)}
.cw-market-search-results{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cw-market-search-results>button{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid #ffffff12;border-radius:10px;background:#0c1320;color:#eef1fa;padding:7px;text-align:left}.cw-market-search-results>button:hover{border-color:#8178ff}.cw-market-search-results>button>span:nth-child(2){min-width:0}.cw-market-search-results b,.cw-market-search-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-market-search-results b{font-size:8px}.cw-market-search-results small{margin-top:2px;color:#718098;font-size:6px}.cw-market-search-results>button>i{color:var(--market-up);font-size:14px;font-style:normal}
.cw-market-watchlist-manager{display:flex;align-items:center;justify-content:space-between;gap:12px}.cw-market-watchlist-manager>form{display:flex;gap:6px}.cw-market-watchlist-manager>form label{display:block}.cw-market-watchlist-manager>form button,.cw-market-watchlist-manager>div button{border:1px solid #ffffff13;border-radius:8px;background:#101725;color:#e7eaf3;padding:8px}.cw-market-watchlist-manager>div{display:flex;flex-wrap:wrap;gap:6px}.cw-market-watchlist-manager>div button{display:flex;gap:8px}.cw-market-watchlist-manager>div button[aria-pressed=true]{border-color:var(--market-up);background:color-mix(in srgb,var(--market-up) 11%,#101725)}
.cw-market-alerts-panel>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cw-market-alerts-panel>section>article{display:grid;gap:10px;border:1px solid #ffffff12;border-radius:12px;background:#101725;padding:12px}.cw-market-alerts-panel article>header{display:flex;align-items:center;justify-content:space-between;gap:9px}.cw-market-alerts-panel article>header>div{display:flex;min-width:0;align-items:center;gap:8px}.cw-market-alerts-panel article>header b,.cw-market-alerts-panel article>header small{display:block}.cw-market-alerts-panel article>header b{font-size:10px}.cw-market-alerts-panel article>header small{color:#77849a;font-size:7px}.cw-market-alerts-panel .up{color:var(--market-up)}.cw-market-alerts-panel .down{color:var(--market-down)}.cw-market-alerts-panel article form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:7px}.cw-market-alerts-panel article footer{color:#6f7b91;font-size:7px}
.cw-market-style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cw-market-style-gallery>button{min-height:120px;border:2px solid transparent;border-radius:14px;background:#101725;padding:8px}.cw-market-style-gallery>button[aria-pressed=true]{border-color:#8d83ff}.cw-market-style-gallery>button>span{display:grid;height:100%;place-items:center;border-radius:9px;background:#171a1b;color:#f5efdc}.cw-market-style-gallery i{font-size:20px;font-style:normal}.cw-market-style-gallery em{font-size:8px;font-style:normal}.cw-market-style-gallery .cw-market-style-matrix>span{background:#020a05;color:#79ff90;font-family:monospace;text-shadow:0 0 8px #42ff66}.cw-market-style-gallery .cw-market-style-led>span{background:#180b04;color:#ffa947;font-family:monospace;text-shadow:0 0 8px #ff822c}.cw-market-style-gallery .cw-market-style-glass>span{background:linear-gradient(145deg,#52699d,#1a2542);color:#fff}.cw-market-style-gallery .cw-market-style-minimal>span{background:#f3f5f7;color:#20252d}.cw-market-style-gallery .cw-market-style-editorial>span{background:#f1eadc;color:#2a2823;font-family:Georgia,serif}.cw-market-styles-panel>form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));align-items:end;gap:9px;border:1px solid #ffffff12;border-radius:13px;background:#101725;padding:14px}.cw-market-styles-panel>form .cw-check{align-self:center}.cw-market-styles-panel>form button{grid-column:4}

.cw-converter-studio{min-height:680px;color:#f4f6ff;padding:23px}.cw-converter-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.cw-converter-hero h3{margin:4px 0;font-size:25px}.cw-converter-hero p{max-width:720px;margin:0;color:#8390a6;font-size:9px;line-height:1.6}.cw-converter-hero>div:last-child{display:grid;max-width:220px;justify-items:end;gap:5px;border:1px solid #ffffff12;border-radius:11px;background:#101725;padding:10px;text-align:right}.cw-converter-hero>div:last-child b{color:var(--converter-primary);font-size:9px}.cw-converter-hero>div:last-child small{color:#77849b;font-size:7px;line-height:1.45}
.cw-converter-studio>main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px}.cw-converter-main,.cw-converter-studio>main>aside>section{border:1px solid #ffffff12;border-radius:14px;background:#101725;padding:15px}.cw-converter-pickers{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:start;gap:8px}.cw-converter-pickers>button{align-self:76px;height:36px;border:1px solid color-mix(in srgb,var(--converter-primary) 35%,#ffffff15);border-radius:50%;background:#0b121d;color:var(--converter-primary);font-size:17px}.cw-converter-asset-picker{display:grid;gap:9px}.cw-converter-asset-picker>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;border:1px solid color-mix(in srgb,var(--converter-primary) 20%,#ffffff12);border-radius:11px;background:#0c1420;padding:11px}.cw-converter-asset-picker>header small{color:#78869d;font-size:7px;text-transform:uppercase}.cw-converter-asset-picker>header strong{grid-row:1/3;grid-column:2;font-size:24px;color:var(--converter-primary)}.cw-converter-asset-picker>header span{overflow:hidden;color:#dfe4f0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cw-converter-asset-picker>form{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:end;gap:6px}.cw-converter-asset-picker .cw-market-search-results{grid-column:auto;grid-template-columns:1fr;max-height:178px;overflow:auto}.cw-converter-asset-picker .cw-market-search-state{grid-column:auto;min-height:45px;padding:12px}
.cw-converter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:16px}.cw-converter-form input{font-size:17px}.cw-converter-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;margin-top:12px;border:1px solid color-mix(in srgb,var(--converter-primary) 25%,#ffffff12);border-radius:14px;background:linear-gradient(145deg,var(--converter-panel),color-mix(in srgb,var(--converter-panel) 82%,#3d5d50));padding:18px}.cw-converter-answer>small{grid-column:1/-1;color:#9cacb1;font-size:8px}.cw-converter-answer>strong{overflow:hidden;color:var(--converter-result);font-size:clamp(36px,5vw,64px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.cw-converter-answer>span{align-self:end;color:var(--converter-primary);font-size:15px;font-weight:950}.cw-converter-answer>p{grid-column:1/-1;margin:4px 0;color:#abb9b8;font-size:9px}.cw-converter-answer>footer{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff13;padding-top:8px;color:#7f8e91;font-size:7px}.cw-converter-main>.ws-secondary{width:100%;margin-top:8px}
.cw-converter-studio>main>aside{display:grid;align-content:start;gap:10px}.cw-converter-studio>main>aside>section{display:grid;gap:10px}.cw-converter-studio>main>aside h3{margin:2px 0;font-size:13px}.cw-converter-favourites,.cw-converter-alerts,.cw-converter-history{display:grid;gap:5px;max-height:185px;overflow:auto}.cw-converter-favourites article{display:grid;grid-template-columns:minmax(0,1fr) 25px;gap:5px}.cw-converter-favourites article>button:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #ffffff11;border-radius:8px;background:#0c1420;color:#eef1f8;padding:8px}.cw-converter-favourites article>button:first-child span span{color:var(--converter-primary)}.cw-converter-favourites article>button:last-child,.cw-converter-alerts article button{border:0;border-radius:7px;background:#ffffff08;color:#7f8ca3}.cw-converter-studio>main>aside form{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cw-converter-studio>main>aside form button{grid-column:1/-1}.cw-converter-alerts article,.cw-converter-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 7px;border:1px solid #ffffff0f;border-radius:8px;background:#0c1420;padding:7px}.cw-converter-alerts article span,.cw-converter-history article span{font-size:7px}.cw-converter-alerts article b,.cw-converter-history article b{font-size:8px}.cw-converter-alerts article small,.cw-converter-history article small{grid-column:1;color:#718098;font-size:6px}.cw-converter-alerts article button{grid-column:3;grid-row:1/3}.cw-finance-credit{margin-top:13px;color:#69768c;font-size:7px;text-align:center}

.cw-calculator-studio{display:grid;min-height:680px;grid-template-columns:205px minmax(0,1fr);color:#f4f6ff}.cw-calculator-studio>aside{display:flex;flex-direction:column;gap:20px;border-right:1px solid #ffffff12;background:#0b111c;padding:20px 14px}.cw-calculator-studio>aside>div{display:grid;grid-template-columns:40px 1fr;gap:2px 9px;align-items:center}.cw-calculator-studio>aside>div span{display:grid;width:40px;height:40px;grid-row:1/3;place-items:center;border-radius:11px;background:var(--calculator-key);color:#fff;font-size:11px;font-weight:950}.cw-calculator-studio>aside>div strong{font-size:12px}.cw-calculator-studio>aside>div small{color:#748198;font-size:7px}.cw-calculator-studio>aside nav{display:grid;gap:5px}.cw-calculator-studio>aside nav button{border:1px solid transparent;border-radius:8px;background:transparent;color:#8995aa;padding:9px;text-align:left}.cw-calculator-studio>aside nav button[aria-pressed=true]{border-color:#ffffff16;background:color-mix(in srgb,var(--calculator-key) 17%,#101725);color:#fff}
.cw-calculator-studio>main{display:grid;align-content:start;gap:16px;padding:22px}.cw-calculator-studio>main>header h3{margin:4px 0;font-size:23px}.cw-calculator-workbench{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr);gap:11px}.cw-calculator-workbench>form,.cw-calculator-answer,.cw-calculator-history-panel{border:1px solid #ffffff12;border-radius:14px;background:#101725;padding:15px}.cw-calculator-workbench>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px}.cw-calculator-workbench>form .is-wide,.cw-calculator-workbench>form>button{grid-column:1/-1}.cw-calculator-workbench>form .is-wide input{font-family:"Courier New",monospace;font-size:15px}.cw-calculator-answer{display:grid;align-content:center;gap:6px;background:var(--calculator-display);color:var(--calculator-text);box-shadow:inset 0 0 25px #0005}.cw-calculator-answer>small{color:color-mix(in srgb,var(--calculator-text) 57%,transparent);font-size:8px;text-transform:uppercase}.cw-calculator-answer>strong{overflow:hidden;font:850 clamp(36px,5vw,62px)/1 "Courier New",monospace;text-overflow:ellipsis;white-space:nowrap}.cw-calculator-answer>p{margin:0;color:color-mix(in srgb,var(--calculator-text) 65%,transparent);font-size:9px}.cw-calculator-answer dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 0}.cw-calculator-answer dl div{display:grid;gap:2px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff08;padding:7px}.cw-calculator-answer dt{color:#939eb3;font-size:7px}.cw-calculator-answer dd{margin:0;font-size:10px;font-weight:850}.cw-calculator-workbench>.cw-calculator-keys{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));min-height:210px}.cw-calculator-workbench>.cw-calculator-keys button{font-size:12px}
.cw-calculator-history-panel{display:grid;gap:10px}.cw-calculator-history-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cw-calculator-history-panel h3{margin:3px 0;font-size:14px}.cw-calculator-history-panel>header button{border:1px solid #ffffff12;border-radius:7px;background:#ffffff07;color:#8f9bb0;padding:7px}.cw-calculator-history-panel>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto}.cw-calculator-history-panel article{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:4px;border:1px solid #ffffff10;border-radius:9px;background:#0c1420;padding:5px}.cw-calculator-history-panel article>button:first-child{display:grid;min-width:0;gap:2px;border:0;background:transparent;color:#eef1f8;text-align:left}.cw-calculator-history-panel article span,.cw-calculator-history-panel article small{overflow:hidden;color:#728096;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.cw-calculator-history-panel article b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cw-calculator-history-panel article>button:last-child{border:0;border-radius:6px;background:#ffffff08;color:#65728a}.cw-calculator-history-panel article>button:last-child[aria-pressed=true]{color:#ffd86b}

@media(max-width:1100px){.cw-finance-studio{grid-template-columns:155px minmax(0,1fr)}.cw-market-board-live .cw-market-asset{grid-template-columns:30px minmax(90px,1fr) auto 50px 70px 26px}.cw-market-board-live .cw-market-asset dl{display:none}.cw-market-add{grid-template-columns:1fr}.cw-market-add>form{grid-template-columns:120px minmax(160px,1fr) 150px auto}.cw-market-search-results{grid-column:1}.cw-converter-studio>main{grid-template-columns:1fr}.cw-converter-studio>main>aside{grid-template-columns:repeat(3,minmax(0,1fr))}.cw-calculator-workbench{grid-template-columns:1fr 1fr}.cw-calculator-history-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Stock Scanner Studio --------------------------------------------------- */
.cw-stock-studio{display:grid;min-width:0;min-height:760px;grid-template-columns:200px minmax(0,1fr);color:#eef6f2;background:radial-gradient(circle at 82% 0%,color-mix(in srgb,var(--stock-accent) 10%,transparent),transparent 32%),#080d12;font-variant-numeric:tabular-nums}
.cw-stock-nav{display:flex;min-width:0;flex-direction:column;gap:24px;border-right:1px solid #ffffff10;background:#09110f;padding:20px 14px}.cw-stock-nav>div{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:2px 9px}.cw-stock-nav>div>span{display:grid;width:40px;height:40px;grid-row:1/3;place-items:center;border:1px solid color-mix(in srgb,var(--stock-accent) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--stock-accent) 13%,transparent);color:var(--stock-accent);font-size:20px}.cw-stock-nav>div strong{font-size:13px}.cw-stock-nav>div small{color:#6e8279;font-size:8px}.cw-stock-nav nav{display:grid;gap:5px}.cw-stock-nav nav button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#85968f;padding:8px;text-align:left;cursor:pointer}.cw-stock-nav nav button i{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:#ffffff08;color:#9aa9a3;font-style:normal}.cw-stock-nav nav button b{min-width:19px;border-radius:999px;background:#ffffff0a;padding:3px 5px;font-size:7px;text-align:center}.cw-stock-nav nav button[aria-pressed=true]{border-color:#ffffff14;background:#ffffff09;color:#f5fff9}.cw-stock-nav nav button[aria-pressed=true] i{background:var(--stock-accent);color:#07120d;box-shadow:0 0 16px color-mix(in srgb,var(--stock-accent) 40%,transparent)}.cw-stock-nav footer{display:grid;gap:4px;margin-top:auto;border:1px solid #ffffff10;border-radius:11px;background:#ffffff06;padding:12px}.cw-stock-nav footer>i{width:7px;height:7px;border-radius:50%;background:var(--stock-accent);box-shadow:0 0 10px var(--stock-accent)}.cw-stock-nav footer b{font-size:8px}.cw-stock-nav footer span,.cw-stock-nav footer small{color:#6e8179;font-size:7px;line-height:1.45}.cw-stock-nav footer small{margin-top:5px;color:#53665d}
.cw-stock-studio>main{min-width:0;overflow:hidden;padding:20px}.cw-stock-scanner-view,.cw-stock-library-view,.cw-stock-style-view{display:grid;min-width:0;gap:15px}.cw-stock-command,.cw-stock-library-view>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cw-stock-command h3,.cw-stock-library-view>header h3,.cw-stock-style-view>header h3{margin:3px 0;font-size:23px;letter-spacing:-.025em}.cw-stock-command p,.cw-stock-library-view>header p,.cw-stock-style-view>header p{max-width:730px;margin:0;color:#82948c;font-size:9px;line-height:1.6}.cw-stock-command>div:last-child{display:flex;gap:7px}.cw-stock-command button,.cw-stock-library-view>header button{border:1px solid #ffffff14;border-radius:8px;background:#101a17;color:#dfe9e4;padding:8px 11px;cursor:pointer}.cw-stock-command button:first-child,.cw-stock-library-view>header button{border-color:color-mix(in srgb,var(--stock-accent) 34%,#ffffff14);color:var(--stock-accent)}
.cw-stock-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cw-stock-kpis article{display:grid;gap:2px;border:1px solid #ffffff0f;border-radius:12px;background:#0e1714;padding:11px}.cw-stock-kpis span{color:#71847b;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.cw-stock-kpis strong{font-size:21px}.cw-stock-kpis small{color:#586c63;font-size:7px}
.cw-stock-presets{display:grid;gap:8px}.cw-stock-presets>header{display:flex;justify-content:space-between;color:#8ca097;font-size:8px}.cw-stock-presets>div{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:6px}.cw-stock-presets button{display:grid;min-width:0;grid-template-columns:25px 1fr;gap:6px;border:1px solid #ffffff0e;border-radius:10px;background:#0d1613;color:#dce8e2;padding:7px;text-align:left;cursor:pointer}.cw-stock-presets button[aria-pressed=true]{border-color:color-mix(in srgb,var(--stock-accent) 50%,transparent);background:color-mix(in srgb,var(--stock-accent) 9%,#0d1613)}.cw-stock-presets button i{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#ffffff08;color:var(--stock-accent);font-style:normal}.cw-stock-presets button span{min-width:0}.cw-stock-presets button b,.cw-stock-presets button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-stock-presets button b{font-size:7px}.cw-stock-presets button small{margin-top:3px;color:#62756c;font-size:6px}
.cw-stock-workspace{display:grid;min-width:0;grid-template-columns:220px minmax(420px,1fr) 280px;gap:9px}.cw-stock-filters,.cw-stock-workspace>main,.cw-stock-detail{min-width:0;border:1px solid #ffffff0f;border-radius:13px;background:#0c1512}.cw-stock-filters{padding:11px}.cw-stock-filters>header,.cw-stock-results-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cw-stock-filters>header span,.cw-stock-results-head b{font-size:9px}.cw-stock-filters>header button{border:0;background:transparent;color:#71867c;font-size:7px;cursor:pointer}.cw-stock-filter-form{display:grid;gap:8px;margin-top:10px}.cw-stock-filter-form label,.cw-stock-save-screen label,.cw-stock-detail form label,.cw-stock-library-view>form label,.cw-stock-style-view form label{display:grid;gap:4px;color:#74887e;font-size:7px;font-weight:750}.cw-stock-filter-form input,.cw-stock-filter-form select,.cw-stock-save-screen input{padding:7px!important;font-size:8px!important}.cw-stock-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px}.cw-stock-search label{min-width:0}.cw-stock-search button{height:31px;border:0;border-radius:7px;background:var(--stock-accent);color:#06110c;padding:0 9px;font-size:8px;font-weight:850}.cw-stock-filter-form details{border-top:1px solid #ffffff0c;padding-top:7px}.cw-stock-filter-form summary{color:#9bacA4;font-size:7px;font-weight:800;cursor:pointer}.cw-stock-filter-form details>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.cw-stock-sort{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cw-stock-save-screen{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px;margin-top:9px;border-top:1px solid #ffffff0c;padding-top:9px}.cw-stock-save-screen button{height:31px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff07;color:#b8c6bf;font-size:7px}
.cw-stock-workspace>main{overflow:hidden;padding:10px}.cw-stock-results-head{margin-bottom:7px}.cw-stock-results-head>div{display:grid;gap:2px}.cw-stock-results-head small{color:#667a70;font-size:7px}.cw-stock-results-head nav{display:flex;gap:3px}.cw-stock-results-head nav button{border:1px solid transparent;border-radius:6px;background:transparent;color:#687a72;padding:5px 6px;font-size:6px}.cw-stock-results-head nav button[aria-pressed=true]{border-color:#ffffff12;background:#ffffff08;color:var(--stock-accent)}
.cw-stock-results-table{min-width:0}.cw-stock-results-table>header,.cw-stock-results-table .cw-stock-row{display:grid;grid-template-columns:26px minmax(110px,1fr) 72px 62px 72px 76px;align-items:center;gap:7px}.cw-stock-results-table>header{border-bottom:1px solid #ffffff10;color:#5d7168;font-size:6px;text-transform:uppercase}.cw-stock-results-table>header span{padding:6px 0}.cw-stock-results-table>div{max-height:390px;overflow:auto;scrollbar-width:thin}.cw-stock-results-table .cw-stock-row{min-height:44px;border-bottom:1px solid #ffffff0b}.cw-stock-results-table .cw-stock-row>*{min-width:0}.cw-stock-results-table .cw-stock-star{width:24px;height:24px;border:0;border-radius:7px;background:#ffffff06;color:#53665d;font-size:10px}.cw-stock-results-table .cw-stock-star[aria-pressed=true]{color:#ffd86b;background:#ffd86b14}.cw-stock-results-table .cw-stock-identity{padding:5px 0}.cw-stock-results-table .cw-stock-identity strong{color:#edf7f2;font-size:9px}.cw-stock-results-table .cw-stock-identity small{color:#61746b;font-size:7px}.cw-stock-results-table .cw-stock-price,.cw-stock-results-table .cw-stock-change,.cw-stock-results-table :is(.cw-stock-volume,.cw-stock-cap,.cw-stock-sector,.cw-stock-country,.cw-stock-net,.cw-stock-ipo,.cw-stock-dollar){overflow:hidden;color:#a9b8b1;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cw-stock-results-table .cw-stock-change{min-width:0;padding:5px}.cw-stock-results-table .cw-stock-row.is-up .cw-stock-change{color:var(--stock-up);background:color-mix(in srgb,var(--stock-up) 11%,transparent)}.cw-stock-results-table .cw-stock-row.is-down .cw-stock-change{color:var(--stock-down);background:color-mix(in srgb,var(--stock-down) 11%,transparent)}
.cw-stock-columns-overview :is(.cw-stock-sector,.cw-stock-country,.cw-stock-net,.cw-stock-ipo,.cw-stock-dollar),.cw-stock-columns-activity :is(.cw-stock-cap,.cw-stock-sector,.cw-stock-country,.cw-stock-net,.cw-stock-ipo),.cw-stock-columns-company :is(.cw-stock-volume,.cw-stock-cap,.cw-stock-net,.cw-stock-ipo,.cw-stock-dollar),.cw-stock-columns-performance :is(.cw-stock-volume,.cw-stock-cap,.cw-stock-sector,.cw-stock-country,.cw-stock-dollar){display:none}.cw-stock-empty{grid-column:1/-1;display:grid;min-height:150px;place-content:center;gap:4px;color:#74867e;text-align:center}.cw-stock-empty strong{color:#c8d4ce}.cw-stock-empty p{margin:0;font-size:8px}
.cw-stock-detail{max-height:466px;overflow:auto;padding:12px;scrollbar-width:thin}.cw-stock-detail>header{display:flex;justify-content:space-between;gap:8px}.cw-stock-detail>header span{color:var(--stock-accent);font:800 10px/1 ui-monospace,monospace}.cw-stock-detail>header h3{margin:3px 0;font-size:13px}.cw-stock-detail>header small{color:#65796f;font-size:7px}.cw-stock-detail>header button{width:25px;height:25px;border:1px solid #ffffff10;border-radius:7px;background:#ffffff07;color:#81928a}.cw-stock-detail-price{display:flex;align-items:end;justify-content:space-between;margin:12px 0 6px}.cw-stock-detail-price strong{font-size:26px}.cw-stock-detail-price span{border-radius:7px;padding:6px;font:750 9px/1 ui-monospace,monospace}.cw-stock-detail-price .up{color:var(--stock-up);background:color-mix(in srgb,var(--stock-up) 12%,transparent)}.cw-stock-detail-price .down{color:var(--stock-down);background:color-mix(in srgb,var(--stock-down) 12%,transparent)}.cw-stock-chart{width:100%;height:95px;overflow:visible}.cw-stock-chart .area{fill:url(#stock-chart-fill)}.cw-stock-chart .line{fill:none;stroke:var(--stock-accent);stroke-width:1.2;vector-effect:non-scaling-stroke}.cw-stock-chart-empty,.cw-stock-detail-empty{display:grid;min-height:130px;place-content:center;color:#62766c;font-size:8px;text-align:center}.cw-stock-detail-empty span{color:var(--stock-accent);font-size:30px}.cw-stock-detail-empty h3{margin:6px 0 2px;color:#cbd8d1;font-size:13px}.cw-stock-detail-empty p{max-width:210px;margin:0;line-height:1.6}.cw-stock-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.cw-stock-detail dl div{display:grid;gap:2px;border:1px solid #ffffff0c;border-radius:7px;background:#ffffff04;padding:6px}.cw-stock-detail dt{color:#61746b;font-size:6px}.cw-stock-detail dd{overflow:hidden;margin:0;color:#bfcbc5;font-size:7px;text-overflow:ellipsis}.cw-stock-detail dd small{color:var(--stock-accent)}.cw-stock-detail form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;border-top:1px solid #ffffff0c;padding-top:9px}.cw-stock-detail form>.cw-eyebrow{grid-column:1/-1}.cw-stock-detail form input,.cw-stock-detail form select,.cw-stock-detail form textarea{padding:7px!important;font-size:8px!important}.cw-stock-detail form button{grid-column:1/-1;border:0;border-radius:7px;background:var(--stock-accent);color:#07120d;padding:7px;font-size:8px;font-weight:850}.cw-stock-detail form textarea{resize:vertical}.cw-stock-detail form[data-stock-notes-form] label{grid-column:1/-1}
.cw-stock-library-view>header>b{color:var(--stock-accent);font-size:18px}.cw-stock-library-view>form{display:grid;width:min(430px,100%);grid-template-columns:1fr auto;align-items:end;gap:7px;border:1px solid #ffffff0f;border-radius:11px;background:#0d1613;padding:11px}.cw-stock-library-view>form button{height:35px;border:0;border-radius:8px;background:var(--stock-accent);color:#07120d;padding:0 12px;font-size:8px;font-weight:850}.cw-stock-library-view>.cw-stock-results-table{border:1px solid #ffffff0f;border-radius:12px;background:#0c1512;padding:11px}.cw-stock-library-view>.cw-stock-results-table>div{max-height:520px}.cw-stock-saved-grid,.cw-stock-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cw-stock-saved-grid article,.cw-stock-alert-grid article{display:grid;gap:6px;border:1px solid #ffffff0f;border-radius:12px;background:#0d1613;padding:14px}.cw-stock-saved-grid article>span,.cw-stock-alert-grid article>span{color:var(--stock-accent);font:750 7px/1 ui-monospace,monospace;letter-spacing:.13em}.cw-stock-saved-grid h4{margin:2px 0;font-size:14px}.cw-stock-saved-grid p,.cw-stock-alert-grid small{margin:0;color:#697d73;font-size:8px}.cw-stock-saved-grid article>div{display:grid;grid-template-columns:1fr 30px;gap:6px;margin-top:6px}.cw-stock-saved-grid button,.cw-stock-alert-grid button{border:1px solid #ffffff10;border-radius:7px;background:#ffffff06;color:#bac8c1;padding:7px;font-size:8px}.cw-stock-saved-grid button:first-child{border-color:color-mix(in srgb,var(--stock-accent) 30%,#ffffff10);color:var(--stock-accent)}.cw-stock-alert-grid strong{font-size:16px}.cw-stock-alert-grid article.is-triggered{border-color:color-mix(in srgb,var(--stock-accent) 40%,transparent);background:color-mix(in srgb,var(--stock-accent) 8%,#0d1613)}.cw-stock-alert-history{display:grid;gap:5px;border:1px solid #ffffff0f;border-radius:12px;background:#0d1613;padding:14px}.cw-stock-alert-history h4{margin:0;font-size:12px}.cw-stock-alert-history p{margin:0;border-top:1px solid #ffffff0b;padding-top:5px;color:#6f8379;font-size:8px}.cw-stock-alert-history b{color:#d7e2dd}
.cw-stock-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cw-stock-style-grid>button{display:grid;gap:7px;border:2px solid transparent;border-radius:13px;background:#0d1613;color:#d9e4de;padding:8px;text-align:left}.cw-stock-style-grid>button[aria-pressed=true]{border-color:var(--stock-accent)}.cw-stock-style-preview{display:grid;min-height:105px;place-content:center;gap:5px;border-radius:9px;background:#0c1512;text-align:center}.cw-stock-style-preview i{font:800 17px/1 ui-monospace,monospace;font-style:normal}.cw-stock-style-preview b{color:var(--stock-up);font:800 10px/1 ui-monospace,monospace}.cw-stock-style-preview small{color:#7d8e86;font-size:8px}.cw-stock-style-glass .cw-stock-style-preview{background:linear-gradient(145deg,#4d6377aa,#18293288);box-shadow:inset 0 1px #ffffff2b}.cw-stock-style-paper .cw-stock-style-preview{background:#f3eedf;color:#1d2924}.cw-stock-style-midnight .cw-stock-style-preview{background:radial-gradient(circle at 80% 0,#6269e65c,transparent 45%),#101229}.cw-stock-style-candy .cw-stock-style-preview{background:radial-gradient(circle at 80% 0,#ff92cb6b,transparent 42%),linear-gradient(145deg,#43264d,#1a2f45)}.cw-stock-style-view>form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:8px;border:1px solid #ffffff0f;border-radius:12px;background:#0d1613;padding:14px}.cw-stock-style-view>form .cw-check{align-self:center}.cw-stock-style-view>form button{grid-column:5;border:0;border-radius:8px;background:var(--stock-accent);color:#07120d;padding:9px;font-weight:850}
.cw-stock-style-paper{--stock-panel:#e9e2cf;color:#202923;background:#efeadc}.cw-stock-style-paper .cw-stock-nav{background:#e7e0ce;border-color:#2b342a16}.cw-stock-style-paper :is(.cw-stock-filters,.cw-stock-workspace>main,.cw-stock-detail,.cw-stock-kpis article,.cw-stock-presets button,.cw-stock-library-view>.cw-stock-results-table,.cw-stock-saved-grid article,.cw-stock-alert-grid article,.cw-stock-alert-history,.cw-stock-style-grid>button,.cw-stock-style-view>form,.cw-stock-library-view>form){border-color:#24312717;background:#f7f2e6;color:#202923}.cw-stock-style-paper :is(.cw-stock-command h3,.cw-stock-library-view h3,.cw-stock-style-view h3,.cw-stock-results-table .cw-stock-identity strong,.cw-stock-nav nav button[aria-pressed=true]){color:#202923}.cw-stock-style-paper :is(.cw-stock-command p,.cw-stock-library-view p,.cw-stock-style-view p,.cw-stock-results-table .cw-stock-identity small,.cw-stock-nav nav button){color:#6d746b}.cw-stock-style-paper input,.cw-stock-style-paper select,.cw-stock-style-paper textarea{border-color:#1d2a201c!important;background:#fffaf0!important;color:#202923!important}.cw-stock-style-glass{background:radial-gradient(circle at 80% 0,#7edbc828,transparent 35%),linear-gradient(145deg,#172933,#0b1219)}.cw-stock-style-midnight{background:radial-gradient(circle at 82% 0,#646be132,transparent 34%),#090a17}.cw-stock-style-candy{background:radial-gradient(circle at 84% 0,#ff91c72b,transparent 34%),linear-gradient(145deg,#17101f,#0d1721)}
@media(max-width:1250px){.cw-stock-presets>div{grid-template-columns:repeat(4,minmax(100px,1fr))}.cw-stock-workspace{grid-template-columns:205px minmax(390px,1fr)}.cw-stock-detail{display:none}.cw-stock-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.cw-stock-studio{grid-template-columns:1fr}.cw-stock-nav{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;border-right:0;border-bottom:1px solid #ffffff10;padding:10px}.cw-stock-nav>div{min-width:170px}.cw-stock-nav nav{display:flex;overflow:auto}.cw-stock-nav nav button{grid-template-columns:25px auto auto;white-space:nowrap}.cw-stock-nav footer{display:none}.cw-stock-studio>main{padding:13px}.cw-stock-command,.cw-stock-library-view>header{display:grid}.cw-stock-kpis{grid-template-columns:1fr 1fr}.cw-stock-workspace{grid-template-columns:1fr}.cw-stock-filters{order:2}.cw-stock-results-table>header,.cw-stock-results-table .cw-stock-row{grid-template-columns:25px minmax(100px,1fr) 66px 58px}.cw-stock-results-table :is(.cw-stock-volume,.cw-stock-cap,.cw-stock-sector,.cw-stock-country,.cw-stock-net,.cw-stock-ipo,.cw-stock-dollar),.cw-stock-results-table>header span:nth-child(n+5){display:none}.cw-stock-saved-grid,.cw-stock-alert-grid{grid-template-columns:1fr 1fr}.cw-stock-style-view>form{grid-template-columns:1fr 1fr}.cw-stock-style-view>form button{grid-column:1/-1}}

/* ── Airmail desk (cosy theme): paper cards, stamp chips, letter details ── */
.cw-page[data-workspace-theme=cosy] .cw-widget{border-color:color-mix(in srgb,#22314f 16%,var(--line));box-shadow:0 8px 22px rgba(52,42,20,.12)}
.cw-page[data-workspace-theme=cosy] .cw-widget-head{border-bottom-style:dashed;background:color-mix(in srgb,var(--card2) 90%,transparent)}
.cw-page[data-workspace-theme=cosy] .cw-widget-title>span{background:#fff;border:1.5px dashed color-mix(in srgb,#22314f 32%,transparent);box-shadow:0 2px 5px rgba(52,42,20,.1)}
.cw-page[data-workspace-theme=cosy] .cw-page-head{border-color:color-mix(in srgb,#22314f 16%,var(--line));background:color-mix(in srgb,#fffdf6 92%,transparent)}
.cw-page[data-workspace-theme=cosy] .cw-library-panel,.cw-page[data-workspace-theme=cosy] .cw-workspace-panel{border-color:color-mix(in srgb,#22314f 14%,var(--line));background:color-mix(in srgb,#fffdf6 94%,transparent)}
.cw-page[data-workspace-theme=cosy] .cw-widget-empty{border-style:dashed}
.cw-page[data-workspace-theme=cosy] ::selection{background:color-mix(in srgb,#cf3f2e 25%,transparent)}

/* airmail skin for the mobile "bigger canvas" handoff */
@media(max-width:900px){
  .cw-page.cw-shell>.cw-rotate-phone{color:#22314f;background:#faf5e9}
  .cw-mobile-brand{color:#22314f}
  .cw-mobile-brand .cw-brand-logo{background:#cf3f2e;box-shadow:0 10px 26px rgba(207,63,46,.3)}
  .cw-mobile-kicker{border-color:rgba(45,79,155,.4);background:#fffdf6;color:#2d4f9b}
  .cw-mobile-message>p{color:#4d5a7d}
  .cw-mobile-message figure{border-color:rgba(34,49,79,.2);background:#fffdf6;box-shadow:0 18px 44px rgba(52,42,20,.16)}
  .cw-mobile-message>small{color:#8a93ad}
}

/* Midnight workspace polish -------------------------------------------------
   The desktop header stays present, card actions remain explicit, and mobile
   becomes a separate one-widget-at-a-time application. */
.cw-widget-actions .cw-icon-button svg{display:block;width:15px;height:15px;fill:currentColor}
.cw-widget-actions .cw-header-delete{color:#ff6578!important}
.cw-widget-actions .cw-header-delete:hover,.cw-widget-actions .cw-header-delete:focus-visible{border-color:#ff6578!important;background:rgba(255,82,105,.14)!important;color:#ff8d9c!important}
.cw-close-mobile{display:none}
.cw-app-size-presets{display:grid;grid-column:1/-1;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--card2);padding:11px}.cw-app-size-presets>span{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.cw-app-size-presets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cw-app-size-presets button{display:grid;min-height:44px;place-content:center;gap:2px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);text-align:center;cursor:pointer}.cw-app-size-presets button:hover,.cw-app-size-presets button:focus-visible{border-color:var(--cw-accent);background:color-mix(in srgb,var(--cw-accent) 10%,var(--card))}.cw-app-size-presets button b{font-size:10px}.cw-app-size-presets button small{color:var(--muted);font-size:8px}

@media(min-width:1024px){
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head{
    display:flex!important;
    min-height:56px!important;
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:7px 14px!important;
    box-shadow:0 8px 30px rgba(0,0,0,.18)!important;
  }
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head:focus-within:not(:hover){transform:none!important;opacity:1!important;pointer-events:auto!important}
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head .cw-editable-heading{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 9px}
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head .cw-editable-heading .cw-eyebrow{grid-column:1/-1;font-size:7px}
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head .cw-editable-heading h2{font-size:15px;line-height:1}
  .cw-page.is-desk-fullscreen .cw-stage>.cw-page-head .cw-editable-heading p{display:none}
  .cw-page.is-desk-fullscreen .cw-canvas-wrap{top:56px!important;bottom:0!important;height:calc(100dvh - 56px)!important;min-height:0!important;max-height:calc(100dvh - 56px)!important;overflow:hidden!important;padding:10px!important}
  .cw-page.is-desk-fullscreen .cw-stage .cw-grid{width:100%!important;height:100%!important;min-height:0!important;grid-auto-rows:calc(4.7619048% - 7.619px)!important;gap:8px!important;padding:10px!important}
}

@media(max-width:1023px){
  html,body,.workspace-body{width:100%;height:100%;min-height:100%;overflow:hidden!important;background:#070b16!important}
  .cw-page.cw-shell{position:fixed!important;z-index:10000!important;inset:0!important;display:block!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;padding:0!important;background:#070b16!important;color:#f6f7ff!important;transform:none!important}
  .cw-page.cw-shell>*:not(.cw-rotate-phone):not(.cw-widget-app-dialog):not(.cw-confirm-dialog):not(.cw-name-dialog):not(#cwLive){display:none!important}
  .cw-page.cw-shell>.cw-rotate-phone{box-sizing:border-box;display:grid!important;width:100%;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:0;overflow:hidden;padding:0;color:#f6f7ff;background:radial-gradient(circle at 14% 0%,rgba(98,91,255,.22),transparent 30%),radial-gradient(circle at 92% 100%,rgba(31,190,173,.12),transparent 34%),#070b16}
  .cw-mobile-app-head{display:grid;min-height:66px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;border-bottom:1px solid rgba(177,188,224,.13);background:rgba(8,13,27,.84);padding:max(10px,env(safe-area-inset-top)) 12px 10px;backdrop-filter:blur(18px)}
  .cw-mobile-shell-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(171,182,220,.16);border-radius:13px;background:rgba(255,255,255,.055);color:#eef1ff;cursor:pointer}
  .cw-mobile-shell-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cw-mobile-shell-button:focus-visible{outline:2px solid #8f87ff;outline-offset:2px}
  .cw-mobile-brand{display:flex;min-width:0;align-items:center;gap:10px;color:#f7f8ff;text-decoration:none}
  .cw-mobile-brand .cw-brand-logo{display:block;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:transparent url("/img/launchlemur-icon-rounded.png?v=3") center/cover no-repeat!important;box-shadow:0 8px 24px rgba(82,74,240,.3)}
  .cw-mobile-brand>span:last-child{display:grid;min-width:0;gap:2px}
  .cw-mobile-brand b{font-size:14px;line-height:1.1;letter-spacing:-.02em}
  .cw-mobile-brand small{color:#8f9ab8;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
  .cw-mobile-menu-sheet{position:fixed;z-index:10040;inset:0;display:none;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;background:transparent;padding:0;color:#f6f7ff}
  .cw-mobile-menu-sheet[open]{display:grid;align-items:end}
  .cw-mobile-menu-sheet::backdrop{background:rgba(2,5,12,.72);backdrop-filter:blur(5px)}
  .cw-mobile-menu-sheet>section{display:grid;gap:18px;border:1px solid rgba(177,188,224,.16);border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#151c30,#0b1120);padding:20px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.44)}
  .cw-mobile-menu-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .cw-mobile-menu-sheet header small{color:#858fac;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
  .cw-mobile-menu-sheet h2{margin:3px 0 0;font-size:22px;letter-spacing:-.03em}
  .cw-mobile-menu-sheet header button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(177,188,224,.16);border-radius:13px;background:rgba(255,255,255,.055);color:#eef1ff;font-size:25px;cursor:pointer}
  .cw-mobile-menu-sheet nav{display:grid;gap:8px}
  .cw-mobile-menu-sheet nav :is(button,a){display:grid;min-height:58px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:2px 11px;border:1px solid rgba(177,188,224,.13);border-radius:14px;background:rgba(255,255,255,.045);color:#f3f5ff;padding:9px 12px;text-align:left;text-decoration:none;cursor:pointer}
  .cw-mobile-menu-sheet nav :is(button,a)>span{display:grid;width:38px;height:38px;grid-row:1/3;place-items:center;border-radius:11px;background:rgba(124,113,255,.14);color:#aaa4ff;font-size:17px}
  .cw-mobile-menu-sheet nav b{font-size:12px}
  .cw-mobile-menu-sheet nav small{color:#8c97b4;font-size:9px}
  .cw-mobile-home{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px 16px calc(24px + env(safe-area-inset-bottom));scrollbar-width:none}
  .cw-mobile-home::-webkit-scrollbar{display:none}
  .cw-mobile-home-copy{display:grid;gap:7px;margin:0 auto 20px;max-width:620px}
  .cw-mobile-kicker{width:max-content;border:1px solid rgba(129,119,255,.32);border-radius:999px;background:rgba(112,100,255,.12);padding:5px 9px;color:#aca6ff;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  .cw-mobile-home h1{margin:0;color:#fff;font-size:clamp(28px,8.5vw,42px);line-height:1;letter-spacing:-.045em}
  .cw-mobile-home p{max-width:50ch;margin:0;color:#929db9;font-size:12px;line-height:1.55}
  .cw-mobile-widget-list{display:grid;max-width:620px;margin:auto;gap:9px}
  .cw-mobile-widget-row{display:grid;width:100%;min-height:70px;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;border:1px solid rgba(169,180,220,.13);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--cw-mobile-accent) 8%,#11172a),#0d1323);color:#f6f7ff;padding:10px 12px;text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.16);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .cw-mobile-widget-row:active{transform:scale(.985)}
  .cw-mobile-widget-row:focus-visible{outline:2px solid color-mix(in srgb,var(--cw-mobile-accent) 72%,#fff);outline-offset:2px}
  .cw-mobile-widget-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid color-mix(in srgb,var(--cw-mobile-accent) 42%,transparent);border-radius:13px;background:color-mix(in srgb,var(--cw-mobile-accent) 18%,transparent);color:color-mix(in srgb,var(--cw-mobile-accent) 75%,#fff);font-size:19px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
  .cw-mobile-widget-copy{display:grid;min-width:0;gap:4px}
  .cw-mobile-widget-copy b,.cw-mobile-widget-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cw-mobile-widget-copy b{font-size:13px;letter-spacing:-.01em}
  .cw-mobile-widget-copy small{color:#8d99b7;font-size:9px}
  .cw-mobile-widget-arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);color:#7885a5;font-size:22px}
  .cw-mobile-widget-empty{display:grid;min-height:150px;place-content:center;gap:5px;border:1px dashed rgba(169,180,220,.2);border-radius:16px;color:#8995b2;text-align:center}
  .cw-mobile-widget-empty b{color:#f3f5ff}

  .cw-page.cw-shell>.cw-widget-app-dialog[open]{position:fixed!important;z-index:10020!important;inset:0!important;display:block!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#090e1b!important;padding:0!important;color:#f5f6ff!important}
  .cw-widget-app-dialog::backdrop{background:#070b16!important;backdrop-filter:none!important}
  .cw-widget-app{display:grid!important;width:100%!important;height:100dvh!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr)!important;background:#090e1b!important}
  .cw-widget-app-head{position:relative;z-index:20;min-height:64px!important;border-bottom:1px solid rgba(176,187,220,.14)!important;background:rgba(9,14,27,.94)!important;padding:max(10px,env(safe-area-inset-top)) 12px 10px!important;backdrop-filter:blur(18px)}
  .cw-widget-app-head .cw-widget-title>span{display:grid!important;width:38px!important;height:38px!important;flex:0 0 38px;border-radius:11px;font-size:17px}
  .cw-widget-app-head h2{max-width:46vw;overflow:hidden;font-size:14px!important;text-overflow:ellipsis;white-space:nowrap}
  .cw-widget-app-head .cw-widget-title small{font-size:7px}
  .cw-widget-app-head>div:last-child{gap:5px}
  .cw-widget-app-head :is(button,summary){min-width:44px!important;min-height:44px!important}
  .cw-widget-app-head .cw-app-close{display:grid;min-width:74px!important;place-items:center;border-color:color-mix(in srgb,var(--cw-accent) 38%,rgba(255,255,255,.15));background:color-mix(in srgb,var(--cw-accent) 12%,#11182a);color:#f6f7ff;font-size:11px}
  .cw-close-desktop{display:none}
  .cw-close-mobile{display:inline}
  .cw-widget-app-body{display:block!important;min-width:0!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;padding:14px 12px calc(22px + env(safe-area-inset-bottom))!important;scrollbar-width:none}
  .cw-widget-app-body::-webkit-scrollbar{display:none}
  .cw-app-workspace{width:100%;min-width:0;overflow-x:hidden}
  .cw-widget-app-dialog *{box-sizing:border-box}
  .cw-widget-app-dialog :is(button,a,input,select,textarea,summary,[role=button]){touch-action:manipulation}
  .cw-widget-app-dialog :is(button,select,input:not([type=range])){min-height:44px}
  .cw-widget-app-dialog :is(.cw-todo-app,.cw-notes-app,.cw-timer-app,.cw-quote-app,.cw-tracker-app,.cw-collection-app){width:100%;height:auto;min-height:0}
  .cw-widget-app-dialog .cw-app-navigation{max-height:none;overflow-x:auto}
  .cw-widget-app-dialog .cw-todo-app,.cw-widget-app-dialog .cw-notes-app{display:grid;grid-template-columns:1fr}
  .cw-widget-app-dialog .cw-app-primary{min-width:0}
  .cw-widget-app-dialog .cw-full-app-radio .cw-radio-feature{grid-template-columns:76px minmax(0,1fr)}
  .cw-widget-app-dialog .cw-full-app-radio .cw-radio-feature>img{width:76px;height:76px}
  .cw-widget-app-dialog .cw-full-app-ambient .cw-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-widget-app-dialog .cw-calendar-app{display:block}
  .cw-widget-app-dialog .cw-weather-forecast{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-widget-app-dialog .cw-app-preferences{margin-top:14px}
  .cw-widget-app-dialog .cw-app-size-presets{display:none}
  .cw-widget-app-dialog .cw-app-manage{display:none!important}
  .cw-widget-app-dialog:not(.is-showing-app-settings) .cw-app-preferences{display:none!important}
  .cw-widget-app-dialog.is-showing-app-settings .cw-app-workspace{display:none!important}
  .cw-widget-app-dialog.is-showing-app-settings .cw-app-preferences{display:block!important;margin-top:0}
  .cw-widget-app-dialog.is-showing-app-settings .cw-app-settings-button{
    border-color:var(--cw-accent)!important;
    color:var(--cw-accent)!important;
  }
  .cw-widget-app-dialog .cw-mobile-expanded-widget{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    overflow:visible!important;
  }
  .cw-widget-app-dialog .cw-mobile-expanded-widget .cw-widget-body{
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    overflow:visible!important;
    padding:12px!important;
  }
  .cw-widget-app-dialog .cw-mobile-expanded-widget :is(.cw-widget-layout,.cw-radio-feature,.cw-calendar-reference-medium){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .cw-page.cw-shell>.cw-confirm-dialog[open],
  .cw-page.cw-shell>.cw-name-dialog[open]{
    z-index:10070!important;
    display:block!important;
  }
}

/* Live widget settings: reversible edits and an unmistakable removal action. */
.cw-widget-app-dialog.is-showing-app-settings .cw-app-preferences{display:block!important}
.cw-widget-app-dialog.is-showing-app-settings .cw-widget-app-body{grid-template-rows:minmax(min-content,1fr) auto!important;overflow-y:auto!important}
.cw-widget-app-dialog.is-showing-app-settings :is(.cw-widget-app-timer,.cw-widget-app-countdown,.cw-widget-app-calendar) .cw-app-workspace{height:auto!important;min-height:0!important;overflow:visible!important}
.cw-app-settings-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-top:4px;border-top:1px solid var(--line);padding-top:14px}
.cw-app-settings-actions>.ws-primary{min-width:150px;justify-content:center}
.cw-app-settings-undo{display:flex!important;min-width:0;align-items:center;justify-content:flex-start!important;gap:10px;text-align:left}
.cw-app-settings-undo>svg{width:21px;height:21px;flex:0 0 21px;fill:currentColor}
.cw-app-settings-undo>span{display:grid;min-width:0;gap:2px}
.cw-app-settings-undo b{font-size:10px}
.cw-app-settings-undo small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.cw-app-settings-undo:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.48}
.cw-app-settings-danger{display:grid;gap:8px;margin-top:4px;border-top:1px solid color-mix(in srgb,#df4a4a 25%,var(--line));padding-top:14px}
.cw-app-settings-danger>.cw-eyebrow{color:#bd3a3a}
.cw-app-remove-widget{display:grid;width:100%;min-height:76px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid color-mix(in srgb,#d94343 48%,var(--line));border-radius:13px;background:color-mix(in srgb,#e54a4a 9%,var(--card));color:#b92929;padding:11px 14px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.cw-app-remove-widget:hover{border-color:#d43a3a;background:color-mix(in srgb,#e54a4a 15%,var(--card));transform:translateY(-1px)}
.cw-app-remove-widget:focus-visible{outline:3px solid color-mix(in srgb,#e54a4a 35%,transparent);outline-offset:2px}
.cw-app-remove-widget-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#d94343;color:#fff;box-shadow:0 7px 18px rgba(180,35,35,.22)}
.cw-app-remove-widget-icon svg{width:29px;height:29px;fill:currentColor}
.cw-app-remove-widget>span:nth-child(2){display:grid;min-width:0;gap:4px}
.cw-app-remove-widget b{font-size:13px;letter-spacing:-.01em}
.cw-app-remove-widget small{color:color-mix(in srgb,#b92929 72%,var(--muted));font-size:9px;line-height:1.4}
.cw-app-remove-widget>strong{border-radius:8px;background:#d94343;color:#fff;padding:8px 11px;font-size:9px}
@media(max-width:720px){
  .cw-app-settings-actions{grid-template-columns:1fr}
  .cw-app-settings-actions>.ws-primary{width:100%;min-width:0}
  .cw-app-remove-widget{grid-template-columns:48px minmax(0,1fr);padding:10px}
  .cw-app-remove-widget-icon{width:48px;height:48px}
  .cw-app-remove-widget>strong{display:none}
}

/* Mobile workspace v2: a dedicated widget feed and widget drawer. */
@media(max-width:1023px){
  .cw-page.cw-shell>.cw-rotate-phone{
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  .cw-mobile-screen{
    position:absolute;
    inset:0;
    box-sizing:border-box;
    width:100%;
    height:auto;
    max-height:none;
    grid-area:1/1;
    min-width:0;
    min-height:0;
    overflow-x:hidden;
    overflow-y:scroll;
    overscroll-behavior-y:auto;
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cw-mobile-screens{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
  .cw-mobile-screen::-webkit-scrollbar{display:none}
  .cw-mobile-screen[hidden]{display:none!important}
  .cw-mobile-screen[data-mobile-screen=workspace]{
    padding:22px 12px 28px;
  }
  .cw-mobile-home-copy{
    max-width:680px;
    margin:0 auto 15px;
  }
  .cw-mobile-home-copy p{
    max-width:58ch;
  }
  .cw-mobile-widget-feed{
    display:grid;
    width:100%;
    max-width:680px;
    margin:0 auto;
    gap:12px;
  }
  .cw-mobile-widget-swipe{
    --cw-mobile-swipe-x:0px;
    position:relative;
    width:100%;
    min-width:0;
    height:220px;
    overflow:hidden;
    border-radius:17px;
    touch-action:pan-y;
    isolation:isolate;
  }
  .cw-mobile-widget-swipe[data-mobile-widget-type=todo]{height:374px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=timer]{height:242px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=radio]{height:256px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=calendar]{height:306px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=notes]{height:252px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=habits]{height:252px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=weather]{height:224px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=quicklinks]{height:248px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=goals]{height:232px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=quote]{height:238px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=ambient],
  .cw-mobile-widget-swipe[data-mobile-widget-type=clock],
  .cw-mobile-widget-swipe[data-mobile-widget-type=countdown],
  .cw-mobile-widget-swipe[data-mobile-widget-type=reminder]{height:250px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=image],
  .cw-mobile-widget-swipe[data-mobile-widget-type=decorative-gif],
  .cw-mobile-widget-swipe[data-mobile-widget-type=decorative-video],
  .cw-mobile-widget-swipe[data-mobile-widget-type=youtube]{height:260px}
  .cw-mobile-widget-surface{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    transform:translate3d(var(--cw-mobile-swipe-x),0,0);
    transition:transform .22s cubic-bezier(.2,.72,.2,1);
    will-change:transform;
  }
  .cw-mobile-widget-swipe.is-swiping .cw-mobile-widget-surface{transition:none}
  .cw-mobile-widget-swipe.is-swipe-pending .cw-mobile-widget-surface{filter:saturate(.78)}
  .cw-mobile-widget-surface>.cw-widget{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .cw-mobile-widget-feed .cw-widget{
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .cw-mobile-widget-feed .cw-widget :is(.cw-widget-actions,.cw-seamless-controls,.cw-resize-handle,.cw-move-handle){
    display:none!important;
  }
  .cw-mobile-widget-feed .cw-widget-head{cursor:pointer}
  .cw-mobile-widget-feed .cw-widget-body{overscroll-behavior:none}
  .cw-mobile-swipe-remove{
    position:absolute;
    z-index:1;
    inset:0 auto 0 0;
    display:grid;
    width:126px;
    place-content:center;
    justify-items:center;
    gap:7px;
    border:0;
    border-radius:17px 0 0 17px;
    background:linear-gradient(145deg,#d94139,#b7212a);
    color:#fff;
    font:850 11px/1.1 inherit;
    letter-spacing:.02em;
    cursor:pointer;
  }
  .cw-mobile-swipe-remove svg{
    width:28px;
    height:28px;
    fill:currentColor;
  }
  .cw-mobile-swipe-remove:focus-visible{
    outline:3px solid rgba(255,255,255,.9);
    outline-offset:-6px;
  }
  .cw-mobile-widget-empty{
    min-height:190px;
    padding:24px;
  }
  .cw-mobile-library-screen{
    display:grid;
    align-content:start;
    gap:13px;
    width:100%;
    max-width:680px;
    min-height:100%;
    margin:0 auto;
    padding:20px 12px 28px;
  }
  .cw-mobile-library-head,
  .cw-mobile-library-screen>header{
    display:grid;
    gap:6px;
  }
  .cw-mobile-library-head h1,
  .cw-mobile-library-screen>header h1{
    margin:0;
    color:#fff;
    font-size:clamp(27px,8vw,38px);
    line-height:1;
    letter-spacing:-.045em;
  }
  .cw-mobile-library-head p,
  .cw-mobile-library-screen>header p{
    max-width:55ch;
    margin:0;
    color:#929db9;
    font-size:11px;
    line-height:1.5;
  }
  .cw-mobile-library-screen .cw-library-search{
    position:sticky;
    z-index:4;
    top:-1px;
    margin:0;
    padding-top:1px;
  }
  .cw-mobile-library-screen .cw-library-search input{
    min-height:48px;
    border-color:rgba(169,180,220,.18);
    background:#11182a;
    color:#f6f7ff;
    font-size:13px;
  }
  .cw-mobile-library-screen .cw-library{
    display:grid;
    gap:9px;
    overflow:visible;
  }
  .cw-mobile-library-screen .cw-library-category{
    overflow:hidden;
    border:1px solid rgba(169,180,220,.14);
    border-radius:15px;
    background:rgba(255,255,255,.035);
  }
  .cw-mobile-library-screen .cw-library-category>summary{
    display:grid!important;
    height:auto!important;
    min-height:52px;
    grid-template-columns:24px minmax(0,1fr) auto 14px;
    align-items:center!important;
    gap:9px;
    overflow:visible!important;
    padding:10px 13px;
    color:#eef1ff;
    line-height:1.2!important;
    opacity:1!important;
    transform:none!important;
  }
  .cw-mobile-library-screen .cw-library-category>summary::before{
    width:24px!important;
    height:24px!important;
  }
  .cw-mobile-library-screen .cw-library-category>summary>span{
    display:block!important;
    min-width:0;
    color:var(--category,#6578ee)!important;
    font-size:11px!important;
    line-height:1.2!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .cw-mobile-library-screen .cw-library-category>summary>b{
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .cw-mobile-library-screen .cw-library-category>div{
    display:grid;
    gap:7px;
    padding:0 8px 8px;
  }
  .cw-mobile-library-screen .cw-library-item{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    min-height:62px;
    border-color:rgba(169,180,220,.12);
    background:#11182a;
  }
  .cw-mobile-library-screen .cw-widget-preview{
    display:flex!important;
    width:44px;
    height:42px;
    grid-column:auto!important;
  }
  .cw-mobile-library-screen .cw-library-copy{grid-column:auto!important}
  .cw-mobile-library-screen .cw-library-item>button{grid-column:auto!important}
  .cw-mobile-library-screen .cw-library-copy small{display:block}
  .cw-mobile-library-screen .cw-library-item>button{
    min-width:62px;
    min-height:42px;
  }
  .cw-mobile-bottom-nav{
    position:relative;
    z-index:30;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    min-height:68px;
    border-top:1px solid rgba(177,188,224,.14);
    background:rgba(8,13,27,.94);
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
    backdrop-filter:blur(18px);
  }
  .cw-mobile-bottom-nav button{
    display:grid;
    min-width:0;
    min-height:48px;
    grid-template-columns:auto auto;
    place-content:center;
    align-items:center;
    gap:8px;
    border:1px solid transparent;
    border-radius:13px;
    background:transparent;
    color:#8692b0;
    font:850 11px/1 inherit;
    cursor:pointer;
  }
  .cw-mobile-bottom-nav button svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .cw-mobile-bottom-nav button:is(.active,[aria-current=page]){
    border-color:rgba(139,131,255,.24);
    background:rgba(112,100,255,.13);
    color:#b4afff;
  }
  .cw-mobile-bottom-nav button:focus-visible{
    outline:2px solid #8f87ff;
    outline-offset:1px;
  }
}

@media(max-width:430px){
  .cw-mobile-screen[data-mobile-screen=workspace],
  .cw-mobile-library-screen{padding-inline:8px}
  .cw-mobile-widget-feed{gap:9px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=todo]{height:356px}
  .cw-mobile-widget-swipe[data-mobile-widget-type=calendar]{height:292px}
  .cw-mobile-library-screen .cw-library-copy small{display:none}
}

/* Page design reset stays at the true bottom of the settings scroller. */
.cw-page-reset{
  padding:16px 1px 4px;
}
.cw-page-reset>button{
  display:grid;
  width:100%;
  min-height:58px;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));
  border-radius:11px;
  background:color-mix(in srgb,var(--card2) 84%,transparent);
  color:var(--ink);
  padding:10px 11px;
  text-align:left;
  cursor:pointer;
}
.cw-page-reset>button:is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--accent) 62%,var(--line));
  background:color-mix(in srgb,var(--accent) 10%,var(--card2));
  outline:0;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent);
}
.cw-page-reset svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cw-page-reset b,.cw-page-reset small{display:block}
.cw-page-reset b{font-size:10.5px}
.cw-page-reset small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.35}
