:root {
  --screen-bg: #fafaf9;
  --ink: #161616;
  --progress-track: #e9e9e9;
  --card-width: 58.5%;
  --card-max-width: 280px;
  --card-aspect: .64;
  --card-radius: 26px;
  --card-center-y: 58%;
  --card-padding-x: 20px;
  --card-padding-bottom: 24px;
  --avatar-edge-blur: 10px;
  --avatar-edge-band: 18px;
  --glass-border: rgba(255,255,255,.65);
  --glass-surface: linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.46));
  --glass-outline: rgba(255,255,255,.88);
  --card-shadow: 0 8px 24px rgba(20,20,24,.10);
  --font-ui: -apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --text-size: 11px;
  --text-line-height: 1.45;
  --text-gap: 8px;
  --progress-size: 52px;
  --progress-stroke: 3px;
  --back-visible-size: 40px;
  --back-hit-size: 44px;
  --motion-duration: 180ms;
  --motion-easing: cubic-bezier(.2,0,0,1);
  --line: #e8e8e6;
  --safe-top: calc(max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));
  --safe-bottom: max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));
  color: var(--ink);
  background: var(--screen-bg);
  font-family: var(--font-ui);
  font-synthesis: none;
}
* {box-sizing:border-box}
body {margin:0;padding:var(--safe-top) 0 var(--safe-bottom);overflow-x:clip;overscroll-behavior-x:none}
html[data-review-fixed] {height:100%;overflow:hidden;overscroll-behavior:none}
html[data-review-fixed] body {position:fixed;inset:0;width:100%;height:var(--review-viewport-height,100dvh);min-height:0;overflow:hidden;overscroll-behavior:none}
html[data-review-fixed] :is(.app-shell,.workspace,main) {height:100%;min-height:0;overflow:hidden}
button,input,select {font:inherit;color:inherit}
button {cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}
button:disabled {cursor:default;opacity:.45}
a {color:inherit;text-decoration:none}
h1,h2,h3,p {margin:0}
svg {display:block}
i[data-icon] {display:inline-flex;flex-shrink:0;font-style:normal}
i[data-icon] svg {width:20px;height:20px;stroke-width:1.5}
:where(button,a,input,select):focus-visible {outline:2px solid #161616;outline-offset:5px}
[hidden] {display:none!important}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.app-shell,.workspace {width:100%;min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom))}
.topbar {height:72px;max-width:880px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.mobile-brand {font-size:24px;letter-spacing:-1px;font-weight:500}
.connect-button {display:flex;align-items:center;gap:8px;font-size:12px;padding:12px 16px;border:1px solid var(--line);border-radius:24px;background:#fff9}
.connect-button svg {width:16px!important;height:16px!important}
main {width:100%;max-width:880px;padding:32px 24px 112px;margin:auto;outline:none}
.mobile-nav {position:fixed;z-index:20;bottom:var(--safe-bottom);left:50%;transform:translateX(-50%);width:min(100%,520px);display:flex;justify-content:space-around;padding:14px 10px 16px;background:#fafaf9ee;border-top:1px solid var(--line)}
.mobile-nav button {min-width:64px;min-height:44px;display:grid;justify-items:center;gap:6px;font-size:10px;color:#767674}
.mobile-nav button.active {color:var(--ink)}
body:is([data-view="review"],[data-view="loading"],[data-view="connection-error"]) .topbar,body:is([data-view="review"],[data-view="loading"],[data-view="connection-error"]) .mobile-nav {display:none}
body:is([data-view="review"],[data-view="loading"],[data-view="connection-error"]) main {max-width:none;padding:0;margin:0}
body[data-view="home"] .mobile-nav {display:none}
body[data-view="home"] main {padding:24px 24px 32px}
.review-screen {position:relative;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;isolation:isolate}
.remaining-ring {position:absolute;top:var(--ring-y,14.5%);left:50%;transform:translate(-50%,-50%);width:var(--progress-size);height:var(--progress-size);display:grid;place-items:center;padding:0;border-radius:50%;transition:box-shadow var(--motion-duration) var(--motion-easing)}
.remaining-ring:hover:not(:disabled) {box-shadow:0 0 0 8px #16161604}
.remaining-ring:focus-visible {outline-offset:8px}
.remaining-ring>svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.ring-track,.ring-arc {fill:none;stroke-width:var(--progress-stroke)}
.ring-track {stroke:var(--progress-track)}
.ring-arc {stroke:var(--ink);stroke-linecap:round;transition:stroke-dashoffset var(--motion-duration) var(--motion-easing)}
.remaining-value {font-size:18px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.65px;position:relative}
.card-zone {position:absolute;top:var(--card-y,var(--card-center-y));left:50%;transform:translate(-50%,-50%);width:var(--review-width,min(var(--card-width),var(--card-max-width)));height:var(--review-height,auto);aspect-ratio:var(--card-aspect)}
.review-card {position:relative;isolation:isolate;width:100%;height:100%;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--card-shadow);background:#e7e6e2;touch-action:none;user-select:none;-webkit-user-select:none;contain:paint;--contrast-opacity:.6;--contrast-rgb:255,255,255;color:var(--ink)}
.review-card[data-tone="dark"] {--contrast-rgb:0,0,0;color:#fff}
.avatar-fallback {position:absolute;inset:0;display:grid;place-items:center;padding-bottom:65%;font-size:42px;letter-spacing:-2px;color:transparent;background:linear-gradient(145deg,#edece9,#dcdad5)}
.avatar-missing .avatar-fallback {color:#b4b2ad}
.avatar-original,.avatar-edge,.avatar-refraction,.card-contrast,.card-glass {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.glass-filter-defs {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.avatar-original,.avatar-edge img {object-fit:cover;object-position:center}
.avatar-original {opacity:0;transition:opacity var(--motion-duration) var(--motion-easing)}
.avatar-edge {z-index:1;opacity:0;mask-image:var(--edge-mask);-webkit-mask-image:var(--edge-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;transition:opacity var(--motion-duration) var(--motion-easing)}
.avatar-edge img {display:block;position:absolute;inset:0;width:100%;height:100%;filter:blur(var(--avatar-edge-blur));transform:scale(1.045)}
.avatar-refraction {z-index:3;opacity:0;mask-image:var(--refraction-mask);-webkit-mask-image:var(--refraction-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%}
.avatar-refraction img {width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);filter:url(#avatar-liquid-filter) saturate(1.12) contrast(1.04)}
.avatar-ready .avatar-original,.avatar-ready .avatar-edge,.avatar-ready .avatar-refraction {opacity:1;animation:content-appear var(--motion-duration) var(--motion-easing)}
.card-contrast {z-index:2;background:linear-gradient(to top,rgba(var(--contrast-rgb),var(--contrast-opacity)) 0px,rgba(var(--contrast-rgb),var(--contrast-opacity)) var(--copy-height,145px),rgba(var(--contrast-rgb),0) calc(var(--copy-height,145px) + 72px))}
.card-copy {position:absolute;z-index:4;bottom:var(--card-padding-bottom);left:var(--card-padding-x);right:var(--card-padding-x);display:grid;gap:var(--text-gap);max-height:calc(100% - 48px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;animation:content-appear var(--motion-duration) var(--motion-easing);font-size:max(var(--text-size),.6875rem);line-height:var(--text-line-height);font-weight:400;overflow-wrap:anywhere}
.card-copy::-webkit-scrollbar {display:none}
.card-point {font:inherit;letter-spacing:normal;color:inherit}
.card-point[data-point="0"],.clamp-two {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card-glass {z-index:5;border:1px solid #ffffffbf;border-radius:inherit;box-shadow:inset 1px 2px 3px #ffffffa6,inset -1px -2px 5px #ffffff4d,inset 0 0 0 3px #ffffff0d}
.card-glass::before {content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#fffffff2 0%,#ffffff33 24%,#ffffff08 43%,#ffffff73 65%,#ffffff1a 83%,#ffffffb3 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.card-glass::after {content:'';position:absolute;inset:3px;border-radius:calc(var(--card-radius) - 3px);border:1px solid #ffffff26;box-shadow:0 0 5px #ffffff26,inset 0 1px 2px #ffffff40}
.review-back {position:absolute;top:var(--back-y,88.5%);left:50%;transform:translate(-50%,-50%);width:var(--back-hit-size);height:var(--back-hit-size);padding:2px;display:grid;place-items:center;border-radius:50%}
.review-back>span {display:grid;place-items:center;width:var(--back-visible-size);height:var(--back-visible-size);border-radius:50%;background:rgba(255,255,255,.55);border:1px solid #ffffffb3;box-shadow:0 3px 12px #1414180b;transition:transform var(--motion-duration) var(--motion-easing)}
.review-back svg {width:18px;height:18px}
.review-back:active>span {transform:scale(.97)}
.review-back:disabled {opacity:.45}
.review-back:disabled>span {box-shadow:0 2px 8px #14141805}
.review-back:focus-visible {outline-offset:3px}
.review-complete {position:absolute;left:24px;right:24px;top:58%;transform:translateY(-50%);text-align:center}
.review-complete h2 {font-size:20px;font-weight:400;letter-spacing:-.5px}
.review-complete p {font-size:12px;color:#777;margin-top:12px}
.swipe-stamp {position:absolute;z-index:6;top:24px;left:20px;right:20px;font-size:10px;letter-spacing:.9px;opacity:0;pointer-events:none;color:#161616;background:#ffffffd9;border-radius:20px;padding:10px;text-align:center;will-change:opacity}
.review-card.is-exiting {pointer-events:none}
.review-card.dragging {will-change:transform}
@keyframes content-appear {from{opacity:0}to{opacity:1}}
.boot-screen {height:calc(100dvh - var(--safe-top) - var(--safe-bottom));display:grid;place-content:center}
.connection-error {min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));max-width:360px;padding:32px 24px;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:24px;text-align:center}
.connection-error h1 {font-size:22px;font-weight:400;letter-spacing:-.5px}
.connection-error p {font-size:12px;line-height:1.8;color:#777}
.boot-spinner {height:28px;width:28px;border-radius:50%;border:2px solid #e9e9e9;border-top-color:#161616;animation:spin 1s linear infinite}
@keyframes spin {to{transform:rotate(360deg)}}
.home-screen {max-width:390px;display:flex;flex-direction:column;margin:auto;padding:0 0 8px}
.overview-heading {padding:0 3px 26px}
.overview-heading .eyebrow {font-size:9px;letter-spacing:1.7px;color:#898986;margin-bottom:14px}
.overview-heading h1 {font-size:34px;line-height:1.15;letter-spacing:-1.3px;font-weight:400}
.overview-heading p {font-size:12px;color:#888885;margin-top:14px;line-height:1.7}
.glass-panel {background:var(--glass-surface);border:1px solid var(--glass-outline);border-radius:24px;box-shadow:0 5px 22px #14141805,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.overview-progress {padding:22px}
.overview-progress-top {display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#858582}
.overview-progress-top b {font-size:18px;color:var(--ink);font-weight:400;font-variant-numeric:tabular-nums}
.stats-denominator {font-size:12px;color:#a4a4a0}
.overview-progress-track {height:3px;background:#e9e9e6;border-radius:4px;margin:18px 0 24px;overflow:hidden}
.overview-progress-track>span {display:block;height:100%;border-radius:4px;background:#161616;transition:width var(--motion-duration) var(--motion-easing)}
.overview-stat-grid {display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.overview-stat-grid>div+div {border-left:1px solid #e8e8e380}
.overview-stat-grid span {display:block;font-size:25px;font-weight:400;line-height:1.3;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.overview-stat-grid small {display:block;font-size:10px;color:#8d8d89;margin-top:6px}
.home-start {width:100%;justify-content:space-between!important;margin-top:16px;padding-left:22px!important;padding-right:22px!important;min-height:50px!important}
.overview-section-label {font-size:10px;color:#9b9b95;margin:28px 3px 12px;letter-spacing:.3px}
.home-links {display:grid;padding:4px 18px}
.home-links>button {display:flex;gap:13px;align-items:center;text-align:left;min-height:72px;font-size:12px;padding:14px 0}
.home-links>button+button {border-top:1px solid #e7e7e180}
.home-links>button>.menu-icon {width:32px;height:36px;display:grid;place-items:center;color:#6c6c66}
.home-links>button>span:not(.menu-icon) {flex:1}
.home-links>button small {display:block;font-size:10px;color:#999993;margin-top:6px}
.home-links>button>i {color:#b3b3ac}
.home-links svg {width:17px!important;height:17px!important}
.overview-note {display:flex;align-items:center;justify-content:center;gap:6px;color:#a1a19a;font-size:10px;margin-top:24px}
.overview-note svg {width:12px!important;height:12px!important}
.eyebrow {font-size:10px;letter-spacing:1.4px;color:#777;margin-bottom:14px}
.page-heading h1 {font-size:30px;letter-spacing:-1px;font-weight:400;line-height:1.3}
.page-heading p {font-size:12px;line-height:1.8;color:#737370;margin-top:12px;max-width:460px}
.heading-flower {display:none}
.primary-button,.secondary-button,.danger-button {min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border:1px solid #161616;border-radius:24px;font-size:12px;line-height:1.5;background:#161616;color:#fff;font-weight:400}
.primary-button:hover {background:#333}
.primary-button svg {width:17px!important;height:17px!important}
.secondary-button {background:#ffffff80;color:#161616;border-color:#dededb}
.danger-button {background:#a3443b;border-color:#a3443b}
.text-button {display:flex;gap:8px;align-items:center;font-size:11px;min-height:44px;color:#676764;padding:10px 0}
.text-button svg {width:15px!important;height:15px!important}
.list-toolbar {display:flex;gap:12px;align-items:center;justify-content:space-between;margin:30px 0 20px}
.search-field {position:relative;max-width:360px;flex:1}
.search-field>i {position:absolute;top:15px;left:14px;color:#777}
.search-field svg {width:16px!important;height:16px!important}
.search-field input {border:1px solid var(--line);border-radius:24px;background:#ffffff99;padding:14px 12px 14px 38px;font-size:12px;width:100%}
.chat-list {display:grid;gap:10px}
.list-item {display:flex;align-items:center;gap:12px;background:#ffffff80;border:1px solid var(--line);border-radius:20px;padding:14px}
.chat-avatar {width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.list-item-content {flex:1;min-width:0}
.list-item h3 {font-size:13px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-item p {font-size:10px;line-height:1.7;color:#777;margin-top:4px}
.list-actions {display:flex;gap:4px;align-items:center}
.icon-button {width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#fff7;color:#555}
.icon-button.danger {color:#99524b}
.icon-button svg {width:17px!important;height:17px!important}
.section-caption {font-size:10px;letter-spacing:1.4px;color:#777;margin:28px 0 14px}
.empty-state {text-align:center;padding:64px 16px}
.empty-icon,.dialog-symbol {height:52px;width:52px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #fff;background:#fff8;border-radius:50%;box-shadow:0 3px 12px #14141806}
.empty-icon svg,.dialog-symbol svg {width:23px!important;height:23px!important}
.empty-state h2 {font-size:24px;font-weight:400;letter-spacing:-.5px}
.empty-state p {font-size:12px;line-height:1.8;color:#777;margin:14px auto 24px;max-width:320px}
.settings-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:28px}
.settings-box {padding:24px;border:1px solid var(--glass-outline);border-radius:24px;background:var(--glass-surface);box-shadow:0 5px 22px #14141804,inset 0 1px 0 #fff;margin-bottom:18px}
.settings-box h2 {font-size:16px;font-weight:400;margin-bottom:10px;letter-spacing:-.3px}
.settings-box>p {font-size:11px;line-height:1.85;color:#737370}
.setting-row {display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.setting-row:last-child {border:0;padding-bottom:0}
.setting-row strong {display:block;font-weight:400;font-size:12px}
.setting-row p {font-size:10px;line-height:1.8;color:#777;margin-top:8px}
.setting-row select {max-width:145px;padding:8px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:11px}
.toggle {display:block;width:44px;height:26px;border-radius:20px;background:#d6d6d2;padding:3px;flex-shrink:0}
.toggle:after {content:'';width:20px;height:20px;background:#fff;display:block;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .18s}
.toggle[aria-checked="true"] {background:#242424}
.toggle[aria-checked="true"]:after {transform:translateX(18px)}
.info-row,.keys-privacy,.demo-note {display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;color:#777;margin-top:16px}
.info-row svg,.keys-privacy svg,.demo-note svg {width:15px!important;height:15px!important;margin-top:2px}
.settings-box :is(.primary-button,.secondary-button) {margin-top:18px}
.key-status,.connection-status {display:flex;gap:8px;align-items:center;font-size:11px;margin:16px 0;color:#777}
.key-status>span,.connection-status>span {height:5px;width:5px;border-radius:50%;background:#888}
.key-status.ready>span,.connection-status>span {background:#161616}
.personal-keys h2 {display:flex;gap:8px;align-items:center}
.personal-keys h2 svg {width:16px!important;height:16px!important}
dialog {margin:auto;max-width:390px;max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom));width:calc(100% - 48px);padding:0;border:1px solid #fff;border-radius:26px;background:#fafaf9f5;color:var(--ink);box-shadow:var(--card-shadow);overflow-y:auto;overscroll-behavior:contain}
dialog::backdrop {background:#fafaf9b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dialog-inner {position:relative;padding:38px 26px 28px}
.dialog-close {position:absolute;right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#666}
.dialog-close svg {width:17px!important;height:17px!important}
.dialog-symbol {margin-left:0;margin-bottom:24px}
.dialog-inner h2 {font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:400;padding-right:12px}
.dialog-inner>p {font-size:12px;line-height:1.8;color:#676764;margin-top:14px}
.dialog-eyebrow {font-size:9px;letter-spacing:1.3px;color:#777;margin:0 0 12px}
.dialog-actions {display:grid;gap:10px;margin-top:24px}
.dialog-actions>* {width:100%}
.field {margin-top:24px}
.field label {display:block;font-size:11px;color:#666;margin-bottom:10px}
.field input {width:100%;border:1px solid #dededb;border-radius:14px;min-height:48px;background:#fff9;padding:14px;font-size:16px;line-height:1.5}
.field input:focus-visible {outline-offset:2px}
.form-error {font-size:11px;line-height:1.7;color:#9e4037;margin-top:12px}
.form-error:empty {display:none}
.dialog-detail {display:flex;justify-content:center;align-items:flex-start;gap:5px;font-size:10px;line-height:1.7;color:#777;margin-top:20px;text-align:center}
.dialog-detail svg {width:13px!important;height:13px!important;margin-top:2px}
.notice {background:#efefec8c;padding:14px;border-radius:14px;color:#676764;font-size:11px;line-height:1.8;margin-top:20px}
.notice.danger {background:#f6e9e48c;color:#88554c}
.connection-steps {display:grid;gap:16px;margin-top:24px}
.connection-step {display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:#676764}
.connection-step>b {display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;font-size:10px;font-weight:400;border:1px solid #ddd;border-radius:50%}
.connection-step a {text-decoration:underline;text-underline-offset:3px}
.auth-dialog {max-width:342px;background:linear-gradient(145deg,#ffffffef,#fafaf9f2);border:1px solid #fff;box-shadow:0 8px 24px #1414180d,inset 0 1px 1px #fff}
.auth-dialog .dialog-inner {padding:42px 26px 28px}
.auth-dialog .dialog-symbol {margin-left:auto;margin-right:auto}
.auth-dialog .dialog-inner h2 {font-size:22px;text-align:center;padding:0;letter-spacing:-.5px}
.auth-dialog .dialog-inner>p {font-size:11px;text-align:center}
.auth-dialog .dialog-eyebrow {display:none}
.auth-dialog .connection-steps {gap:12px;margin-top:22px}
.auth-dialog .connection-step {font-size:10px}
.auth-dialog .notice {font-size:10px;margin-top:16px}
.check-confirm {display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.7;color:#777;margin-top:20px}
.check-confirm input {width:18px;height:18px;flex-shrink:0;accent-color:#161616}
.scan-panel {max-width:360px;margin:0 auto;text-align:center;padding:30px 24px}
body[data-view="review"]:has(.scan-panel) main {padding:15vh 24px 30px}
body[data-view="review"]:has(.scan-panel) .page-heading,body[data-view="review"]:has(.scan-panel) .eyebrow {display:none}
.scan-panel h2 {font-size:22px;line-height:1.4;font-weight:400;letter-spacing:-.5px}
.scan-panel>p {font-size:12px;line-height:1.9;margin:20px auto 28px;color:#737370}
.scan-track {height:3px;border-radius:4px;overflow:hidden;background:#e9e9e9;margin:auto}
.scan-track>span {display:block;height:100%;background:#161616;border-radius:4px;transition:width .18s}
.scan-track .indeterminate {animation:scanning 2s ease-in-out infinite alternate}
@keyframes scanning {to{transform:translateX(315%)}}
.scan-note {font-size:10px;line-height:1.8;color:#777;display:flex;justify-content:center;gap:6px;margin-top:24px}
.scan-note svg {width:13px!important;height:13px!important}
#toast {position:fixed;z-index:100;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%,8px);width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid #eee;border-radius:20px;background:#fffffff2;box-shadow:0 4px 16px #1414180a;color:#333;font-size:11px;line-height:1.7;display:flex;gap:16px;align-items:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
#toast.visible {opacity:1;transform:translate(-50%,0);pointer-events:auto}
#toast button {font-size:11px;text-decoration:underline;min-height:36px;padding:0}
body:not([data-view="review"]) #toast {bottom:calc(90px + var(--safe-bottom))}
body.modal-open {overflow:hidden}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr;gap:0}.settings-box{padding:22px}.page-heading h1{font-size:27px}.topbar{height:64px}.list-item{padding:12px;gap:10px}.list-actions{flex-wrap:wrap;justify-content:flex-end}.icon-button{width:40px;height:44px}.list-toolbar>.text-button{white-space:nowrap;font-size:10px}.home-screen{min-height:calc(100dvh - 240px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.review-back:active>span{transform:none}.boot-spinner{border-color:#e9e9e9;border-top-color:#161616}}