:root{--gray-0:#FFFFFF;--gray-25:#FCFCFC;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#64748B;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--domain-life:#16B17A;--domain-life-strong:#047857;--domain-life-soft:#ECFDF5;--domain-work:#2563EB;--domain-work-strong:#2563EB;--domain-work-soft:#EFF5FF;--domain-build:#7C3AED;--domain-build-strong:#7C3AED;--domain-build-soft:#F5F0FF;--domain-growth:#F97316;--domain-growth-strong:#C2410C;--domain-growth-soft:#FFF7ED;--gradient-domains:linear-gradient(135deg,#16B17A 10%,#2563EB 40%,#7C3AED 62%,#F97316 90%);--gradient-domains-strong:linear-gradient(135deg,#047857 10%,#2563EB 40%,#7C3AED 62%,#C2410C 90%);--status-danger:#DC2626;--status-danger-dot:#EF4444;--status-danger-soft:#FEF2F2;--status-warning:#A16207;--status-warning-dot:#CA8A04;--status-warning-soft:#FEFCE8;--status-neutral:var(--gray-700);--status-neutral-dot:var(--gray-400);--status-neutral-soft:var(--gray-100);--status-warning-bright:#FFD166;--status-danger-bright:#FF8A8A;--font-reading:"Source Serif 4",Georgia,serif;--prose-size:18px;--prose-line:1.72;--prose-measure:65ch;--prose-weight:400;--prose-title-weight:600;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow-md:0 4px 12px rgba(15,23,42,.07);--shadow-lg:0 4px 20px rgba(15,23,42,.20);--scrim:rgba(15,23,42,.32);--scroll-fade-height:20px;--surface:var(--gray-50);--surface-raised:var(--gray-0);--border-subtle:var(--gray-200);--border-strong:var(--gray-300);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-tertiary:var(--gray-400);--accent:var(--domain-build);--accent-strong:var(--domain-build-strong);--accent-soft:var(--domain-build-soft);--accent-contrast:#FFFFFF;--font-display:"Sora",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace}[data-domain=life]{--accent:var(--domain-life);--accent-strong:var(--domain-life-strong);--accent-soft:var(--domain-life-soft)}[data-domain=work]{--accent:var(--domain-work);--accent-strong:var(--domain-work-strong);--accent-soft:var(--domain-work-soft)}[data-domain=build]{--accent:var(--domain-build);--accent-strong:var(--domain-build-strong);--accent-soft:var(--domain-build-soft)}[data-domain=growth]{--accent:var(--domain-growth);--accent-strong:var(--domain-growth-strong);--accent-soft:var(--domain-growth-soft)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--text-primary);background:var(--surface);font-size:var(--text-md)}h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-4)}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:30px;line-height:1;letter-spacing:normal;display:inline-block;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.gradient-glyph{background:var(--gradient-domains);-webkit-background-clip:text;background-clip:text;color:transparent;width:-moz-fit-content;width:fit-content}.scroll-fade{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade-height),#000 calc(100% - var(--scroll-fade-height)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--scroll-fade-height),#000 calc(100% - var(--scroll-fade-height)),transparent 100%)}.app-shell{display:flex;height:100vh;background:var(--surface-raised)}.sd-side{width:236px;flex:none;display:flex;flex-direction:column;background:var(--surface);position:relative;transition:width .25s ease}.sd-side:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--border-subtle);z-index:0}[data-leftnav=collapsed] .app-shell .sd-side{width:68px}.sd-brand{padding:var(--space-6) var(--space-4)}.sd-brand,.sd-brand .home-link{display:flex;align-items:center;justify-content:center}.sd-brand .home-link{border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius-sm);width:92%}.sd-brand .lockup{width:100%;height:auto}.sd-brand .mark{height:26px;display:none}[data-leftnav=collapsed] .app-shell .sd-brand{flex-direction:column;gap:var(--space-3);padding:var(--space-6) 0 var(--space-3)}[data-leftnav=collapsed] .app-shell .sd-brand .lockup{display:none}[data-leftnav=collapsed] .app-shell .sd-brand .mark{display:block}.sd-collapse{border:none;background:none;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);display:flex;padding:2px}.sd-collapse:hover{color:var(--text-primary);background:var(--gray-100)}.sd-collapse .material-symbols-rounded{font-size:20px}.sd-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2) 0 var(--space-4)}.sd-gap{height:var(--space-4);flex:none}[data-leftnav=collapsed] .app-shell .sd-gap{height:var(--space-8)}.sd-item{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);margin:1px var(--space-2);padding:8px 10px;min-height:40px;border:1px solid transparent;border-radius:var(--radius-md);background:none;cursor:pointer;text-align:left;text-decoration:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.sd-item:hover{background:var(--gray-100)}.sd-item .material-symbols-rounded{font-size:22px;flex:none}.sd-item .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-item[aria-disabled=true]{cursor:default}.sd-item[aria-disabled=true] .lbl{color:var(--text-tertiary)}.sd-item[aria-disabled=true]:hover{background:none}[data-leftnav=collapsed] .app-shell .sd-item{justify-content:center;width:calc(100% - 12px);margin:1px 6px;padding:8px 0}[data-leftnav=collapsed] .app-shell .sd-item .lbl{display:none}[data-leftnav=collapsed] .app-shell .sd-domain .material-symbols-rounded{font-size:26px}[data-leftnav=collapsed] .app-shell .sd-section .material-symbols-rounded{font-size:22px}.sd-domain .material-symbols-rounded{color:var(--dc)}.sd-domain .lbl{color:var(--dcs)}.sd-domain[aria-expanded=true]{min-height:34px;position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--surface)}.sd-domain[aria-expanded=true]:hover{background:var(--gray-100)}.sd-domain[aria-expanded=true] .lbl{font-weight:600;opacity:.85}.sd-section{padding-left:34px}[data-leftnav=collapsed] .app-shell .sd-section{padding-left:0}.sd-section .material-symbols-rounded{color:var(--dc);font-size:20px}.sd-admin .material-symbols-rounded{color:var(--gray-400)}.sd-item[aria-current=page]{background:var(--surface-raised);border-color:var(--border-subtle);border-right-color:transparent;width:calc(100% - 8px);margin-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:var(--shadow-sm);position:relative;z-index:1}[data-leftnav=collapsed] .app-shell .sd-item[aria-current=page]{width:calc(100% - 6px);margin-left:6px}.sd-foot{border-top:1px solid var(--border-subtle);padding:var(--space-2) 0;position:relative}.sd-sep{height:1px;background:var(--border-subtle);margin:var(--space-2) var(--space-4)}.sd-avatar{width:24px;height:24px;border-radius:50%;flex:none;background:var(--gradient-domains);color:#ffffff;font-family:var(--font-display);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.sd-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.sd-profrow{display:flex;align-items:center}.sd-profrow .sd-collapse{margin-right:var(--space-2);flex:none}[data-leftnav=collapsed] .app-shell .sd-profrow{flex-direction:column}[data-leftnav=collapsed] .app-shell .sd-profrow .sd-collapse{margin:var(--space-1) 0 0}.sd-profwrap{position:relative;flex:1 1;min-width:0}[data-leftnav=collapsed] .app-shell .sd-profwrap{flex:none;width:100%}.sd-pop{position:absolute;left:var(--space-3);bottom:calc(100% + 6px);width:190px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);display:none;z-index:5}.sd-pop.open{display:block}.sd-pop a,.sd-pop button{display:block;width:100%;padding:8px 10px;text-align:left;cursor:pointer;border:none;background:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);text-decoration:none}.sd-pop a:hover,.sd-pop button:hover{background:var(--gray-100)}.sd-main{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--surface-raised)}.sd-top{gap:var(--space-6);padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);flex:none;min-height:60px}.sd-ident,.sd-top{display:flex;align-items:center}.sd-ident{gap:8px;white-space:nowrap;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);border:none;background:none;cursor:pointer;text-decoration:none;padding:6px 8px;margin-left:-8px;border-radius:var(--radius-md)}.sd-ident:hover{background:var(--gray-100)}.sd-ident .material-symbols-rounded{font-size:26px;color:var(--accent)}.sd-tabs{display:flex;gap:5px;flex:1 1;min-width:0;overflow-x:auto}.sd-tab{position:relative;border:none;background:none;cursor:pointer;padding:15px 12px;white-space:nowrap;text-decoration:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.sd-tab:hover{color:var(--text-primary)}.sd-tab:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:1px}.sd-tab[aria-selected=true]{color:var(--accent-strong)}.sd-tab[aria-selected=true]:after{background:var(--accent-strong)}.sd-tab.deferred{opacity:.45}.sd-tab[aria-disabled=true]{cursor:default}.sd-tab[aria-disabled=true]:hover{color:var(--text-secondary)}.sd-tab-settings{margin-left:var(--space-3);display:inline-flex;align-items:center}.sd-tab-settings .material-symbols-rounded{font-size:20px;color:var(--gray-400)}.sd-tab-settings:hover .material-symbols-rounded{color:var(--text-primary)}.sd-scope{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--border-subtle)}.sd-scope .sd-tab{padding:8px 10px;font-size:var(--text-xs)}.sd-tab-count{margin-left:6px;padding:1px 7px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-mono);font-size:10px;font-weight:600;vertical-align:middle}.sd-utils{display:flex;gap:var(--space-4);align-items:center}.sd-utils>button{border:none;background:none;color:var(--gray-400);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex}.sd-utils>button:hover{color:var(--text-primary);background:var(--gray-100)}.sd-utils .material-symbols-rounded{font-size:20px}.sd-live-wrap{position:relative;display:flex;align-items:center}.sd-live-dot{width:9px;height:9px;border-radius:50%;flex:none;border:none;padding:0;cursor:pointer;background:var(--status-neutral-dot);position:relative}.sd-live-dot:after{content:"";position:absolute;inset:-8px}.sd-live-connecting{background:var(--status-warning-dot)}.sd-live-down{background:var(--status-danger-dot)}.sd-live-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:240px;padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.sd-search{display:flex;align-items:center;height:32px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:0 2px 0 12px}.sd-search:focus-within{border-color:var(--gray-500)}.sd-search input{border:none;background:none;outline:none;width:188px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary)}.sd-search input::placeholder{color:var(--text-tertiary)}.sd-search button{border:none;background:none;cursor:pointer;color:var(--gray-400);display:flex;padding:4px;border-radius:50%}.sd-search button:hover{color:var(--text-primary);background:var(--gray-100)}.sd-search .material-symbols-rounded{font-size:18px}.sd-body{flex:1 1;overflow-y:auto;padding:var(--space-8) var(--space-6)}.login-wrap{min-height:100vh;justify-content:center;background:var(--surface)}.login-card,.login-wrap{display:flex;align-items:center}.login-card{flex-direction:column;gap:var(--space-16);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-16) var(--space-12);width:min(600px,calc(100vw - var(--space-8)))}.login-lockup{width:180px;height:auto}.login-error{margin:0;padding:var(--space-3) var(--space-4);background:var(--status-danger-soft);color:var(--status-danger);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.login-actions{flex-direction:column;gap:var(--space-3)}.apple-signin,.login-actions{display:flex;align-items:center}.apple-signin{justify-content:center;gap:var(--space-2);min-height:44px;width:300px;border:1px solid #000;border-radius:var(--radius-md);background:#fff;color:#000;cursor:pointer;font-family:var(--font-body);font-size:var(--text-md);font-weight:600}.apple-signin:hover{background:var(--gray-50)}.apple-glyph{display:inline-flex;width:16px}.apple-glyph svg{width:100%;height:auto;fill:#000}.login-copyright{position:fixed;bottom:var(--space-6);left:0;right:0;margin:0;text-align:center;color:var(--text-tertiary);font-size:var(--text-xs)}.passkey-signin{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.passkey-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;width:300px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--gray-800);color:var(--gray-0);cursor:pointer;font-family:var(--font-body);font-size:var(--text-md);font-weight:600}.passkey-button:hover{background:var(--gray-700)}.passkey-button .material-symbols-rounded{font-size:20px}.recovery-link{border:none;background:none;cursor:pointer;padding:var(--space-1);color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--text-xs);text-decoration:underline}.recovery-link:hover{color:var(--text-primary)}.recovery-form{display:flex;gap:var(--space-2)}.recovery-form input{padding:8px 10px;font-family:var(--font-mono,monospace);width:160px;text-transform:uppercase}.recovery-form button,.recovery-form input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm)}.recovery-form button{padding:0 var(--space-4);background:var(--surface-raised);cursor:pointer;font-family:var(--font-body)}.recovery-form button:disabled{opacity:.5;cursor:default}.security-page{max-width:560px}.sec-block{margin:0 0 var(--space-8)}.sec-block+.sec-block{border-top:1px solid var(--border-subtle);padding-top:var(--space-6)}.sec-block h2{font-size:var(--text-md);margin:0 0 var(--space-3)}.sec-hint{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-4)}.sec-warn{background:var(--status-warning-soft,var(--gray-100));color:var(--status-warning,var(--text-primary))}.sec-alert,.sec-warn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin:0 0 var(--space-3)}.sec-alert{display:flex;align-items:center;gap:var(--space-2);border-left:3px solid var(--status-danger-dot);background:var(--status-danger-soft);color:var(--status-danger)}.sec-alert .material-symbols-rounded{font-size:var(--text-md)}.sec-list{list-style:none;margin:0 0 var(--space-4);padding:0}.sec-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--surface)}.sec-cred{flex:1 1;display:flex;flex-direction:column}.sec-cred small{color:var(--text-tertiary)}.sec-remove{border:none;background:none;color:var(--status-danger);padding:var(--space-1)}.sec-primary,.sec-remove{cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm)}.sec-primary{min-height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:var(--gray-200);color:var(--gray-900);font-weight:600}.sec-primary:hover{background:var(--gray-700)}.sec-primary:disabled{opacity:.5;cursor:default}.sec-secondary{min-height:36px;padding:0 var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600}.sec-secondary:hover{background:var(--gray-50)}.sec-secondary:disabled{opacity:.5;cursor:default}.sec-codes ol{column-count:2;margin:0 0 var(--space-3);padding-left:var(--space-6);font-family:var(--font-mono,monospace);font-size:var(--text-md)}.sec-codes li{margin-bottom:var(--space-2)}.sd-body[data-pane=flush]{padding:0}.pp-scrim{position:fixed;inset:0;z-index:10;background:var(--scrim);display:flex;align-items:center;justify-content:center}.pp-panel{display:flex;overflow:hidden;width:min(760px,94vw);height:min(600px,85vh);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pp-rail{flex:none;width:176px;padding:var(--space-4) 0 var(--space-4) var(--space-2);background:var(--surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px}.pp-rail button{display:flex;align-items:center;gap:var(--space-2);width:calc(100% - var(--space-2));padding:8px 10px;border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--radius-md);text-align:left;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.pp-rail button .material-symbols-rounded{font-size:20px;color:var(--text-tertiary)}.pp-rail button:hover{background:var(--gray-100)}.pp-rail button[aria-selected=true]{width:calc(100% + 1px);background:var(--surface-raised);border-color:var(--border-subtle);border-right-color:transparent;border-radius:var(--radius-md) 0 0 var(--radius-md);box-shadow:var(--shadow-sm)}.pp-rail button[aria-selected=true] .material-symbols-rounded{color:var(--text-primary)}.pp-body{flex:1 1;min-width:0;position:relative;display:flex}.pp-close{position:absolute;top:var(--space-3);right:var(--space-3);border:none;background:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm);color:var(--text-tertiary);display:flex}.pp-close:hover{color:var(--text-primary);background:var(--gray-100)}.pp-pane{flex:1 1;overflow-y:auto;padding:var(--space-6)}.pp-pane h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-6)}.pp-pane>.sec-hint{margin-bottom:var(--space-5)}.pp-placeholder{color:var(--text-tertiary);font-size:var(--text-sm)}.pp-field{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.pp-field label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.pp-field input{padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-md);color:var(--text-primary);background:var(--surface)}.pp-apple-card{margin-bottom:var(--space-6);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface)}.pp-apple-card h3{margin:0 0 var(--space-1);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.pp-apple-email{margin:0;font-size:var(--text-md);color:var(--text-primary)}.pp-apple-quiet,.pp-apple-subject{color:var(--text-tertiary)}.pp-apple-subject{margin:var(--space-1) 0 0;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.pp-apple-sub-value{font-family:var(--font-mono);color:var(--text-secondary)}.pp-badge{flex:none;display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--status-neutral);background:var(--status-neutral-soft)}.pp-subhead{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;margin:var(--space-8) 0 var(--space-3)}.sec-list li.pp-row-danger{border-left:3px solid var(--status-danger-dot);background:var(--status-danger-soft)}.pp-row-danger .material-symbols-rounded,.pp-row-reason{color:var(--status-danger)}.pp-avatar-field{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.pp-avatar-row{display:flex;align-items:center;gap:var(--space-4)}.pp-avatar-preview{width:64px;height:64px;flex:none;overflow:hidden;border-radius:var(--radius-full);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;background:var(--surface)}.pp-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.pp-avatar-empty{color:var(--text-tertiary)}.pp-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pp-avatar-pick{display:inline-flex;align-items:center;cursor:pointer}.pp-avatar-pick input[type=file]{display:none}.pp-danger{min-height:36px;padding:0 var(--space-4);margin-top:var(--space-3);border:1px solid var(--status-danger-dot);border-radius:var(--radius-md);color:var(--status-danger);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600}.pp-danger,.pp-danger:hover{background:var(--status-danger-soft)}.pp-danger:hover{filter:brightness(.97)}.pp-danger:disabled{opacity:.5;cursor:default}.pp-apple-health{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.pp-cropper{position:relative;height:280px;margin-bottom:var(--space-3);border-radius:var(--radius-md);overflow:hidden;background:var(--gray-900)}.pp-cropper-controls{display:flex;align-items:center;gap:var(--space-3)}.pp-cropper-controls input[type=range]{flex:1 1;accent-color:var(--gray-800)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);z-index:40;display:inline-flex;align-items:center;gap:var(--space-4);background:var(--gray-700);color:var(--gray-50);padding:8px 16px;font-size:var(--text-sm);box-shadow:var(--shadow-md)}.toast,.toast-dot{border-radius:var(--radius-full)}.toast-dot{width:8px;height:8px;flex:none;background:var(--status-danger-bright)}.toast-error{gap:var(--space-3)}.toast-action{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--status-warning-bright);cursor:pointer}