:root{--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 2rem;--spacing-6: 2.75rem;--radius-card: 18px;--radius-control: 12px;--radius-chip: 999px;--border-radius: var(--radius-card);--focus-ring: 0 0 0 4px color-mix(in srgb, var(--accent-color-soft) 78%, transparent);--transition-base: .18s cubic-bezier(.2, .8, .2, 1);--transition-slow: .26s cubic-bezier(.2, .8, .2, 1)}:root,:root[data-theme=light]{--ftd-bg: #f4efe6;--ftd-bg-accent: #ebe0cf;--ftd-bg-elevated: #f8f1e6;--ftd-surface: #fffaf2;--ftd-surface-strong: #fffdf8;--ftd-surface-secondary: #f4e8da;--ftd-surface-hover: #f8ede0;--ftd-surface-overlay: rgba(255, 250, 242, .84);--ftd-border: rgba(31, 43, 61, .12);--ftd-border-strong: rgba(31, 43, 61, .2);--ftd-text: #1f2b3d;--ftd-text-secondary: #66594f;--ftd-text-tertiary: #8b796d;--ftd-accent: #236cc8;--ftd-accent-secondary: #4a88c1;--ftd-accent-hover: #2c7ae0;--ftd-accent-soft: rgba(35, 108, 200, .12);--ftd-success: #2f8f62;--ftd-success-soft: rgba(47, 143, 98, .12);--ftd-warning: #b67a1f;--ftd-warning-soft: rgba(182, 122, 31, .14);--ftd-danger: #c24d46;--ftd-danger-soft: rgba(194, 77, 70, .12);--ftd-shadow-1: 0 10px 28px rgba(31, 43, 61, .08);--ftd-shadow-2: 0 18px 40px rgba(31, 43, 61, .12);--ftd-body-gradient: radial-gradient(1100px 520px at -8% -10%, rgba(88, 132, 194, .14) 0%, rgba(88, 132, 194, 0) 58%), radial-gradient(900px 420px at 110% -10%, rgba(103, 143, 146, .12) 0%, rgba(103, 143, 146, 0) 55%), linear-gradient(180deg, var(--ftd-bg-accent) 0%, var(--ftd-bg) 58%, #efe6da 100%);--ftd-panel-gradient: linear-gradient(180deg, rgba(255, 253, 249, .96), rgba(250, 244, 235, .94));--ftd-control-gradient: linear-gradient(180deg, rgba(255, 251, 245, .98), rgba(245, 237, 226, .95));color-scheme:light}:root[data-theme=dark]{--ftd-bg: #111924;--ftd-bg-accent: #172435;--ftd-bg-elevated: #1d2d3f;--ftd-surface: #182331;--ftd-surface-strong: #213245;--ftd-surface-secondary: #14202d;--ftd-surface-hover: #25384d;--ftd-surface-overlay: rgba(17, 25, 36, .86);--ftd-border: rgba(229, 220, 205, .14);--ftd-border-strong: rgba(229, 220, 205, .26);--ftd-text: #f7efe3;--ftd-text-secondary: #d1c2af;--ftd-text-tertiary: #a9957d;--ftd-accent: #87b8ff;--ftd-accent-secondary: #62a9c5;--ftd-accent-hover: #9ac3ff;--ftd-accent-soft: rgba(135, 184, 255, .2);--ftd-success: #76bd92;--ftd-success-soft: rgba(118, 189, 146, .18);--ftd-warning: #d3a460;--ftd-warning-soft: rgba(211, 164, 96, .2);--ftd-danger: #df8c7a;--ftd-danger-soft: rgba(223, 140, 122, .18);--ftd-shadow-1: 0 16px 32px rgba(6, 10, 16, .34);--ftd-shadow-2: 0 24px 48px rgba(6, 10, 16, .48);--ftd-body-gradient: radial-gradient(980px 520px at -10% -10%, rgba(135, 184, 255, .18) 0%, rgba(135, 184, 255, 0) 58%), radial-gradient(880px 460px at 110% -10%, rgba(98, 169, 197, .14) 0%, rgba(98, 169, 197, 0) 55%), linear-gradient(180deg, #152132 0%, var(--ftd-bg) 56%, #0d141d 100%);--ftd-panel-gradient: linear-gradient(180deg, rgba(35, 50, 68, .94), rgba(21, 31, 44, .98));--ftd-control-gradient: linear-gradient(180deg, rgba(38, 55, 74, .94), rgba(23, 34, 48, .98));color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--ftd-bg: #111924;--ftd-bg-accent: #172435;--ftd-bg-elevated: #1d2d3f;--ftd-surface: #182331;--ftd-surface-strong: #213245;--ftd-surface-secondary: #14202d;--ftd-surface-hover: #25384d;--ftd-surface-overlay: rgba(17, 25, 36, .86);--ftd-border: rgba(229, 220, 205, .14);--ftd-border-strong: rgba(229, 220, 205, .26);--ftd-text: #f7efe3;--ftd-text-secondary: #d1c2af;--ftd-text-tertiary: #a9957d;--ftd-accent: #87b8ff;--ftd-accent-secondary: #62a9c5;--ftd-accent-hover: #9ac3ff;--ftd-accent-soft: rgba(135, 184, 255, .2);--ftd-success: #76bd92;--ftd-success-soft: rgba(118, 189, 146, .18);--ftd-warning: #d3a460;--ftd-warning-soft: rgba(211, 164, 96, .2);--ftd-danger: #df8c7a;--ftd-danger-soft: rgba(223, 140, 122, .18);--ftd-shadow-1: 0 16px 32px rgba(6, 10, 16, .34);--ftd-shadow-2: 0 24px 48px rgba(6, 10, 16, .48);--ftd-body-gradient: radial-gradient(980px 520px at -10% -10%, rgba(135, 184, 255, .18) 0%, rgba(135, 184, 255, 0) 58%), radial-gradient(880px 460px at 110% -10%, rgba(98, 169, 197, .14) 0%, rgba(98, 169, 197, 0) 55%), linear-gradient(180deg, #152132 0%, var(--ftd-bg) 56%, #0d141d 100%);--ftd-panel-gradient: linear-gradient(180deg, rgba(35, 50, 68, .94), rgba(21, 31, 44, .98));--ftd-control-gradient: linear-gradient(180deg, rgba(38, 55, 74, .94), rgba(23, 34, 48, .98));color-scheme:dark}}:root{--bg-color: var(--ftd-bg);--bg-accent: var(--ftd-bg-accent);--bg-elevated: var(--ftd-bg-elevated);--surface-color: var(--ftd-surface);--surface-strong: var(--ftd-surface-strong);--surface-secondary: var(--ftd-surface-secondary);--surface-muted: color-mix(in srgb, var(--surface-secondary) 72%, var(--bg-color));--surface-inset: color-mix(in srgb, var(--surface-secondary) 84%, var(--surface-color));--surface-color-hover: var(--ftd-surface-hover);--surface-overlay: var(--ftd-surface-overlay);--panel-bg: var(--ftd-panel-gradient);--modal-surface: color-mix(in srgb, var(--surface-strong) 94%, var(--surface-color));--modal-scrim: color-mix(in srgb, var(--bg-color) 84%, transparent);--border-color: var(--ftd-border);--border-strong: var(--ftd-border-strong);--text-color: var(--ftd-text);--text-color-primary: var(--ftd-text);--text-color-secondary: var(--ftd-text-secondary);--text-color-tertiary: var(--ftd-text-tertiary);--text-color-inverse: #fbf7f0;--text-secondary: var(--ftd-text-secondary);--accent-color: var(--ftd-accent);--accent-color-hover: var(--ftd-accent-hover);--accent-color-soft: var(--ftd-accent-soft);--accent-2: var(--ftd-accent-secondary);--success-color: var(--ftd-success);--success-color-soft: var(--ftd-success-soft);--warning-color: var(--ftd-warning);--warning-color-soft: var(--ftd-warning-soft);--danger-color: var(--ftd-danger);--danger-color-soft: var(--ftd-danger-soft);--color-danger: var(--ftd-danger);--shadow-1: var(--ftd-shadow-1);--shadow-2: var(--ftd-shadow-2)}body{font-family:Avenir Next,Avenir,SF Pro Text,Segoe UI,sans-serif;min-height:100vh;background:var(--ftd-body-gradient);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}h1,h2,h3,h4,h5,h6{letter-spacing:-.018em}.panel{background:var(--ftd-panel-gradient);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:clip;transition:transform var(--transition-base),box-shadow var(--transition-slow),border-color var(--transition-base)}.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 65%,transparent),transparent 34%);opacity:.7;pointer-events:none}.panel-header{font-size:clamp(1.15rem,1rem + .7vw,1.55rem);font-weight:700;letter-spacing:.005em;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color);line-height:1.15}.btn,.form-input{padding:.62rem .9rem;font-size:1rem;line-height:1.25;border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--ftd-control-gradient);color:var(--text-color);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),transform .14s ease,box-shadow var(--transition-base),color var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);vertical-align:middle;box-shadow:0 1px color-mix(in srgb,var(--surface-strong) 55%,transparent) inset}.btn:not(.btn-success):not(.btn-danger):not(.btn-primary-action):not(.btn-chip):not(.btn-accent):hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 34%,var(--surface-secondary)));color:var(--accent-color);box-shadow:0 10px 20px color-mix(in srgb,var(--accent-color) 14%,transparent);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.form-input:hover:not(:disabled){border-color:var(--border-strong)}.btn:focus-visible,.form-input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-color:var(--accent-color);box-shadow:var(--focus-ring)}.btn:disabled,.form-input:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:linear-gradient(180deg,color-mix(in srgb,var(--success-color) 18%,var(--surface-strong)),color-mix(in srgb,var(--success-color) 12%,var(--surface-color)));border-color:color-mix(in srgb,var(--success-color) 30%,transparent);color:var(--success-color)}.btn-success:hover:not(:disabled){border-color:color-mix(in srgb,var(--success-color) 42%,transparent)}.btn-secondary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 62%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 24%,var(--surface-secondary)));border-color:color-mix(in srgb,var(--accent-color) 22%,transparent);color:var(--accent-color)}.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-color) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 78%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 36%,var(--surface-secondary)));color:var(--accent-color-hover);box-shadow:0 10px 20px color-mix(in srgb,var(--accent-color) 14%,transparent)}.btn-danger{background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color) 14%,var(--surface-strong)),color-mix(in srgb,var(--danger-color) 10%,var(--surface-color)));border-color:color-mix(in srgb,var(--danger-color) 26%,transparent);color:var(--danger-color)}.btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger-color) 36%,transparent)}.btn-primary-action{background:linear-gradient(135deg,var(--accent-color),var(--accent-2));border-color:transparent;color:var(--text-color-inverse);font-weight:700;box-shadow:0 10px 20px color-mix(in srgb,var(--accent-color) 28%,transparent)}.btn-primary-action:hover:not(:disabled){filter:brightness(1.04)}.btn-primary-action:active:not(:disabled){transform:translateY(1px) scale(.995)}.ftd-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .72rem;border-radius:var(--radius-chip);font-size:.8rem;font-weight:600;line-height:1;border:1px solid transparent;letter-spacing:.01em}.ftd-chip-accent{color:var(--accent-color);background:var(--accent-color-soft);border-color:color-mix(in srgb,var(--accent-color) 16%,transparent)}.ftd-chip-success{color:var(--success-color);background:var(--success-color-soft);border-color:color-mix(in srgb,var(--success-color) 16%,transparent)}.ftd-chip-warning{color:var(--warning-color);background:var(--warning-color-soft);border-color:color-mix(in srgb,var(--warning-color) 16%,transparent)}.ftd-chip-danger{color:var(--danger-color);background:var(--danger-color-soft);border-color:color-mix(in srgb,var(--danger-color) 16%,transparent)}.edit-input{width:100%}.state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:8.5rem;padding:1.25rem 1.3rem;border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--border-strong) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--surface-secondary) 82%,transparent));color:var(--text-color-secondary);text-align:center;box-shadow:var(--shadow-1);position:relative;overflow:clip}.state-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 64%,transparent),transparent 38%);opacity:.8;pointer-events:none}.state-card strong{color:var(--text-color);font-weight:700}.state-card-kicker{margin:0;color:var(--text-color-tertiary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.state-card-title{margin:0;color:var(--text-color);font-size:1.02rem;font-weight:700;line-height:1.2}.state-card-body{margin:0;max-width:28rem;color:var(--text-color-secondary);font-size:.9rem;line-height:1.5}.state-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem}.ftd-toast-viewport{inset:max(1rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) auto max(.85rem,env(safe-area-inset-left));pointer-events:none}.ftd-toast{display:flex;align-items:flex-start;gap:.75rem;min-width:min(22rem,calc(100vw - 1.5rem));max-width:min(28rem,calc(100vw - 1.5rem));padding:.9rem 1rem;border-radius:calc(var(--radius-card) - 2px);border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--surface-secondary) 86%,transparent));color:var(--text-color);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.ftd-toast [data-icon]{flex:0 0 auto;margin-top:.1rem}.ftd-toast [data-content]{flex:1 1 auto;font-size:.95rem;line-height:1.45;font-weight:600;color:var(--text-color)}.ftd-toast-success{border-color:color-mix(in srgb,var(--success-color) 32%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--success-color-soft) 82%,var(--surface-strong)),color-mix(in srgb,var(--success-color-soft) 34%,var(--surface-secondary)))}.ftd-toast-error{border-color:color-mix(in srgb,var(--danger-color) 34%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color-soft) 82%,var(--surface-strong)),color-mix(in srgb,var(--danger-color-soft) 34%,var(--surface-secondary)))}.ftd-toast-loading{border-color:color-mix(in srgb,var(--accent-color) 28%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 76%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 30%,var(--surface-secondary)))}.ftd-toast button{flex:0 0 auto;margin:-.15rem -.2rem -.15rem auto;padding:.32rem;border-radius:10px;color:var(--text-color-secondary);transition:background-color var(--transition-base),color var(--transition-base)}.ftd-toast button:hover{color:var(--text-color);background:color-mix(in srgb,var(--surface-secondary) 84%,transparent)}.ftd-toast button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color-soft) 62%,var(--surface-secondary))}@media (max-width: 900px){.panel{padding:1rem;border-radius:12px}.btn,.form-input{font-size:.95rem}.ftd-toast{min-width:calc(100vw - 1.25rem);padding:.82rem .9rem}}.login-page{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-color-soft) 78%,transparent),transparent 48%),linear-gradient(180deg,var(--surface-color),var(--surface-muted));padding:var(--spacing-4)}.login-panel{background:linear-gradient(180deg,var(--surface-strong),var(--surface-color));border:1px solid var(--border-color);border-radius:var(--radius-card);padding:var(--spacing-5);display:flex;flex-direction:column;text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-2)}.login-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.login-panel .app-icon{font-size:2.5rem;flex-shrink:0;color:var(--accent-color)}.login-panel h1{font-size:2rem;font-weight:700;margin:0}.login-panel p{color:var(--text-color-secondary);margin-bottom:var(--spacing-4);font-size:1.1rem;line-height:1.5}.login-divider{display:flex;align-items:center;text-align:center;color:var(--text-color-secondary);margin:var(--spacing-3) 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.login-divider:not(:empty):before{margin-right:.25em}.login-divider:not(:empty):after{margin-left:.25em}.login-verification-panel{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2)}.login-verification-copy{margin:0}.login-verification-secondary{background:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong));color:var(--text-color);border-color:color-mix(in srgb,var(--accent-color) 18%,var(--border-color))}.login-verification-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 88%,var(--surface-strong))}.login-footer{margin-top:var(--spacing-4)}.link-button{background:none;border:none;color:var(--accent-color);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.link-button:hover{color:var(--accent-color-hover)}.link-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}@media (max-width: 520px){.login-page{padding:.85rem}.login-panel{padding:1.1rem}.login-header{gap:.75rem}.login-panel h1{font-size:1.65rem}.login-panel p{font-size:1rem}}.poke-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;margin-left:.25rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 62%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 30%,var(--surface-secondary)));color:var(--text-color);font-size:.76rem;font-weight:700;box-shadow:0 8px 16px color-mix(in srgb,var(--text-color) 10%,transparent)}.modal-error-message{color:var(--danger-color);margin-bottom:1rem;font-size:.88rem;line-height:1.45}.form-group{margin-bottom:var(--spacing-3)}.modal-form-scroll{display:flex;flex-direction:column}.form-group label{display:block;margin-bottom:var(--spacing-1);color:var(--text-color-secondary);font-size:var(--font-size-sm)}.privacy-toggle{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);color:var(--text-color-secondary);font-size:var(--font-size-sm);cursor:pointer}.modal-content:focus-visible,.privacy-toggle:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}.todo-image-modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--modal-scrim)}.todo-image-modal-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(92vw,960px);max-height:92vh}.todo-image-modal-image{display:block;max-width:100%;max-height:92vh;border-radius:18px;background:var(--modal-surface);box-shadow:var(--shadow-2)}.todo-image-modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid var(--border-color);border-radius:999px;background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);color:var(--text-color-inverse);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-1)}.todo-image-modal-close:hover{background:color-mix(in srgb,var(--surface-overlay) 96%,transparent)}.todo-image-modal-close:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;box-shadow:var(--focus-ring)}.todo-image-modal-delete{position:absolute;top:12px;left:12px;min-height:44px;border:1px solid color-mix(in srgb,var(--danger-color) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--danger-color-soft) 88%,var(--surface-overlay));color:var(--text-color-inverse);padding:.55rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-1)}.todo-image-modal-delete:hover{background:color-mix(in srgb,var(--danger-color-soft) 100%,var(--surface-overlay));border-color:color-mix(in srgb,var(--danger-color) 42%,transparent)}.todo-image-modal-delete:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;box-shadow:var(--focus-ring)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;padding:1rem;background:var(--modal-scrim);display:grid;place-items:center;z-index:1000}.modal-content{width:min(100%,32rem);max-width:500px;max-height:min(86vh,42rem);overflow-y:auto}.modal-header{display:grid;gap:.3rem;margin-bottom:var(--spacing-3)}.modal-kicker{margin:0;color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.modal-title{margin-bottom:0}.modal-subtitle{margin:0;color:var(--text-color-secondary);font-size:.88rem;line-height:1.45}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-4)}.suggest-modal-form{display:flex;flex-direction:column;gap:var(--spacing-3)}.suggest-modal-textarea,.suggest-modal-select,.suggest-modal-datetime,.suggest-modal-time{width:100%}.suggest-modal-textarea{resize:vertical;min-height:6.5rem}.suggest-modal-textarea--message{min-height:4.25rem}.suggest-modal-toggle{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-color);font-size:.92rem;line-height:1.4}.suggest-modal-toggle:focus-within{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:var(--radius-control)}.suggest-modal-recurring-note{padding:.85rem .9rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--accent-color-soft) 62%,var(--surface-secondary));border:1px solid color-mix(in srgb,var(--accent-color) 18%,transparent);display:flex;flex-direction:column;gap:.35rem}.suggest-modal-recurring-note strong{font-size:.92rem}.suggest-modal-recurring-note span{font-size:.86rem;line-height:1.45;color:var(--text-color-secondary)}@media (max-width: 640px){.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions .btn{width:100%}}.todo-list-shell{display:flex;flex-direction:column;gap:1.25rem}.todo-composer{display:flex;flex-direction:column;gap:.8rem;padding:.95rem;border-radius:var(--radius-card);border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));box-shadow:var(--shadow-1);position:relative;overflow:clip}.todo-composer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 78%,transparent),transparent 38%);opacity:.72;pointer-events:none}.todo-composer-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.todo-composer-row-main{align-items:stretch}.todo-composer-row-destination{align-items:center}.todo-composer-destination-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-secondary);font-weight:600}.todo-composer-destination-select{min-width:180px;max-width:280px}.todo-composer-destination-hint{font-size:.84rem;color:var(--text-color-secondary);letter-spacing:.01em}.todo-composer-task-input{flex:1 1 320px;min-width:0}.todo-composer-row-reminder{align-items:center;padding-top:.15rem}.todo-composer-row-helper{padding-top:.1rem}.todo-composer-helper-text{font-size:.82rem;color:var(--text-color-secondary)}.todo-composer-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-secondary);font-weight:600}.todo-reminder-trigger{min-width:190px;justify-content:flex-start;color:var(--text-color-secondary)}.todo-reminder-modal-body{display:flex;flex-direction:column;gap:.6rem}.todo-reminder-modal-input{width:100%}.todo-composer-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.todo-composer-row .btn,.todo-composer-quick-actions .btn{white-space:nowrap}.btn-chip{border-radius:var(--radius-chip);background:var(--accent-color-soft);border-color:color-mix(in srgb,var(--accent-color) 20%,transparent);font-size:.84rem;padding:.42rem .74rem;color:var(--accent-color)}.btn-chip:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-color) 34%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 78%,var(--surface-strong))}.btn-accent{background:linear-gradient(135deg,var(--accent-color),var(--accent-2));color:var(--surface-strong);border:none;font-weight:700}.btn-accent:hover:not(:disabled){filter:brightness(1.05)}.todo-split-panel{padding:.7rem}.todo-split-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.todo-split-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.todo-split-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.45rem .55rem;border-radius:10px;background:var(--surface-secondary);border:1px solid var(--border-color)}.todo-create-error{color:var(--danger-color);margin-top:-.2rem;font-size:.9rem}.todo-state-card{min-height:10rem}.todo-state-card-error{border-color:color-mix(in srgb,var(--danger-color) 22%,var(--border-strong))}.todo-retry-button{color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 18%,var(--border-color))}.todo-retry-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger-color) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color-soft) 72%,var(--surface-strong)),color-mix(in srgb,var(--danger-color-soft) 34%,var(--surface-secondary)));color:var(--danger-color);box-shadow:0 10px 20px color-mix(in srgb,var(--danger-color) 14%,transparent)}.todo-utility-button{font-size:.86rem;padding:.45rem .8rem}.todo-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.todo-items-scroll-region{display:flex;flex-direction:column;gap:.7rem;max-height:min(34rem,calc(100vh - 19rem));overflow-y:auto;padding-right:.2rem;scrollbar-gutter:stable}.todo-list-sentinel{height:1px}.todo-list-pagination-copy{margin:0;padding:.1rem 0 .2rem;color:var(--text-color-secondary);font-size:.82rem;text-align:center}.todo-item{border:1px solid var(--border-color);border-radius:var(--radius-card);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color));transition:border-color .2s ease,transform .18s ease,background .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-1);position:relative;overflow:clip}.todo-item.has-open-menu{overflow:visible;z-index:12}.todo-item:hover{border-color:color-mix(in srgb,var(--accent-color) 18%,transparent);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color-hover));transform:translateY(-1px);box-shadow:var(--shadow-2)}.todo-item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 60%,transparent),transparent 34%);opacity:.65;pointer-events:none}.todo-item:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color) 22%,transparent),transparent 82%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.todo-item:hover:after{opacity:1}.todo-item:has(:focus-visible):after{opacity:1}.todo-item-content{display:flex;align-items:flex-start;flex-grow:1;gap:.75rem;padding:1rem 1.02rem;cursor:pointer}.todo-checkbox-menu{position:relative;flex:0 0 auto}.todo-checkbox-split{display:inline-flex;align-items:center;gap:0;min-height:2rem;padding:.14rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,var(--surface-secondary)),var(--surface-secondary));box-shadow:0 10px 22px color-mix(in srgb,var(--text-color) 8%,transparent)}.todo-checkbox-menu-trigger,.todo-checkbox-button{width:1.72rem;height:1.72rem;border-radius:999px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color-secondary);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.todo-checkbox-menu-trigger{width:1.5rem}.todo-checkbox-divider{width:1px;align-self:stretch;margin:.22rem .1rem .22rem .04rem;background:color-mix(in srgb,var(--accent-color) 10%,var(--border-color));border-radius:999px}.todo-checkbox-menu-chevron{font-size:.74rem;line-height:1;transform:translateY(-1px)}.todo-checkbox-menu-trigger:hover:not(:disabled),.todo-checkbox-menu-trigger.is-open{background:color-mix(in srgb,var(--accent-color-soft) 68%,var(--surface-strong));color:var(--accent-color)}.todo-checkbox-menu-trigger:focus-visible,.todo-checkbox-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong));box-shadow:var(--focus-ring)}.todo-checkbox-button:hover:not(:disabled){background:color-mix(in srgb,var(--success-color) 10%,var(--surface-strong));border-color:color-mix(in srgb,var(--success-color) 24%,transparent);transform:scale(1.04)}.todo-checkbox-button.is-completed{background:linear-gradient(180deg,color-mix(in srgb,var(--success-color) 18%,var(--surface-strong)),color-mix(in srgb,var(--success-color) 12%,var(--surface-color)));border-color:color-mix(in srgb,var(--success-color) 34%,transparent);color:var(--success-color)}.todo-checkbox-button:not(.is-completed){border-color:color-mix(in srgb,var(--accent-color) 18%,transparent)}.todo-checkbox-button:disabled{opacity:.6;cursor:not-allowed}.todo-checkbox-indicator{font-size:.85rem;line-height:1;font-weight:800}.todo-completion-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:220px;width:min(260px,calc(100vw - 1.5rem));z-index:40;display:flex;flex-direction:column;gap:.2rem;padding:.35rem;border-radius:var(--radius-card);border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 95%,var(--surface-color)),color-mix(in srgb,var(--surface-color) 90%,var(--surface-secondary)));box-shadow:0 18px 38px color-mix(in srgb,var(--text-color) 18%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.todo-completion-menu-item{width:100%;border:none;border-radius:10px;background:transparent;color:var(--text-color);text-align:left;padding:.62rem .72rem;font-size:.9rem;cursor:pointer}.todo-completion-menu-item:hover{background:var(--accent-color-soft)}.todo-completion-menu-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;background:color-mix(in srgb,var(--accent-color-soft) 82%,var(--surface-strong))}.todo-completion-menu-item-primary{color:var(--success-color)}.todo-completion-menu-item-danger{color:var(--danger-color)}.task-text{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.task-title-row{display:flex;align-items:center;gap:.55rem;min-width:0;min-height:2rem}.todo-task-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.985rem;line-height:1.42;font-weight:600;letter-spacing:.004em}.todo-task-label.is-completed{text-decoration:line-through}.todo-recurring-chip{font-size:.73rem;line-height:1.1;display:inline-flex;align-items:center;color:var(--accent-color);background:var(--ftd-accent-soft);border:1px solid color-mix(in srgb,var(--accent-color) 20%,transparent);border-radius:var(--radius-chip);padding:.22rem .52rem}.todo-recurring-streak-chip{font-size:.73rem;font-weight:700;line-height:1.1;display:inline-flex;align-items:center;color:var(--warning-color);background:var(--ftd-warning-soft);border:1px solid color-mix(in srgb,var(--warning-color) 22%,transparent);border-radius:var(--radius-chip);padding:.22rem .52rem}.todo-config-summary{margin-top:.18rem;display:flex;flex-wrap:wrap;gap:.38rem}.todo-config-chip{font-size:.74rem;line-height:1.1;display:inline-flex;align-items:center;max-width:100%;color:var(--text-color-secondary);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-chip);padding:.24rem .56rem}.todo-chip-button{cursor:pointer}.todo-overdue-chip{font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;max-width:100%;color:var(--danger-color);background:var(--ftd-danger-soft);border:1px solid color-mix(in srgb,var(--danger-color) 22%,transparent);border-radius:var(--radius-chip);padding:.15rem .45rem}.todo-overdue-label{color:var(--danger-color)}.todo-message-preview{margin-top:.25rem;color:var(--text-color-secondary);font-size:.84rem;line-height:1.45}.todo-inline-editor{margin:0 .95rem .8rem 3rem;padding:.8rem .86rem;border-radius:var(--radius-control);border:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 40%,var(--surface-strong)),var(--surface-color));box-shadow:0 10px 24px color-mix(in srgb,var(--text-color) 8%,transparent)}.todo-inline-editor-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.todo-inline-editor-label{color:var(--text-color-secondary);font-size:.82rem;font-weight:600;margin-right:.2rem}.todo-inline-editor-actions{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:auto}.todo-edit-input{flex-grow:1;min-width:0;margin:0 .5rem}.todo-inline-datetime-input{max-width:210px}.todo-attachment-strip{display:flex;align-items:center;gap:.9rem;margin:0 .95rem .9rem 3rem;padding:.8rem .86rem;border:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--border-color));border-radius:var(--radius-card);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 36%,var(--surface-strong)),var(--surface-color));box-shadow:0 12px 24px color-mix(in srgb,var(--text-color) 8%,transparent)}.todo-attachment-strip-hint{border-style:dashed;background:color-mix(in srgb,var(--accent-color-soft) 56%,var(--surface-strong))}.todo-attachment-thumbnail{width:88px;height:88px;border-radius:14px;object-fit:cover;cursor:zoom-in;background:var(--surface-muted);box-shadow:0 10px 22px color-mix(in srgb,var(--text-color) 10%,transparent)}.todo-attachment-copy{display:flex;flex-direction:column;gap:.3rem;color:var(--text-color-secondary);font-size:.82rem}.todo-attachment-copy strong{color:var(--text-color);font-size:.98rem}.todo-item-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0;margin-left:auto;min-height:2rem}.todo-pokes-inline{display:inline-flex;align-items:center;gap:.15rem}.todo-actions-menu{position:relative}.todo-actions-trigger{min-width:58px;min-height:2rem;padding:.4rem .62rem;border-radius:var(--radius-chip);border:1px solid color-mix(in srgb,var(--accent-color) 12%,var(--border-color));background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));color:var(--text-color);font-size:.78rem;font-weight:600;letter-spacing:.01em;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform .14s ease}.todo-actions-trigger:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 42%,var(--surface-strong)),var(--surface-color-hover));border-color:color-mix(in srgb,var(--accent-color) 24%,transparent)}.todo-actions-trigger:active:not(:disabled){transform:scale(.985)}.todo-actions-trigger:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);box-shadow:var(--focus-ring)}.todo-actions-dropdown{left:auto;right:0}.private-toggle-container{display:flex;align-items:center;gap:.75rem;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.private-toggle-container span{color:var(--text-color-secondary);transition:color .2s ease-in-out}.private-toggle-container:hover span{color:var(--text-color)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:color-mix(in srgb,var(--text-color-secondary) 40%,transparent);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--surface-strong);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:focus-visible+.slider{outline:2px solid var(--accent-color);outline-offset:2px}input:checked+.slider:before{transform:translate(20px)}@media (max-width: 760px){.todo-items-scroll-region{max-height:min(30rem,calc(100vh - 16rem))}.todo-composer{padding:.8rem}.todo-composer-destination-select{min-width:0;width:100%;max-width:none}.todo-composer-destination-hint,.todo-composer-helper-text{width:100%}.todo-composer-row-main{align-items:stretch}.todo-composer-row-main>.btn,.todo-composer-quick-actions>.btn{flex:1 1 calc(50% - .28rem);min-width:0}.private-toggle-container{width:100%;margin-left:0;justify-content:space-between}.todo-composer-row-reminder{align-items:flex-start}.todo-composer-label,.todo-reminder-trigger,.todo-composer-quick-actions{width:100%}.todo-item-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:.65rem}.todo-checkbox-menu{align-self:flex-start}.task-text{grid-column:2;min-width:0}.todo-item-actions{grid-column:2;width:auto;margin-left:0;margin-top:.15rem;justify-content:flex-start}.todo-task-label{white-space:normal}.task-title-row{flex-wrap:wrap;align-items:flex-start;min-height:0}.todo-recurring-streak-chip{flex:0 1 auto;max-width:100%;white-space:normal;line-height:1.25}.todo-config-summary{gap:.32rem}.todo-config-chip,.todo-overdue-chip{white-space:normal;line-height:1.25;overflow-wrap:anywhere}.todo-inline-editor,.todo-attachment-strip{margin-right:.65rem;margin-left:1.5rem}.todo-actions-trigger{min-width:72px}.todo-inline-datetime-input{width:100%;max-width:none}.todo-inline-editor-actions{width:100%;margin-left:0}}@media (max-width: 560px){.todo-items-scroll-region{max-height:min(28rem,calc(100vh - 14rem))}.todo-composer-row-main>.btn,.todo-composer-quick-actions>.btn{flex-basis:100%}.todo-item-content{row-gap:.45rem}.todo-inline-editor,.todo-attachment-strip{margin-left:.65rem}.todo-completion-menu{position:fixed;left:.75rem;right:.75rem;top:auto;bottom:.75rem;width:auto;max-width:none;min-width:0;padding:.5rem;border-radius:18px;box-shadow:0 24px 48px color-mix(in srgb,var(--text-color) 24%,transparent)}}.contagious-stats-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.contagious-chip{border-radius:var(--radius-control);padding:.55rem .65rem;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--border-color);background:var(--surface-secondary)}.contagious-chip span{font-size:.74rem;color:var(--text-color-secondary)}.contagious-chip strong{font-size:1.1rem;line-height:1.1}.contagious-chip em{font-style:normal;font-size:.72rem;color:var(--text-color-secondary)}.contagious-chip-success{border-color:color-mix(in srgb,var(--success-color) 18%,transparent);background:color-mix(in srgb,var(--success-color-soft) 72%,var(--surface-strong))}.contagious-chip-warning{border-color:color-mix(in srgb,var(--warning-color) 18%,transparent);background:color-mix(in srgb,var(--warning-color-soft) 72%,var(--surface-strong))}.contagious-chip-info{border-color:color-mix(in srgb,var(--accent-color) 18%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong))}.contagious-chip-weekly{grid-column:1 / -1;padding:.7rem .75rem}.contagious-chip-weekly strong{font-size:1.4rem}@media (max-width: 760px){.contagious-stats-wrap{grid-template-columns:1fr}}.activity-feed-shell{padding:1rem;height:100%;display:flex;flex-direction:column;min-height:0}.activity-feed-header{margin-bottom:.9rem;display:grid;gap:.25rem}.activity-feed-kicker{margin:0;color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.activity-feed-header h2{margin:0;font-size:1.05rem}.activity-feed-subtitle{margin:0;color:var(--text-color-secondary);font-size:.84rem;line-height:1.45}.activity-feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;padding-right:.25rem;min-height:0}.activity-feed-item{border:1px solid var(--border-color);border-radius:var(--radius-control);padding:.8rem .82rem;background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));box-shadow:var(--shadow-1)}.activity-feed-item-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.35rem}.activity-feed-pill{font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.02em;padding:.32rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 18%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong));color:var(--accent-color)}.activity-feed-pill.type-poke{border-color:color-mix(in srgb,var(--danger-color) 18%,transparent);background:color-mix(in srgb,var(--danger-color-soft) 72%,var(--surface-strong));color:var(--danger-color)}.activity-feed-pill.type-todo_completed,.activity-feed-pill.type-suggested_todo_completed{border-color:color-mix(in srgb,var(--success-color) 18%,transparent);background:color-mix(in srgb,var(--success-color-soft) 72%,var(--surface-strong));color:var(--success-color)}.activity-feed-pill.type-todo_reminder{border-color:color-mix(in srgb,var(--warning-color) 18%,transparent);background:color-mix(in srgb,var(--warning-color-soft) 72%,var(--surface-strong));color:var(--warning-color)}.activity-feed-pill.type-friend_request,.activity-feed-pill.type-friend_request_accepted{border-color:color-mix(in srgb,var(--accent-2) 18%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 66%,var(--surface-strong));color:var(--accent-2)}.activity-feed-message{margin:0;font-size:.9rem;line-height:1.35}.activity-feed-meta{margin:0;font-size:.73rem;color:var(--text-color-secondary);white-space:nowrap}.activity-feed-empty{margin:0;color:var(--text-color-secondary)}@media (max-width: 700px){.activity-feed-shell{padding:.85rem}.activity-feed-item-top{align-items:flex-start;flex-direction:column}.activity-feed-meta{white-space:normal}}.goals-container .form-input{width:100%;resize:none}.goals-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3);align-items:end}.goals-header .panel-header{border-bottom:none;padding-bottom:0}.goal-label{display:block;margin-bottom:var(--spacing-2);font-weight:500}.goal-changes-count{color:var(--text-color-secondary);font-size:.8rem;margin-left:var(--spacing-2)}.goals-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-3)}.goals-title{font-size:1.5rem;font-weight:600;margin:0}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.dashboard-layout{width:min(1280px,100%);margin:0 auto;padding:clamp(1rem,.5rem + 2vw,2.25rem)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.dashboard-kicker{margin:0 0 .35rem;color:var(--accent-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.dashboard-title{margin:0;font-size:clamp(1.5rem,1.3rem + 1.1vw,2.25rem);line-height:1.1}.dashboard-header-actions{display:flex;align-items:center;gap:.75rem}.dashboard-settings-btn{min-width:96px}.dashboard-friends-btn{min-width:92px}.dashboard-recurring-btn{min-width:104px}.dashboard-logout-btn{min-width:92px;color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 18%,var(--border-color))}.dashboard-logout-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger-color) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color-soft) 72%,var(--surface-strong)),color-mix(in srgb,var(--danger-color-soft) 34%,var(--surface-secondary)));color:var(--danger-color);box-shadow:0 10px 20px color-mix(in srgb,var(--danger-color) 14%,transparent)}.dashboard-goals-wrap{margin-bottom:1.2rem}.dashboard-main{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.82fr);gap:clamp(1rem,.65rem + 1.1vw,1.7rem);align-items:start}.dashboard-right-column{display:flex;flex-direction:column;gap:clamp(.85rem,.5rem + 1vw,1.5rem)}.dashboard-main-panel{min-height:340px}.dashboard-activity-wrap{min-height:340px;max-height:72vh;overflow:hidden}.dashboard-tooltip{border:1px solid var(--border-color);border-radius:10px;background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary))!important;color:var(--text-color)!important;box-shadow:var(--shadow-2)}@media (max-width: 1240px){.dashboard-main{grid-template-columns:1fr}.dashboard-right-column{grid-column:1 / -1}}@media (max-width: 700px){.dashboard-layout{padding:.75rem}.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-header-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.55rem}.dashboard-header-actions>:first-child{grid-column:1 / -1;justify-self:start}.dashboard-header-actions .btn{min-height:2.5rem;padding-inline:.8rem}.dashboard-recurring-btn,.dashboard-friends-btn,.dashboard-settings-btn,.dashboard-logout-btn{min-width:0;width:100%}.dashboard-logout-btn{grid-column:1 / -1}.dashboard-main-panel{min-height:auto}.dashboard-main{grid-template-columns:1fr}.dashboard-activity-wrap{max-height:52vh}}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.65rem;border:1px solid var(--border-color);border-radius:var(--radius-control);background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));box-shadow:var(--shadow-1)}.notification-dropdown-container{position:relative}.notification-button{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),color-mix(in srgb,var(--surface-secondary) 88%,transparent));border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:1.05rem;position:relative;padding:.45rem;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px color-mix(in srgb,var(--text-color) 8%,transparent);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.notification-button:hover{border-color:color-mix(in srgb,var(--accent-color) 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 66%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 34%,var(--surface-secondary)));color:var(--accent-color);transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--accent-color) 16%,transparent)}.notification-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:var(--surface-strong);border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.dropdown-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 1.5rem));max-height:min(520px,72vh);overflow-y:auto;z-index:1000}.dropdown-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.dropdown-header-copy{display:grid;gap:.28rem}.dropdown-header h3{margin:0;font-size:1.08rem}.dropdown-subtitle{margin:0;color:var(--text-color-secondary);font-size:.82rem;line-height:1.4}.connection-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:var(--radius-chip);border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-color-secondary);font-size:.76rem;font-weight:600;white-space:nowrap}.connection-status{height:9px;width:9px;background-color:var(--danger-color);border-radius:50%;display:inline-block}.connection-status-badge.is-connected{border-color:color-mix(in srgb,var(--success-color) 18%,var(--border-color));background:color-mix(in srgb,var(--success-color-soft) 72%,var(--surface-strong));color:var(--success-color)}.connection-status-badge.is-connected .connection-status{background-color:var(--success-color)}.notification-list{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.no-notifications{padding:1rem;text-align:center;color:var(--text-color-secondary)}.notification-content{flex-grow:1;min-width:0}.notification-actor{margin:0 0 .25rem;font-size:.9rem;color:var(--text-color-secondary)}.notification-task{margin:0;padding:.45rem;background:color-mix(in srgb,var(--accent-color-soft) 36%,var(--surface-secondary));border-left:3px solid var(--accent-color);border-radius:8px;color:var(--text-color)}.suggestion-message-preview{margin-top:.45rem;padding:.55rem .6rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-color) 16%,var(--border-color));background:color-mix(in srgb,var(--accent-color-soft) 44%,var(--surface-secondary));color:var(--text-color-secondary);font-size:.84rem;line-height:1.45}.notification-actions{display:flex;gap:.45rem;flex-shrink:0}.notification-actions .btn{padding:.35rem .55rem;font-size:.8rem;line-height:1.2}.dismiss-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:.9rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.dismiss-btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-secondary));color:var(--accent-color)}.dismiss-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;background-color:color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-secondary));color:var(--accent-color)}.notification-action-verb{font-weight:600;color:var(--accent-color)}.notification-item.is-suggestion{flex-direction:column;align-items:stretch}@media (max-width: 700px){.dropdown-panel{right:-.3rem}.dropdown-header{flex-direction:column}.notification-actions{width:100%}.notification-actions .btn{flex:1}.notification-item{padding:.7rem}}.friends-summary-card{display:flex;flex-direction:column;gap:1rem}.friends-summary-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.friends-summary-kicker{margin:0 0 .28rem;color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.friends-summary-header h2{margin:0;font-size:1.18rem}.friends-summary-copy{margin:.38rem 0 0;max-width:34rem;color:var(--text-color-secondary);line-height:1.5;font-size:.92rem}.friends-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.friends-summary-stat{display:flex;flex-direction:column;gap:.16rem;padding:.82rem .9rem;border-radius:var(--radius-control);border:1px solid var(--border-color);background:color-mix(in srgb,var(--accent-color-soft) 34%,var(--surface-secondary))}.friends-summary-value{font-size:1.3rem;font-weight:700;line-height:1}.friends-summary-label{color:var(--text-color-secondary);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.friends-summary-footer{padding-top:.15rem;border-top:1px solid var(--border-color)}.friends-summary-status{margin:0;color:var(--text-color-secondary);line-height:1.45;font-size:.88rem}@media (max-width: 760px){.friends-summary-header{flex-direction:column}.friends-summary-header .btn{width:100%}}.profile-panel-header{display:grid;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.profile-panel-kicker{margin:0 0 .35rem;color:var(--accent-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.profile-panel-title{margin:0;font-size:clamp(1.4rem,1.2rem + .9vw,2rem);line-height:1.1}.profile-panel-subtitle{margin:0;max-width:42rem;color:var(--text-color-secondary)}.profile-panel-state-card{min-height:10rem}.profile-panel-state-card-error{border-color:color-mix(in srgb,var(--danger-color) 22%,var(--border-strong))}.profile-panel-identity{display:flex;flex-direction:column;gap:.2rem;padding:.95rem 1rem;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:14px}.profile-panel-identity-label{color:var(--text-color-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.profile-panel-identity-value{font-size:1rem}.profile-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3)}.profile-panel-section{display:grid;gap:var(--spacing-2)}.profile-panel-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}.profile-panel-section-title{margin:0;font-size:1rem}.profile-panel-appearance-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.35rem;border-radius:14px;border:1px solid var(--border-color);background:var(--surface-secondary)}.profile-panel-appearance-option{border:1px solid transparent;border-radius:10px;padding:.7rem .9rem;min-height:2.85rem;background:transparent;color:var(--text-color-secondary);font-weight:600;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.profile-panel-appearance-option:hover{color:var(--text-color);background:color-mix(in srgb,var(--surface-strong) 72%,transparent)}.profile-panel-appearance-option:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.profile-panel-appearance-option.is-selected{color:var(--text-color);border-color:color-mix(in srgb,var(--accent-color) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-color-soft) 72%,var(--surface-strong)),color-mix(in srgb,var(--accent-color-soft) 36%,var(--surface-color)));box-shadow:inset 0 1px color-mix(in srgb,var(--surface-strong) 45%,transparent)}.profile-panel-help{margin:var(--spacing-2) 0 0;color:var(--text-color-secondary);font-size:.9rem}.profile-panel-error{margin:var(--spacing-3) 0 0;color:var(--danger-color);font-size:.92rem}.profile-panel-actions{display:flex;justify-content:flex-end}@media (max-width: 700px){.profile-panel-appearance-control{width:100%}.profile-panel-actions{justify-content:stretch}.profile-panel-actions .btn{width:100%}}@media (max-width: 520px){.profile-panel-appearance-control{grid-template-columns:1fr}}.settings-layout{width:min(920px,100%);margin:0 auto;padding:clamp(1rem,.5rem + 2vw,2.25rem)}.settings-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.settings-kicker{margin:0 0 .35rem;color:var(--accent-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.settings-title{margin:0;font-size:clamp(1.5rem,1.3rem + 1.1vw,2.25rem);line-height:1.1}.settings-subtitle{margin:.4rem 0 0;color:var(--text-color-secondary)}.settings-main{display:grid}@media (max-width: 700px){.settings-layout{padding:.75rem}.settings-header{align-items:stretch;flex-direction:column}.settings-header .btn{width:100%}}.recurring-history-modal{width:min(92vw,760px);max-width:760px;max-height:min(86vh,42rem);display:flex;flex-direction:column}.recurring-history-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.recurring-history-kicker{margin:0 0 .2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-secondary)}.recurring-history-header h3{margin:0 0 .35rem}.recurring-history-subtitle{margin:0;color:var(--text-color-secondary);font-size:.92rem}.recurring-history-body{overflow:auto}.recurring-history-list{display:flex;flex-direction:column;gap:.75rem}.recurring-history-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem;border-radius:var(--radius-control);border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));box-shadow:var(--shadow-1)}.recurring-history-item-topline{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-bottom:.3rem;font-size:.86rem;color:var(--text-color-secondary)}.recurring-history-item-task{font-size:.98rem}.recurring-history-photo-button{border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--surface-secondary);color:inherit;display:flex;flex-direction:column;align-items:center;gap:.45rem;cursor:pointer;padding:.45rem;transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.recurring-history-photo-button:hover,.recurring-history-photo-button:focus-visible{border-color:color-mix(in srgb,var(--accent-color) 24%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 48%,var(--surface-strong));box-shadow:var(--focus-ring)}.recurring-history-photo-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.recurring-history-thumbnail{width:68px;height:68px;border-radius:12px;object-fit:cover}.recurring-history-no-photo,.recurring-history-state{color:var(--text-color-secondary);font-size:.9rem}.recurring-history-state-error{color:var(--danger-color)}@media (max-width: 680px){.recurring-history-header,.recurring-history-item{flex-direction:column;align-items:flex-start}.recurring-history-photo-button{align-items:flex-start}}.recurring-panel{margin-bottom:1rem;padding:.85rem .95rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-card);background:linear-gradient(180deg,color-mix(in srgb,var(--success-color-soft) 46%,var(--surface-strong)),color-mix(in srgb,var(--success-color-soft) 18%,var(--surface-color)));box-shadow:var(--shadow-1)}.recurring-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.8rem}.recurring-panel-title{margin-bottom:.2rem}.recurring-panel-subtitle{margin:0;font-size:.88rem;color:var(--text-color-secondary);max-width:44rem}.recurring-panel-count{min-width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--success-color) 18%,transparent);background:color-mix(in srgb,var(--success-color-soft) 70%,var(--surface-strong));color:var(--text-color);font-weight:700}.recurring-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.recurring-card{border:1px solid var(--border-color);border-radius:var(--radius-control);background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));padding:.8rem;text-align:left;color:inherit;display:flex;flex-direction:column;gap:.45rem;box-shadow:var(--shadow-1);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.recurring-card:hover{border-color:color-mix(in srgb,var(--success-color) 34%,transparent);transform:translateY(-1px);box-shadow:var(--shadow-2)}.recurring-card-actions{display:flex;gap:.5rem;margin-top:.2rem}.recurring-card-topline,.recurring-card-meta,.recurring-card-stats{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center}.recurring-card-frequency,.recurring-card-private{font-size:.74rem;line-height:1;padding:.28rem .48rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-color-secondary)}.recurring-card-private{border-color:color-mix(in srgb,var(--warning-color) 18%,transparent);background:color-mix(in srgb,var(--warning-color-soft) 72%,var(--surface-strong));color:var(--warning-color)}.recurring-card-task{font-size:1rem;line-height:1.25}.recurring-card-meta,.recurring-card-stats,.recurring-panel-state{font-size:.84rem;color:var(--text-color-secondary)}.recurring-panel-state{margin:0}.recurring-panel-state-error{color:var(--danger-color)}@media (max-width: 760px){.recurring-panel-header{flex-direction:column}}.recurring-page-layout{width:min(1100px,100%);margin:0 auto;padding:clamp(1rem,.5rem + 2vw,2.25rem)}.recurring-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.recurring-page-kicker{margin:0 0 .35rem;color:var(--accent-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.recurring-page-title{margin:0;font-size:clamp(1.5rem,1.3rem + 1vw,2.15rem);line-height:1.1}.recurring-page-subtitle{margin:.45rem 0 0;color:var(--text-color-secondary);max-width:42rem}.recurring-page-main{min-height:360px}@media (max-width: 700px){.recurring-page-layout{padding:.75rem}.recurring-page-header{flex-wrap:wrap;align-items:center}}.friends-page{display:flex;flex-direction:column;gap:1.15rem}.friends-header{display:flex;justify-content:space-between;align-items:flex-end;gap:.9rem}.friends-header h2{font-size:clamp(1.15rem,1rem + .7vw,1.45rem);font-weight:700;margin:0}.friends-kicker{margin:0 0 .28rem;color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.friends-suggest-btn{white-space:nowrap}.friends-header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.friends-manage-btn{position:relative;display:inline-flex;align-items:center;gap:.45rem}.friends-manage-badge{min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:var(--danger-color);color:var(--surface-strong);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.friends-contagious-card{border:1px solid color-mix(in srgb,var(--accent-color) 18%,var(--border-color));border-radius:var(--radius-card);padding:.9rem 1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-color-soft) 78%,var(--surface-strong)),color-mix(in srgb,var(--surface-secondary) 84%,var(--surface-strong)));box-shadow:var(--shadow-1);position:relative;overflow:clip}.friends-contagious-card:before,.friends-sidebar:before,.friends-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 64%,transparent),transparent 36%);opacity:.78;pointer-events:none}.friends-contagious-prompt{margin:0;max-width:42rem;font-size:.92rem;line-height:1.45;color:var(--text-color)}.friends-body{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:1rem;align-items:start}.friends-body.is-empty{grid-template-columns:1fr}.friends-sidebar,.friends-detail{border:1px solid var(--border-color);border-radius:var(--radius-card);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color));padding:.95rem;box-shadow:var(--shadow-1);position:relative;overflow:clip}.friends-sidebar{display:flex;flex-direction:column;gap:.95rem}.friends-manage-modal{width:min(100%,34rem);max-width:34rem;max-height:min(82vh,42rem);overflow-y:auto}.friends-manage-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.friends-manage-modal-header h3{margin:.2rem 0 .35rem;font-size:1.15rem}.friends-manage-modal-copy{margin:0;color:var(--text-color-secondary);font-size:.9rem;line-height:1.45}.friends-sidebar-list{display:flex;flex-direction:column;gap:.75rem}.friends-section-heading{display:flex;flex-direction:column;gap:.25rem}.friends-section-heading h3,.friend-section-heading h4{margin:0;font-size:1.02rem;letter-spacing:-.012em}.friends-section-heading p,.friend-section-heading p{margin:0;color:var(--text-color-secondary);font-size:.82rem;line-height:1.45}.friends-empty-link{color:var(--accent-color)}.friends-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.friends-list-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.68rem .72rem;border-radius:var(--radius-control);border:1px solid var(--border-color);background:var(--surface-secondary);transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.friends-list-item:hover{background:color-mix(in srgb,var(--accent-color-soft) 56%,var(--surface-color-hover));border-color:color-mix(in srgb,var(--accent-color) 18%,transparent);transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--text-color) 8%,transparent)}.friends-list-item.selected,.friends-list-item:focus-within{background:color-mix(in srgb,var(--accent-color-soft) 78%,var(--surface-color-hover));border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);box-shadow:0 14px 28px color-mix(in srgb,var(--accent-color) 10%,transparent)}.friends-list-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.14rem;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;font-weight:600}.friends-list-name:focus-visible,.friends-list-remove:focus-visible,.add-friend-info-trigger:focus-visible,.pending-toggle-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-color) 58%,transparent);outline-offset:2px;box-shadow:var(--focus-ring)}.friends-list-display{font-size:.95rem;letter-spacing:.004em}.friends-list-handle{color:var(--text-color-secondary);font-size:.78rem;font-weight:500}.friends-list-remove{border:1px solid color-mix(in srgb,var(--danger-color) 16%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color-soft) 35%,var(--surface-strong)),var(--surface-secondary));color:var(--text-color-secondary);border-radius:var(--radius-chip);padding:.38rem .62rem;font-size:.76rem}.friends-list-remove:hover:not(:disabled){color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 34%,transparent);background:color-mix(in srgb,var(--danger-color-soft) 58%,var(--surface-color-hover))}.friend-todos-shell{display:flex;flex-direction:column;gap:1rem}.friend-todos-state{color:var(--text-color-secondary);margin:0}.friends-state-card,.friend-todos-state-card,.friends-inline-state,.friend-suggestions-empty-card{min-height:9.5rem}.friends-state-card-error{border-color:color-mix(in srgb,var(--danger-color) 22%,var(--border-strong))}.friend-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.friend-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.friend-overview-chip{display:flex;flex-direction:column;gap:.16rem;padding:.72rem .78rem;border-radius:var(--radius-control);border:1px solid var(--border-color);background:color-mix(in srgb,var(--accent-color-soft) 34%,var(--surface-secondary))}.friend-overview-value{font-size:1.02rem;font-weight:700;line-height:1}.friend-overview-label{color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.friend-detail-kicker{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-color-secondary);font-weight:700}.friend-detail-title{margin:.22rem 0 0;font-size:1.15rem}.friend-todos-seen{color:var(--success-color);margin:0;padding:.36rem .68rem;border-radius:var(--radius-chip);background:var(--success-color-soft);border:1px solid color-mix(in srgb,var(--success-color) 18%,transparent)}.friend-proof-section,.friend-open-section,.friend-completed-section,.friend-suggestions-shell{display:flex;flex-direction:column;gap:.7rem}.friend-section-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.friend-section-tab{display:inline-flex;align-items:center;gap:.45rem;min-height:2.3rem;padding:.5rem .78rem;border-radius:999px;border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));color:var(--text-color-secondary);font-size:.84rem;font-weight:600;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.friend-section-tab:hover{border-color:color-mix(in srgb,var(--accent-color) 24%,transparent);color:var(--text-color)}.friend-section-tab.is-active{background:color-mix(in srgb,var(--accent-color-soft) 78%,var(--surface-strong));border-color:color-mix(in srgb,var(--accent-color) 28%,transparent);color:var(--text-color);box-shadow:0 10px 20px color-mix(in srgb,var(--accent-color) 10%,transparent)}.friend-section-tab-count{min-width:1.35rem;height:1.35rem;padding:0 .32rem;border-radius:999px;background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700}.friend-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.friend-proof-card{overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color));box-shadow:var(--shadow-1);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.friend-proof-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--accent-color) 18%,transparent)}.friend-proof-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;cursor:pointer}.friend-proof-copy{padding:.75rem .8rem .85rem;display:flex;flex-direction:column;gap:.35rem}.friend-proof-status{margin:0;color:var(--text-color-secondary);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.friend-proof-task{margin:0;font-weight:600;line-height:1.4}.friend-proof-action{align-self:flex-start;margin-top:.25rem}.friend-todos-list,.friend-completed-list,.friend-suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.friend-scroll-panel{overflow-y:auto;padding-right:.2rem;scrollbar-gutter:stable both-edges}.friend-open-scroll{max-height:24.5rem}.friend-proof-scroll{max-height:22rem}.friend-completed-scroll,.friend-suggestions-scroll{max-height:18rem}.friend-todo-item,.friend-completed-item,.friend-suggestion-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--surface-secondary);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.friend-todo-item:hover,.friend-completed-item:hover,.friend-suggestion-item:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--text-color) 8%,transparent);border-color:color-mix(in srgb,var(--accent-color) 18%,transparent);background:color-mix(in srgb,var(--accent-color-soft) 34%,var(--surface-secondary))}.friend-todo-item.empty{flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem}.friend-empty-title{color:var(--text-color);font-size:.92rem;font-weight:700}.friend-empty-body{color:var(--text-color-secondary);font-size:.84rem;line-height:1.45}.friend-todo-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.friend-todo-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.friend-todo-support{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.friend-todo-pokes{display:flex;align-items:center}.friend-todo-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.friend-todo-secondary{background:linear-gradient(180deg,var(--surface-strong),var(--surface-secondary));min-width:4.5rem}.friend-todo-primary{min-width:4.75rem}.friend-todo-cooldown,.friend-suggestions-empty{margin:0;color:var(--text-color-secondary);font-size:.82rem}.friend-completed-item span{color:var(--text-color-secondary)}.friend-suggestions-title{margin:0;font-size:1rem}.friend-suggestion-main{flex:1;min-width:0}.friend-suggestion-select{margin-left:.45rem;min-width:min(100%,220px)}.friend-suggestion-preference-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.friend-suggestion-preference-label{color:var(--text-color-secondary);font-size:.82rem;font-weight:600}.friend-suggestion-task{margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-suggestion-item{align-items:flex-start}.friend-suggestion-meta{margin:.2rem 0 0;color:var(--text-color-secondary);font-size:.82rem}.friend-suggestion-message{margin:.35rem 0 0;padding:.55rem .65rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent-color) 14%,var(--border-color));background:color-mix(in srgb,var(--accent-color-soft) 42%,var(--surface-secondary));color:var(--text-color);font-size:.84rem;line-height:1.45}.friend-suggestion-status{flex-shrink:0;text-transform:capitalize;font-size:.75rem;padding:.14rem .52rem;border-radius:999px;border:1px solid transparent}.friend-suggestion-status.status-pending{background:var(--warning-color-soft);border-color:color-mix(in srgb,var(--warning-color) 26%,transparent);color:var(--warning-color)}.friend-suggestion-status.status-accepted{background:var(--success-color-soft);border-color:color-mix(in srgb,var(--success-color) 26%,transparent);color:var(--success-color)}.friend-suggestion-status.status-declined{background:var(--danger-color-soft);border-color:color-mix(in srgb,var(--danger-color) 26%,transparent);color:var(--danger-color)}.add-friend-form{margin-top:.2rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.add-friend-input{flex-grow:1;min-width:0}.add-friend-info-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.add-friend-info-trigger{width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-color-secondary);font-size:.85rem;font-weight:700;cursor:help}.add-friend-info-popover{position:absolute;top:calc(100% + .45rem);right:0;width:min(20rem,70vw);padding:.65rem .75rem;border-radius:var(--radius-control);border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color));color:var(--text-color-secondary);font-size:.8rem;line-height:1.4;box-shadow:var(--shadow-2);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;z-index:20}.add-friend-info-wrap:hover .add-friend-info-popover,.add-friend-info-wrap:focus-within .add-friend-info-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.pending-toggle-wrap{margin-top:.7rem}.pending-toggle-btn{font-size:.88rem}.friend-requests-panel{margin-top:.7rem;border:1px solid var(--border-color);padding:.8rem;border-radius:var(--radius-control);background:linear-gradient(180deg,var(--surface-strong),var(--surface-color))}.friend-requests-panel h4{margin:0 0 .6rem}.friend-request-validation{flex-basis:100%;margin:.25rem 0 0;color:var(--danger-color);font-size:.82rem}.friend-requests-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.friend-request-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--accent-color-soft) 52%,var(--surface-secondary))}.friend-request-actions{display:flex;gap:.45rem}.suggested-todos-queue{margin-bottom:.9rem}.suggested-queue-title{margin:0 0 .6rem;display:flex;align-items:center;gap:.5rem}.suggested-queue-count{background:var(--accent-color-soft);color:var(--accent-color);padding:.08rem .52rem;border-radius:var(--radius-chip);font-size:.75rem}.suggested-queue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.suggested-queue-item{border:1px dashed color-mix(in srgb,var(--accent-color) 34%,transparent);border-radius:var(--radius-control);padding:.7rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;background:color-mix(in srgb,var(--accent-color-soft) 48%,var(--surface-secondary))}.suggested-queue-task{margin:0;font-weight:700}.suggested-queue-meta{margin:.2rem 0 0;font-size:.85rem;color:var(--text-color-secondary)}.suggested-queue-actions{display:flex;gap:.4rem;flex-shrink:0}.suggested-queue-decline{background:transparent;color:var(--danger-color);border-color:color-mix(in srgb,var(--danger-color) 18%,var(--border-color))}.suggested-queue-decline:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger-color) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-color-soft) 72%,var(--surface-strong)),color-mix(in srgb,var(--danger-color-soft) 34%,var(--surface-secondary)));color:var(--danger-color);box-shadow:0 10px 20px color-mix(in srgb,var(--danger-color) 14%,transparent)}@media (max-width: 760px){.friends-header{flex-wrap:wrap;align-items:flex-start}.friends-header-actions,.friends-header-actions .btn,.friends-suggest-btn{width:100%}.friends-body,.friend-overview-stats{grid-template-columns:1fr}.friend-open-scroll,.friend-proof-scroll,.friend-completed-scroll,.friend-suggestions-scroll{max-height:none}.add-friend-form{flex-direction:column}.add-friend-form>*{width:100%}.add-friend-info-wrap{justify-content:flex-start}.add-friend-info-trigger{width:100%;min-height:2.8rem;border-radius:var(--radius-control);justify-content:center;display:inline-flex;align-items:center}.add-friend-info-popover{width:100%;left:0;right:auto}.friend-request-item{flex-direction:column;align-items:flex-start}.friend-request-actions{width:100%}.friend-request-actions .btn{flex:1}.friend-todo-item{flex-wrap:wrap}.friend-todo-actions{width:100%}.friend-todo-actions .btn{flex:1}.friend-todo-label{width:100%;white-space:normal}.friend-completed-item,.friend-suggestion-item{flex-direction:column;align-items:flex-start}.friend-proof-grid{grid-template-columns:1fr}.friend-completed-item .btn,.friend-suggestion-item .btn,.friend-suggestion-select{width:100%;min-width:0;margin-left:0}.friend-suggestion-task{white-space:normal}.suggested-queue-item{flex-direction:column;align-items:flex-start}.suggested-queue-actions{width:100%}.suggested-queue-actions .btn{flex:1}.friends-manage-modal-header{flex-direction:column}.friends-manage-modal-header .btn{width:100%}}.friends-page-layout{width:min(1280px,100%);margin:0 auto;padding:clamp(1rem,.5rem + 2vw,2.25rem)}.friends-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.friends-page-kicker{margin:0 0 .35rem;color:var(--accent-2);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.friends-page-title{margin:0;font-size:clamp(1.5rem,1.3rem + 1.1vw,2.25rem);line-height:1.1}.friends-page-subtitle{margin:.55rem 0 0;max-width:44rem;color:var(--text-color-secondary);line-height:1.5}.friends-page-main{display:flex;flex-direction:column;gap:1rem}@media (max-width: 700px){.friends-page-layout{padding:.75rem}.friends-page-header{flex-direction:column;align-items:stretch}.friends-page-header .btn{width:100%}}:root{font-family:Avenir Next,Avenir,SF Pro Text,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{background:var(--bg-color, #f4efe6)}body{margin:0;color:var(--text-color, #1f2b3d);line-height:1.5;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:.14em}a:focus-visible{outline:2px solid var(--accent-color, #236cc8);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-color-soft, rgba(35, 108, 200, .18));color:var(--text-color, #1f2b3d)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}