.theme-picker-trigger{width:32px;height:32px;min-height:32px;color:var(--dn-fg2);border:0;border-radius:8px;flex:none;padding:7px;position:relative}.theme-picker-trigger svg,.navigation-controls svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.palette-dot{background:var(--dn-accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--dn-rail);border-radius:50%;position:absolute;bottom:4px;right:4px}.theme-picker{border:1px solid var(--dn-popline);background:var(--dn-pop);width:min(328px,100vw - 28px);max-width:100%;max-height:calc(100dvh - 28px);color:var(--ink);box-shadow:var(--dn-shadow);border-radius:12px;margin:0;padding:0;position:fixed;inset:auto auto 14px 14px;overflow:auto}.theme-picker::backdrop{background:0 0}.theme-picker-body{flex-direction:column;display:flex}.theme-picker .theme-picker-heading{border:0;align-items:center;gap:8px;min-height:0;padding:12px 10px 6px 14px;display:flex}.theme-picker-heading>div{flex:1;min-width:0}.theme-picker-heading h2{font-size:14px;font-weight:800}.theme-picker-heading p{color:var(--dn-fg3);margin-top:2px;font-size:12px}.theme-picker-heading button{border:0;border-radius:8px;width:32px;height:32px;min-height:32px;padding:0;font-size:21px}.theme-preset-list{gap:2px;padding:4px 8px 8px;display:grid}.theme-preset-list .theme-preset-option{text-align:left;border:1px solid #0000;border-radius:9px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:6px 10px 6px 8px;transition:background-color .12s,border-color .12s;display:flex}.theme-preset-list .theme-preset-option:has(input:checked){border-color:var(--dn-line2);background:var(--dn-hover-r)}.theme-swatch{border-radius:7px;flex:none;grid-template-columns:repeat(4,12px);gap:2px;padding:3px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.theme-swatch>span{border-radius:3px;width:12px;height:22px}.theme-preset-copy{flex:1;gap:1px;min-width:0;font-size:13.5px;display:grid}.theme-preset-copy>span{color:var(--dn-fg3);text-wrap:pretty;font-size:12px;font-weight:400}.theme-preset-check{border:1.5px solid var(--dn-line2);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid}[aria-checked=true]>.theme-preset-check{color:var(--dn-on-accent);border-color:var(--accent);background:var(--accent)}.theme-motion{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.theme-motion button{border:0;border-radius:999px;min-height:32px;padding:0 4px 0 10px;font-size:12px}.motion-switch{background:var(--dn-line2);border-radius:999px;width:34px;height:20px;position:relative}.motion-switch>span{background:var(--ink);border-radius:50%;width:16px;height:16px;transition:left .12s;position:absolute;top:2px;left:2px}[aria-checked=true] .motion-switch{background:var(--accent)}[aria-checked=true] .motion-switch>span{background:var(--dn-on-accent);left:16px}.theme-store-note{border-top:1px solid var(--rule);color:var(--dn-fg3);padding:8px 14px 12px;font-size:12px}.login-theme-tools{align-items:center;gap:8px;display:flex}.login-theme-tools .theme-picker-trigger{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);background:var(--raised)}.theme-picker button{color:var(--ink);background:0 0}.theme-picker{font:13px / 1.45 var(--sans)}.theme-picker h2,.theme-picker p{margin:0}@media (width<=700px){.theme-picker::backdrop{background:var(--dn-scrim)}.theme-picker{border-radius:16px 16px 0 0;width:100%;max-height:calc(100dvh - 16px);inset:auto 0 0}.theme-picker-heading button,.theme-motion button{min-height:44px}.theme-preset-list .theme-preset-option{min-height:52px}.theme-preset-copy{font-size:15px}.theme-preset-copy>span{font-size:13px}}@media (prefers-reduced-motion:reduce){.theme-picker *{scroll-behavior:auto;transition-duration:1ms}}@media (forced-colors:active){.theme-preset-option:has(input:checked){border-color:highlight}}