/* Theme previews are self-contained, including when Original is active. */
.theme-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.theme-choice{--preview-bg:#eee9f7;--preview-accent:#a58cc7;--preview-line:#d7cce5;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0 0 17px;border:2px solid #e4dfea;border-radius:16px;background:#fff;overflow:hidden;min-width:0;position:relative;color:#36303f;transition:border-color .2s,box-shadow .2s}.theme-choice:hover{border-color:#a695b9;box-shadow:0 5px 18px #362c4210}.theme-choice[aria-pressed=true]{border-color:#78628e;box-shadow:0 0 0 2px #78628e20}.theme-choice>strong{font-size:calc(17px * var(--text-scale,1));letter-spacing:-.4px;margin:16px 17px 5px}.theme-choice>.theme-caption{font-size:calc(11px * var(--text-scale,1));margin:0 17px 9px;font-weight:600}.theme-choice>small{font-size:calc(11px * var(--text-scale,1));line-height:1.6;color:#706777;margin:0 17px 16px;flex:1}.theme-selected{font-size:calc(10px * var(--text-scale,1));margin:0 17px;color:#78628e;font-weight:600}.theme-scene{height:145px;position:relative;display:block;overflow:hidden;background:var(--preview-bg)}.theme-mini-pet{position:absolute;width:135px;height:135px;right:8px;top:9px}.theme-mini-pet svg{width:100%;height:100%}.theme-mini-lines{position:absolute;left:17px;top:30px;width:46%;transform:rotate(-5deg)}.theme-mini-lines i{display:block;height:25px;background:#ffffff8c;border:1px solid var(--preview-line);border-left:4px solid var(--preview-accent);margin-bottom:9px;border-radius:6px}.theme-mini-lines i:nth-child(2){width:84%}.theme-mini-lines i:nth-child(3){width:67%}.theme-swatches{position:absolute;bottom:12px;left:19px;display:flex}.theme-swatches i{height:16px;width:16px;border:2px solid #ffffffd9;border-radius:50%;margin-right:-3px}.theme-preview-avengers{--preview-bg:#18293c;--preview-accent:#b9473b;--preview-line:#405268}.theme-preview-avengers .theme-scene{background:linear-gradient(110deg,transparent 60%,#a439341f 60%),repeating-linear-gradient(0deg,transparent 0 19px,#9ab2c512 20px),var(--preview-bg)}.theme-preview-avengers .theme-mini-lines i{background:#304156}.theme-preview-forest{--preview-bg:#dfe8d5;--preview-accent:#64805a;--preview-line:#c4d0b8}.theme-preview-forest .theme-scene{background:radial-gradient(ellipse at 0 0,#b9cc9a 0 23%,transparent 24%),var(--preview-bg)}.theme-preview-cosmos{--preview-bg:#2d284b;--preview-accent:#b7a3dd;--preview-line:#5e527d}.theme-preview-cosmos .theme-scene{background:radial-gradient(circle at 10% 20%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 80% 30%,#fff9 0 1px,transparent 2px),repeating-radial-gradient(ellipse at 100% 100%,transparent 0 40px,#b4a6dd22 41px 42px,transparent 43px 60px),var(--preview-bg)}.theme-preview-cosmos .theme-mini-lines i{background:#4f456b}.theme-preview-ocean{--preview-bg:#d0ebef;--preview-accent:#508d98;--preview-line:#a8cdd2}.theme-preview-ocean .theme-scene{background:repeating-radial-gradient(ellipse at 10% 140%,transparent 0 28px,#6ea9b326 29px 31px,transparent 32px 48px),var(--preview-bg)}.theme-preview-arcade{--preview-bg:#e4e0ef;--preview-accent:#6e5c9c;--preview-line:#ada3c1;border-radius:3px}.theme-preview-arcade .theme-scene{background:linear-gradient(#8d7eb312 1px,transparent 1px),linear-gradient(90deg,#8d7eb312 1px,transparent 1px),var(--preview-bg);background-size:15px 15px}.theme-preview-arcade .theme-mini-lines{transform:none}.theme-preview-arcade .theme-mini-lines i{border-radius:0;box-shadow:3px 3px 0 #82719c40}
body[data-theme]:not([data-theme=original]){--bg:var(--theme-bg);--paper:var(--theme-surface);--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--purple:var(--theme-accent);--lavender:var(--theme-soft);background-color:var(--theme-bg);color:var(--theme-ink)}
body[data-theme]:not([data-theme=original]) :is(.rail,.topbar){background:var(--theme-chrome);color:#f7f8fc;border-color:#ffffff22}body[data-theme]:not([data-theme=original]) :is(.rail-btn,.tagline,.save-state,.motion-toggle,.account-open,.cheers-open){color:#e5eaf1}body[data-theme]:not([data-theme=original]) :is(.logo-dot,.brand-mark span){color:#e7c98b}body[data-theme]:not([data-theme=original]) .rail-btn:is(.selected,:hover){background:#ffffff22;color:#fff}body[data-theme]:not([data-theme=original]) .profile{background:#ffffff15;color:#fff;border-color:#ffffff44}body[data-theme]:not([data-theme=original]) .topbar .primary{background:var(--theme-accent);color:#fff}
body[data-theme]:not([data-theme=original]) :is(.companion,.memory-ribbon,.movement-card,.goodness-card,.sticker-studio,.buddy-conversation){background:var(--theme-soft);border-color:var(--theme-line);border-radius:var(--theme-radius)}body[data-theme]:not([data-theme=original]) :is(.companion-copy p,.companion-label,.progress-line,.text-button,#settings-content p,.memory-caption,.memory-label){color:var(--theme-muted)}body[data-theme]:not([data-theme=original]) :is(.heading-dot,.tiny-star){color:var(--theme-accent)}body[data-theme]:not([data-theme=original]) :is(.progress-track>div,.primary){background:var(--theme-accent);color:#fff}body[data-theme]:not([data-theme=original]) :is(.progress-track,.secondary,.week-day.selected,#settings-nav button[aria-current],.settings-type-sample){background:var(--theme-soft);color:var(--theme-ink)}body[data-theme]:not([data-theme=original]) :is(dialog,#settings-dialog,.settings-footer){background:var(--theme-surface);color:var(--theme-ink)}body[data-theme]:not([data-theme=original]) #settings-nav{background:var(--theme-bg)}body[data-theme]:not([data-theme=original]) :is(input,textarea,select){border-color:var(--theme-line)}body[data-theme]:not([data-theme=original]) .task-card{border-radius:var(--theme-radius)}body[data-theme]:not([data-theme=original]) .sticker-playground{background:var(--theme-surface);border-color:var(--theme-line)}body[data-theme]:not([data-theme=original]) #mascot>svg{display:none}body[data-theme]:not([data-theme=original]) #mascot .theme-buddy-art{display:block;width:100%;margin:0;transform:none}body[data-theme]:not([data-theme=original]) #mascot .theme-buddy-art svg{width:100%;display:block}body[data-theme]:not([data-theme=original]) #mascot-caption{color:var(--theme-muted)}
body[data-theme=avengers]{background-image:linear-gradient(#60748a08 1px,transparent 1px),linear-gradient(90deg,#60748a08 1px,transparent 1px);background-size:32px 32px}body[data-theme=avengers] .companion{border-left:5px solid #ad3932;background:linear-gradient(120deg,#e4eaf2 65%,#d9e1ec 65%)}body[data-theme=avengers] .intro h1{letter-spacing:-1.8px;text-transform:uppercase;font-weight:800}body[data-theme=avengers] .memory-ribbon{border-left:4px solid #b89143}body[data-theme=forest]{background-image:radial-gradient(ellipse at 95% 15%,#b8cf9e2b 0,transparent 45%)}body[data-theme=forest] .companion{background:radial-gradient(ellipse at 100% 100%,#bfceab 0,transparent 60%),var(--theme-soft)}body[data-theme=forest] .intro h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-1.6px}body[data-theme=cosmos]{background-image:radial-gradient(circle,#7463a61c 1px,transparent 1.5px);background-size:29px 29px}body[data-theme=cosmos] .companion{background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 38px,#a394c933 39px 40px,transparent 41px 64px),var(--theme-soft)}body[data-theme=ocean] .companion{background:repeating-radial-gradient(ellipse at 10% 160%,transparent 0 35px,#86b7c02b 36px 38px,transparent 39px 64px),var(--theme-soft)}body[data-theme=ocean] .week-toolbar{border-radius:22px;background:#ffffff55;padding-left:16px;padding-right:16px}body[data-theme=arcade]{background-image:linear-gradient(#a399bc0a 1px,transparent 1px),linear-gradient(90deg,#a399bc0a 1px,transparent 1px);background-size:16px 16px}body[data-theme=arcade] :is(.companion,.memory-ribbon,.movement-card,.goodness-card,.sticker-studio){box-shadow:4px 4px 0 #aaa0c14a;border:1px solid #b9b2d2}body[data-theme=arcade] :is(.intro h1,.day-heading h2){font-family:ui-monospace,monospace;letter-spacing:-1.6px}body[data-theme=arcade] :is(.button,.week-day,dialog){border-radius:3px}body[data-theme=arcade] .theme-character{image-rendering:pixelated}
@media(max-width:600px){.theme-gallery{grid-template-columns:1fr}.theme-scene{height:150px}.theme-mini-pet{right:20px}.theme-choice>strong{font-size:calc(18px * var(--text-scale,1))}body[data-theme=avengers] .intro h1{font-size:calc(27px * var(--text-scale,1))}}
body[data-theme]:not([data-theme=original]) .topbar :is(.account-open,.cheers-open){background:#ffffff12;border-color:#ffffff45;color:#f4f6fa}body[data-theme]:not([data-theme=original]) .topbar :is(.account-open,.cheers-open):hover{background:#ffffff25}body[data-theme]:not([data-theme=original]) :is(#day-guide-open,.memory-write,.tomorrow-add){background:var(--theme-surface);color:var(--theme-ink);border-color:var(--theme-line)}body[data-theme]:not([data-theme=original]) :is(.guide-speech,.guide-summary){background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-ink)}