:root{--cream:#fff6dc;--cream-deep:#ffe9b8;--surface:#fffef8;--text:#1a2744;--muted:#4a5568;--border:#e8dcc4;--error:#b71c1c;--primary:#243b6b;--primary-dark:#152a4d;--radius:12px;--shadow:0 8px 24px #1a27441a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--touch-min:2.75rem;--content-bottom-pad:calc(5.75rem + var(--safe-bottom));--fab-bottom-offset:calc(4.85rem + var(--safe-bottom));color:var(--text);background:var(--cream);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{margin:0;overflow-x:clip}#root{min-height:100svh}a{color:var(--primary)}h1,h2{margin:0;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.1rem}.muted{color:var(--muted);font-size:.9rem}.btn{min-height:var(--touch-min);cursor:pointer;touch-action:manipulation;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:1rem;font-weight:600;display:inline-flex}.btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{color:var(--primary-dark);background:0 0}.btn.ghost:disabled{opacity:.6;cursor:not-allowed}.btn.icon{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);touch-action:manipulation;border-radius:50%;padding:0;font-size:1.25rem;line-height:1}.btn.danger,.btn.ghost.danger{color:var(--error)}.link{color:inherit;cursor:pointer;font:inherit;touch-action:manipulation;background:0 0;border:none;min-height:2.25rem;margin-left:.75rem;padding:.35rem .4rem;text-decoration:underline}.auth-page{min-height:100svh;padding:max(1rem, var(--safe-top)) max(1rem, var(--safe-right)) max(1rem, var(--safe-bottom)) max(1rem, var(--safe-left));background:linear-gradient(180deg, var(--cream-deep) 0%, var(--cream) 48%, #fffef5 100%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow);text-align:center;border:1px solid #1a27440f;border-radius:20px;padding:1.5rem 1.25rem}@media (width>=480px){.auth-card{padding:2rem}}.auth-logo-wrap{justify-content:center;margin-bottom:1rem;display:flex}.auth-logo{object-fit:contain;width:120px;height:120px;box-shadow:var(--shadow);background:#fff;border-radius:50%;padding:12px}.auth-sub{color:var(--muted);margin-top:.35rem;font-size:.95rem}.auth-form{text-align:left;flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.auth-divider{color:var(--muted);align-items:center;gap:.75rem;margin:1.25rem 0 1rem;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;gap:.6rem;display:flex;box-shadow:0 1px 2px #0000000f}.btn-google:hover:not(:disabled){background:#fafafa;border-color:#ccc}.btn-google:disabled{opacity:.65;cursor:not-allowed}.btn-google-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.auth-form label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}.auth-form input,.search-row input,.cat-input-row input,.modal input,.modal select{width:100%;min-height:var(--touch-min);border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:.7rem .75rem;font-size:1rem}.auth-links{margin-top:1.25rem;font-size:.9rem}.auth-error{color:var(--error);margin-top:.75rem;font-size:.9rem}.auth-info{color:var(--primary-dark);margin-top:.75rem;font-size:.9rem}.auth-banner{color:#7c2d12;border-radius:var(--radius);background:#fff4e0;border:1px solid #fdba74;margin-top:.75rem;padding:.6rem .75rem;font-size:.9rem}.auth-password-row{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:stretch;width:100%;display:flex;overflow:hidden}.auth-password-row:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #1565c02e}.auth-password-row input{width:auto;min-width:0;box-shadow:none;border:none;border-radius:0;flex:1}.auth-password-row input:focus{box-shadow:none;outline:none}.auth-password-toggle{width:2.75rem;min-height:var(--touch-min);border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;touch-action:manipulation;background:#f6f4ef;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.auth-password-toggle:hover{color:var(--text);background:var(--surface)}.auth-password-toggle__icon{width:1.25rem;height:1.25rem}.auth-verify-hint{color:var(--muted);text-align:left;margin-top:.75rem;font-size:.88rem;line-height:1.45}.app-loading{min-height:100svh;padding:max(1rem, var(--safe-top)) max(1rem, var(--safe-right)) max(1rem, var(--safe-bottom)) max(1rem, var(--safe-left));color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home{width:100%;padding-top:max(.75rem, var(--safe-top));padding-left:max(.75rem, var(--safe-left));padding-right:max(.75rem, var(--safe-right));padding-bottom:var(--content-bottom-pad);box-sizing:border-box;min-height:100svh;margin:0 auto}@media (width>=600px){.home{max-width:720px;padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:var(--content-bottom-pad)}}.home-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.home-header-brand{flex:auto;min-width:0}.home-header-brand h1{overflow-wrap:anywhere;margin:0;font-size:1.2rem;line-height:1.2}@media (width>=600px){.home-header-brand h1{font-size:1.35rem}}.home-header-actions{flex-wrap:wrap;flex:100%;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}@media (width>=480px){.home-header{flex-wrap:nowrap}.home-header-actions{flex:none;gap:.35rem}}.header-icon-btn{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);color:var(--primary-dark);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}@media (hover:hover){.header-icon-btn:hover{color:var(--primary);background:#243b6b1a}}.header-icon-btn:active{background:#243b6b24}.header-icon-btn:disabled{opacity:.45;cursor:not-allowed}.header-icon-btn svg{width:1.38rem;height:1.38rem}.header-icon-btn--ghost{margin-right:.25rem}.sub-page{max-width:32rem;margin:0 auto}.sub-page-header{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.sub-page-header h1{flex:1;margin:0;font-size:1.35rem}.settings-block{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:1rem;padding:1rem 1.1rem}.settings-heading{margin:0 0 .5rem;font-size:1rem}.settings-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0 .5rem;font-weight:500;display:flex}.settings-toggle-row input[type=checkbox]{width:1.25rem;min-width:1.25rem;height:1.25rem;accent-color:var(--primary);cursor:pointer}.settings-email{color:var(--primary-dark);word-break:break-all;margin:0 0 .5rem;font-weight:600}.small-print{margin:0;font-size:.85rem;line-height:1.45}.settings-actions{margin-top:1.5rem}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.analytics-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.analytics-value{color:var(--primary-dark);font-size:1.65rem;font-weight:800;line-height:1.1}.banner.error{color:#b71c1c;border-radius:var(--radius);background:#ffebee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem .85rem;display:flex}.banner.warn{color:#e65100;border-radius:var(--radius);background:#fff8e1;margin-bottom:.75rem;padding:.65rem .85rem;line-height:1.4}.banner.success{color:#0f172a;border-radius:var(--radius);background:#e8eef8;border:1px solid #c7d2e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem .85rem;display:flex}.banner.voice{color:#0d47a1;border-radius:var(--radius);text-align:left;background:#e3f2fd;margin-bottom:.75rem;padding:.65rem .85rem;line-height:1.4}.voice-transcript{opacity:.95;font-style:italic}.search-row{margin-bottom:.75rem}.chips{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.5rem;margin-bottom:.75rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);min-height:var(--touch-min);font:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;border-radius:999px;flex:none;align-items:center;padding:.5rem 1rem;display:inline-flex}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.list-section{margin-top:1rem}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.5rem;font-size:.85rem}.section-toggle{text-align:left;width:100%;min-height:var(--touch-min);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit;cursor:pointer;touch-action:manipulation;margin-top:.5rem;padding:.75rem .85rem}.item-list{margin:.5rem 0 0;padding:0;list-style:none}.item-row{min-height:var(--touch-min);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.5rem;padding:.65rem .35rem;display:flex}.item-row.done .item-name{color:var(--muted);text-decoration:line-through}.check input{flex-shrink:0;width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem}.item-main{text-align:left;font:inherit;cursor:pointer;min-height:var(--touch-min);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:.5rem .25rem;display:flex}.item-name{font-weight:600;display:block}.item-meta{color:var(--muted);font-size:.85rem}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:20;padding-bottom:var(--safe-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.bottom-nav a{min-height:calc(var(--touch-min) + 2px);font:inherit;cursor:pointer;color:var(--muted);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .5rem .65rem;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a svg{width:1.35rem;height:1.35rem}.bottom-nav a.active{color:var(--primary-dark);border-top:3px solid var(--primary)}.categories-intro{margin:0 0 1rem;padding:0 .25rem;font-size:.9rem}.fab-row{right:max(.75rem, var(--safe-right));bottom:var(--fab-bottom-offset);z-index:25;flex-direction:row;align-items:center;gap:.75rem;display:flex;position:fixed}.fab-scanner{width:3.25rem;height:3.25rem;min-width:var(--touch-min);min-height:var(--touch-min);color:#fff;cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;background:#5e35b1;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.fab-scanner:disabled{opacity:.45;cursor:not-allowed}.fab-scanner-icon{width:1.15rem;height:1.15rem;display:block}.scanner-backdrop{z-index:60}.scanner-modal{background:var(--surface,#fff);border-radius:var(--radius);width:100%;max-width:28rem;padding:max(.75rem, var(--safe-top)) max(.75rem, var(--safe-right)) max(.75rem, var(--safe-bottom)) max(.75rem, var(--safe-left));max-height:min(90dvh, calc(100svh - var(--safe-top) - var(--safe-bottom) - 1rem));-webkit-overflow-scrolling:touch;flex-direction:column;gap:.5rem;margin:auto;display:flex;overflow-y:auto}.scanner-modal-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.scanner-modal-header h2{margin:0;font-size:1.15rem}.scanner-hint{margin:0;font-size:.9rem}.scanner-video-wrap{aspect-ratio:4/3;background:#0f172a;border-radius:10px;width:100%;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-overlay{color:#fff;background:#0f172a8c;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.scanner-error{margin:0}.code-preview .mono{font-family:ui-monospace,monospace;font-size:.9rem}.fab-mic{width:3.5rem;height:3.5rem;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--primary-dark);cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.fab-mic:disabled{opacity:.45;cursor:not-allowed}.fab-mic.listening{background:var(--primary);color:#fff;border-color:var(--primary);animation:1.2s ease-in-out infinite voice-pulse}.fab-mic-icon{width:1.35rem;height:1.35rem;display:block}@keyframes voice-pulse{0%,to{box-shadow:var(--shadow);transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 6px #243b6b38}}@media (prefers-reduced-motion:reduce){.fab-mic.listening{animation:none}}.fab{width:3.5rem;height:3.5rem;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow);touch-action:manipulation;border:none;border-radius:50%;font-size:2rem;line-height:1;position:static}.categories-panel{padding-bottom:1rem}.cat-input-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cat-input-row input{flex:180px}.cat-list{margin:0;padding:0;list-style:none}.cat-row{border-bottom:1px solid var(--border);background:var(--surface);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.65rem;padding:.85rem .65rem;transition:background .15s,opacity .15s;display:flex}.cat-row:active{cursor:grabbing}.cat-row--dragging{opacity:.4}.cat-row--drag-over{border-bottom-color:var(--primary);background:#e8eef8}:root[data-theme=dark] .cat-row--drag-over{background:#1e3a5f}.cat-drag-handle{color:var(--muted);cursor:grab;flex-shrink:0;padding:.25rem .1rem;font-size:1.1rem;line-height:1}.cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.cat-drag-hint{margin:0 0 .5rem;padding:0 .25rem;font-size:.82rem}.cat-actions{flex-wrap:nowrap;flex-shrink:0;gap:.35rem;display:flex}.cat-actions .btn{flex:none}@media (width<=479px){.cat-actions .btn{padding:.5rem .65rem;font-size:.9rem}}.modal-backdrop{padding:max(.75rem, var(--safe-top)) max(.75rem, var(--safe-right)) max(.75rem, var(--safe-bottom)) max(.75rem, var(--safe-left));z-index:40;-webkit-overflow-scrolling:touch;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow);max-height:min(88dvh, calc(100svh - var(--safe-top) - var(--safe-bottom) - 1.5rem));-webkit-overflow-scrolling:touch;border-radius:16px;flex-direction:column;gap:.75rem;margin:auto;padding:1.1rem 1rem;display:flex;overflow-y:auto}@media (width>=480px){.modal{padding:1.25rem}}.modal label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.row2{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=420px){.row2{grid-template-columns:1fr 1fr}}.modal-actions{flex-direction:column-reverse;align-items:stretch;gap:.5rem;margin-top:.5rem;display:flex}.modal-actions .btn{justify-content:center;width:100%}@media (width>=420px){.modal-actions{flex-direction:row;justify-content:flex-end;align-items:center}.modal-actions .btn{width:auto}}:root[data-theme=dark]{--cream:#0f172a;--cream-deep:#1e293b;--surface:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--shadow:0 8px 24px #00000059}:root[data-theme=dark] .banner.success{color:#e2e8f0;background:#1e3a5f;border-color:#334155}:root[data-theme=dark] .banner.error{color:#fecaca;background:#3f1a1a}:root[data-theme=dark] .banner.voice{color:#bfdbfe;background:#1e3a5f}:root[data-theme=dark] .bottom-nav{background:var(--surface);border-top-color:var(--border)}:root[data-theme=dark] .fab-mic{color:#f8fafc;background:#334155;border-color:#475569}:root[data-theme=dark] .fab-mic.listening{background:var(--primary);color:#fff;border-color:var(--primary)}.analytics-tablist{-webkit-overflow-scrolling:touch;gap:.35rem;margin-bottom:1rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.analytics-tab{min-width:5.5rem;min-height:var(--touch-min);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;flex:1 0 auto;padding:.45rem .65rem;font-size:.85rem;font-weight:600}.analytics-tab.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.analytics-tab-panel{flex-direction:column;gap:1rem;display:flex}.analytics-lead{margin:0}.analytics-loading,.analytics-error-block{flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;display:flex}.stat-card-label{color:var(--muted);font-size:.8rem;font-weight:600}.stat-card-value{font-size:1.5rem;font-weight:800;line-height:1.1}.stat-card--blue .stat-card-value{color:#1565c0}.stat-card--green .stat-card-value{color:#2e7d32}.stat-card--orange .stat-card-value{color:#e65100}.stat-card--purple .stat-card-value{color:#6a1b9a}.analytics-card-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.analytics-card-title{margin:0 0 .65rem;font-size:1rem;font-weight:700}.analytics-section-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.progress-row{align-items:center;gap:.65rem;display:flex}.progress-track{background:#00000014;border-radius:999px;flex:1;height:10px;overflow:hidden}:root[data-theme=dark] .progress-track{background:#ffffff1f}.progress-track--slim{height:6px}.progress-fill{border-radius:999px;height:100%;transition:width .25s}.progress-label{text-align:right;min-width:3.25rem;font-size:.95rem;font-weight:700}.analytics-inline-row{align-items:flex-start;gap:.75rem;display:flex}.analytics-inline-icon{font-size:1.75rem;line-height:1}.analytics-money{color:var(--primary-dark);margin:0;font-size:1.35rem;font-weight:800}.analytics-big-number{color:var(--primary);margin:0;font-size:2.25rem;font-weight:800;line-height:1.1}.analytics-category-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.analytics-cat-metrics{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.analytics-monthly-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.analytics-month-row{justify-content:space-between;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;display:flex}.analytics-month-meta{text-align:right;font-weight:600}.analytics-product-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.analytics-product-list li{align-items:flex-start;gap:.65rem;display:flex}.analytics-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem}.analytics-product-name{font-weight:600}.analytics-empty,.analytics-empty-card{text-align:center;padding:1.5rem 1rem}.analytics-empty-card{border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface)}.analytics-suggestion-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.analytics-suggestion-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.analytics-suggestion-icon{font-size:1.5rem;line-height:1}.analytics-suggestion-body{flex:1;min-width:0}.analytics-suggestion-reason{margin:.35rem 0 0;font-size:.95rem}.analytics-confidence{color:#fff;border-radius:999px;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:800}.settings-page .settings-link-btn{margin-top:.75rem;text-decoration:none;display:inline-flex}.settings-segment{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;display:flex}.settings-segment-btn{min-height:var(--touch-min);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;flex:30%;font-weight:600}.settings-segment-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.settings-accent-grid{flex-wrap:wrap;gap:.65rem;margin-top:.75rem;display:flex}.settings-accent-swatch{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);border:2px solid var(--border);cursor:pointer;color:#fff;text-shadow:0 0 2px #00000080;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex}.settings-accent-swatch.selected{outline:3px solid var(--primary-dark);outline-offset:2px}.settings-font-row{justify-content:space-between;align-items:center;margin:.5rem 0 .35rem;font-size:.9rem;display:flex}.settings-font-preview{border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:.75rem;padding:.75rem;line-height:1.4}.settings-preview-block .btn{margin-bottom:.75rem}.settings-preview-list{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;margin-top:.25rem;padding:.75rem;display:flex}.settings-preview-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;display:flex}.settings-preview-title{font-weight:700}.settings-actions-stack{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.invitations-container{flex-direction:column;gap:.65rem;margin-bottom:.75rem;padding:0;display:flex}.invitation-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:.85rem 1rem;animation:.3s ease-out slideIn;display:flex}.invitation-text{color:var(--text);font-size:.95rem;line-height:1.4}.invitation-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn.small{border-radius:8px;min-height:2.25rem;padding:.35rem .75rem;font-size:.9rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}