.menu-screen{z-index:200;background:var(--color-bg);color:var(--color-text);flex-direction:column;display:flex;position:fixed;inset:0}.menu-screen__header{border-bottom:1px solid var(--color-border);padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-screen__heading{font-size:16px;font-weight:600}.menu-screen__header-actions{align-items:center;gap:8px;display:flex}.menu-screen__close{width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:26px;line-height:1}.menu-screen__close:hover{background:var(--color-accent)}.menu-screen__body{flex:1;align-content:start;gap:20px;padding:8px 16px 24px;display:grid;overflow-y:auto}.menu-screen__label{color:var(--color-text-secondary);margin:8px 8px 4px;font-size:12px;font-weight:600}.menu-screen__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu-screen__list--plain{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.menu-screen__item{color:var(--color-text);border-radius:4px;gap:1px;padding:8px;text-decoration:none;display:grid}.menu-screen__item:hover,.menu-screen__item--active{background:var(--color-accent)}.menu-screen__title{font-size:15px;font-weight:600}.menu-screen__desc{color:var(--color-text-secondary);font-size:13px}.menu-screen__footer{border-top:1px solid var(--color-border);padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));gap:8px;display:flex}.menu-screen__login,.menu-screen__cta{border-radius:4px;flex:1;justify-content:center;align-items:center;height:40px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.menu-screen__login{border:1px solid var(--color-border);color:var(--color-text)}.menu-screen__cta{background:var(--color-button-bg);color:var(--color-on-button)}
.theme-switcher{position:relative}.theme-switcher__trigger{border:1.5px solid var(--color-border);background:var(--color-surface-alt);width:34px;height:34px;color:var(--color-accent-text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background-color .15s;display:flex}.theme-switcher__trigger:hover{border-color:var(--color-accent-strong)}.theme-switcher__menu{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:50;flex-direction:column;gap:2px;min-width:150px;max-height:320px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.theme-switcher__option{border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;font-weight:700;transition:background-color .15s;display:flex}.theme-switcher__option:hover{background:var(--color-surface-alt)}.theme-switcher__option--active{background:var(--color-accent)}.theme-switcher__swatch{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.theme-switcher__more{border-top:1px solid var(--color-border);color:var(--color-accent-text);margin-top:4px;padding:8px 10px;font-size:.8rem;font-weight:600;text-decoration:none;display:block}.theme-switcher__more:hover{text-decoration:underline}