@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/publicsans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibmplexmono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibmplexmono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reenie Beanie;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/reeniebeanie-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-onBackground);background-color:var(--color-background);min-height:100vh;min-height:100dvh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-header)}:root{--note-h1-size: 1.5rem;--note-h2-size: 1.25rem;--note-h3-size: 1.1rem;--note-h1-weight: 700;--note-h2-h3-weight: 600;--note-blockquote-border: 3px solid var(--color-outlineVariant, #ccc);--note-blockquote-color: var(--color-textSecondary, #666)}.font-transcription{font-family:var(--font-family-mono)}.transcription-highlight,.task-word-highlight{background-color:color-mix(in srgb,var(--color-highlight) 35%,transparent);text-decoration:underline;text-decoration-color:var(--color-highlight);text-underline-offset:2px}select option{color:var(--color-text);background-color:var(--color-surface)}.auth-loading{padding:var(--spacing-lg);text-align:center;color:var(--color-textSecondary)}.loading-overlay-wrap{position:relative;width:100%;height:100%;min-height:0}.loading-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background-color:#ffffffbf;color:var(--color-onSurface);z-index:10;border-radius:inherit}@media (prefers-color-scheme: dark){.loading-overlay-backdrop{background-color:#00000080}}[data-theme=dark] .loading-overlay-backdrop{background-color:#00000080}.loading-overlay-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-outline);border-top-color:var(--color-primary, #2563eb);border-radius:50%;animation:loading-overlay-spin .8s linear infinite}@keyframes loading-overlay-spin{to{transform:rotate(360deg)}}.loading-overlay-text{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.auth-screen{max-width:24rem;margin:var(--spacing-lg) auto;padding:var(--spacing-md);background-color:var(--color-surface);color:var(--color-onSurface)}.auth-screen h1{margin-top:0;font-family:var(--font-family-header);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.auth-form input{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.auth-form input:focus{outline:none;border-color:var(--color-inputFocus);box-shadow:0 0 0 2px var(--color-inputFocus)}.auth-form button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-buttonText);background-color:var(--color-buttonPrimary);border:none;border-radius:var(--radius-md);cursor:pointer}.auth-form button:hover:not(:disabled){opacity:.9}.auth-form button:disabled{background-color:var(--color-buttonDisabled);cursor:not-allowed}.auth-error{color:var(--color-error);margin:0;font-size:var(--font-size-sm)}.auth-success-confirmation{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md)}.auth-success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-round);background-color:var(--color-success);color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-success-heading{margin:0;font-size:var(--font-size-lg);font-family:var(--font-family-header);color:var(--color-text)}.auth-success-message{margin:0;font-size:var(--font-size-sm);color:var(--color-textSecondary);text-align:center;line-height:var(--line-height-relaxed)}.auth-footer{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.auth-footer a{color:var(--color-primary);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-label-with-link{display:flex;justify-content:space-between;align-items:baseline;width:100%}.auth-inline-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-primary);text-decoration:none;transition:color .15s ease}.auth-inline-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;color:var(--color-textSecondary);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.auth-google-btn:hover:not(:disabled){background-color:var(--color-inputBackground)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.auth-google-btn svg{width:18px;height:18px}.auth-screen-welcome{text-align:center;padding-top:var(--spacing-lg);background-color:var(--color-background);color:var(--color-onBackground)}.auth-screen-welcome .auth-welcome-subtitle{color:var(--color-textSecondary)}.auth-login-illustration{width:100%;max-width:18rem;margin:0 auto var(--spacing-md);line-height:0;background-color:var(--color-background)}.auth-login-illustration img{display:block;width:100%;height:auto;transition:opacity .2s ease;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%)}.auth-welcome-title{margin-bottom:var(--spacing-xs)!important}.auth-welcome-subtitle{margin:0 0 var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-textSecondary)}@media (min-width: 768px){.auth-screen{max-width:28rem}.auth-login-illustration{max-width:20rem}}@media (min-width: 900px){.auth-screen{max-width:32rem}.auth-login-illustration{max-width:22rem}.auth-welcome-title{font-size:2rem!important}}.welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--color-background);color:var(--color-text)}.welcome-screen-inner{max-width:22rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.welcome-skip{align-self:flex-end;background:none;border:none;font-size:var(--font-size-sm);color:var(--color-textSecondary);cursor:pointer;padding:var(--spacing-xs) 0}.welcome-skip:hover{color:var(--color-primary);text-decoration:underline}.welcome-slides{position:relative;width:100%;min-height:14rem}.welcome-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.welcome-slide-active{position:relative;opacity:1;visibility:visible}.welcome-icon{border-radius:50%;margin-bottom:var(--spacing-lg)}.welcome-slide-illustration-wrap{width:100%;max-width:16rem;margin:0 auto var(--spacing-md);position:relative;display:flex;flex-direction:column;align-items:center}.welcome-speech-bubble{position:relative;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:-.5rem;background-color:var(--color-surface);color:var(--color-onSurface);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-outline);z-index:1;max-width:14rem;text-align:center}.welcome-speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.5rem solid transparent;border-top-color:var(--color-surface)}.welcome-slide-illustration{width:100%;max-width:16rem;margin:0 auto;line-height:0;background-color:var(--color-background)}.welcome-slide-illustration img{display:block;width:100%;height:auto;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%)}.welcome-slide-headline{font-family:var(--font-family-header);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm);text-align:center}.welcome-slide-subline{font-size:var(--font-size-md);color:var(--color-textSecondary);margin:0;text-align:center;line-height:var(--line-height-relaxed)}.welcome-dots{display:flex;gap:var(--spacing-sm);justify-content:center}.welcome-dot{width:.5rem;height:.5rem;border-radius:50%;border:none;padding:0;background-color:var(--color-outline);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.welcome-dot:hover{background-color:var(--color-outlineVariant)}.welcome-dot-active{background-color:var(--color-primary);transform:scale(1.2)}.welcome-cta{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-buttonText);background-color:var(--color-buttonPrimary);border:none;border-radius:var(--radius-md);cursor:pointer}.welcome-cta:hover{opacity:.95}.welcome-next{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);background:none;border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer}.welcome-next:hover{background-color:var(--color-primaryContainer);color:var(--color-onPrimaryContainer)}@media (min-width: 768px){.welcome-screen-inner{max-width:32rem}.welcome-slide-illustration-wrap,.welcome-slide-illustration{max-width:20rem}.welcome-slide-headline{font-size:2rem}.welcome-cta,.welcome-next{padding:var(--spacing-md) var(--spacing-xl)}}@media (min-width: 900px){.welcome-screen-inner{max-width:36rem}.welcome-slide-illustration-wrap,.welcome-slide-illustration{max-width:22rem}}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background);color:var(--color-onBackground)}.beta-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-xs));background:linear-gradient(90deg,rgba(var(--color-primary-rgb, 76, 175, 80),.15),rgba(var(--color-primary-rgb, 76, 175, 80),.08));font-size:var(--font-size-xs);color:var(--color-textSecondary);flex-shrink:0}.beta-banner-badge{padding:1px 6px;border-radius:var(--radius-full, 999px);background:var(--color-primary);color:var(--color-onPrimary, #fff);font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.app-shell-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-divider);background-color:var(--color-surface);flex-shrink:0}.app-shell-banner-text{flex:1;min-width:0;display:flex;flex-direction:row;align-items:baseline;gap:.375rem;white-space:nowrap;overflow:hidden}.app-shell-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text);flex-shrink:0}.app-shell-tagline{font-size:var(--font-size-sm);color:var(--color-textSecondary);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-user-menu{flex-shrink:0;position:relative}.app-shell-user-trigger{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:50%;background-color:var(--color-primaryContainer, #e8def8);color:var(--color-onPrimaryContainer, #1d192b);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer}.app-shell-user-trigger:hover{opacity:.9}.app-shell-user-avatar{line-height:1}.app-shell-user-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:12rem;padding:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant, rgba(0, 0, 0, .12));border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100}.app-shell-user-dropdown-email{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary);border-bottom:1px solid var(--color-divider);margin-bottom:var(--spacing-xs);word-break:break-all}.app-shell-user-dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;border-radius:var(--radius-sm);text-align:left;text-decoration:none;cursor:pointer}.app-shell-user-dropdown-item:hover{background-color:var(--color-surfaceVariant, rgba(0, 0, 0, .06))}.app-shell-user-dropdown-signout{color:var(--color-primary)}.app-shell-user-dropdown-signout:hover{background-color:var(--color-primaryContainer, rgba(0, 0, 0, .06))}.app-shell-main{flex:1;min-height:0;padding:var(--spacing-sm);background-color:var(--color-background);overflow-y:auto;-webkit-overflow-scrolling:touch}.overflow-menu{position:relative;display:inline-flex}.overflow-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--color-textSecondary);cursor:pointer}.overflow-menu-trigger:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.overflow-menu-icon{width:1.25rem;height:1.25rem}.overflow-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:13rem;padding:var(--spacing-xs);background-color:var(--color-surfaceVariant);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 12px #0006,0 1px 3px #0000004d;z-index:100}.overflow-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);background:none;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;line-height:1.3;transition:background-color .12s ease}.overflow-menu-item:hover:not(:disabled){background-color:#4a8f441f}.overflow-menu-item:active:not(:disabled){background-color:#4a8f4433}.overflow-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.overflow-menu-item:disabled{opacity:.5;cursor:not-allowed}.overflow-menu-item-icon{display:inline-flex;flex-shrink:0}.overflow-menu-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.overflow-menu-item-label{font-weight:var(--font-weight-medium, 500)}.overflow-menu-item-subtitle{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-textSecondary);font-weight:var(--font-weight-regular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-menu-item-badge{font-size:var(--font-size-xs);padding:0 5px;border-radius:var(--radius-full, 999px);background:var(--color-accent-light, rgba(var(--color-primary-rgb, 76, 175, 80), .15));color:var(--color-accent, var(--color-primary));font-weight:600;margin-left:var(--spacing-xs)}.overflow-menu-separator{height:1px;margin:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-outlineVariant)}.overflow-menu-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.overflow-menu-item-dot--green{background:var(--color-success)}.overflow-menu-item-dot--amber{background:var(--color-warning)}.overflow-menu-item-dot--red{background:var(--color-error)}.overflow-menu-item-dot--gray{background:var(--color-textDisabled)}.sync-badge{position:relative;display:inline-flex;flex-shrink:1;min-width:0}.sync-badge-trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid transparent;border-radius:var(--radius-round);cursor:pointer;min-width:0;color:var(--color-textSecondary);font-size:var(--font-size-xs);line-height:1;white-space:nowrap}.sync-badge-trigger:hover{background-color:var(--color-surfaceVariant);border-color:var(--color-outlineVariant)}.sync-badge-link-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px dashed var(--color-outlineVariant);border-radius:var(--radius-round);color:var(--color-textSecondary);font-size:var(--font-size-xs);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s;white-space:nowrap}.sync-badge-link-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-surfaceVariant)}.sync-badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--color-textSecondary)}.sync-badge-dot--ok{background-color:var(--color-success, #22c55e)}.sync-badge-dot--pending{background-color:var(--color-warning, #eab308)}.sync-badge-dot--error{background-color:var(--color-error, #ef4444)}.sync-badge-dot--disconnected{background-color:var(--color-textSecondary)}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}.sync-badge-dot--syncing{animation:sync-pulse 1.5s ease-in-out infinite}.sync-badge-label{font-size:var(--font-size-xs);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-badge-popover{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:16rem;max-width:20rem;padding:var(--spacing-md);background-color:var(--color-surfaceVariant);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 12px #0006,0 1px 3px #0000004d;z-index:100}.sync-badge-popover-row{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.sync-badge-popover-row:last-child{margin-bottom:0}.sync-badge-popover-ok{color:var(--color-textSecondary);font-size:var(--font-size-xs)}.sync-badge-popover-error{color:var(--color-error, #ef4444)}.sync-badge-popover-pending{color:var(--color-warning, #b89c30)}.sync-popover-status-row{display:flex;align-items:center;gap:6px;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.sync-popover-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-popover-dot--success{background:var(--color-success)}.sync-popover-dot--pending{background:var(--color-warning)}.sync-popover-dot--error{background:var(--color-error)}.sync-popover-dot--never{background:var(--color-textSecondary)}.sync-popover-status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-text)}.sync-popover-sep{color:var(--color-textSecondary)}.sync-popover-time{font-size:var(--font-size-xs);color:var(--color-textSecondary);white-space:nowrap}.sync-popover-file-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin:0 calc(-1 * var(--spacing-xs));text-decoration:none;border-radius:var(--radius-md);transition:background-color .12s ease}.sync-popover-file-link:hover{background:#4a8f441f}.sync-popover-file-link:active{background:#4a8f4433}.sync-popover-file-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-textSecondary)}.sync-popover-file-text{font-size:var(--font-size-sm);color:var(--color-primary);flex:1}.sync-popover-file-chevron{width:16px;height:16px;color:var(--color-textSecondary);flex-shrink:0}.sync-popover-divider{height:1px;background:var(--color-outlineVariant);margin:var(--spacing-xs) 0 var(--spacing-sm)}.sync-badge-popover-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.sync-badge-popover-actions .button-sm{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.sync-badge-sync-icon,.sync-badge-settings-icon{width:.875rem;height:.875rem;flex-shrink:0}.sync-badge-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-primary);border-radius:var(--radius-round);background:none;cursor:pointer;font-size:var(--font-size-xs);line-height:1;white-space:nowrap;transition:background-color .15s,color .15s}.sync-badge-cta--connect{color:var(--color-primary)}.sync-badge-cta--connect:hover{background-color:var(--color-primary);color:var(--color-onPrimary)}.sync-badge-cta--upgrade{color:var(--color-primary);border-style:dashed}.sync-badge-cta--upgrade:hover{background-color:var(--color-primary);color:var(--color-onPrimary);border-style:solid}.sync-badge-cta-icon{width:.875rem;height:.875rem;flex-shrink:0}.app-shell-bottom-nav{display:flex;justify-content:space-around;align-items:stretch;flex-shrink:0;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--color-divider);background-color:var(--color-surface)}.app-shell-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--color-textSecondary);text-decoration:none;transition:color .15s ease,background-color .15s ease}.nav-item-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.app-shell-bottom-nav .nav-item:hover{color:var(--color-primary)}.app-shell-bottom-nav .nav-item.active{color:var(--color-primary);font-weight:var(--font-weight-medium);background-color:var(--color-primaryContainer)}.app-shell-sidebar-nav{display:none}@media (min-width: 768px){.app-shell{display:grid;grid-template-rows:auto auto 1fr 10vh;grid-template-columns:14rem 1fr;grid-template-areas:"beta   beta" "header header" "nav    main" "nav    ad";min-height:0}.beta-banner{grid-area:beta}.app-shell-header{grid-area:header;padding:var(--spacing-sm) var(--spacing-lg)}.app-shell-title{font-size:var(--font-size-xl)}.app-shell-mobile-nav{display:none!important}.app-shell-sidebar-nav{display:flex;flex-direction:column;align-items:stretch;grid-area:nav;border-right:1px solid var(--color-divider);padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-xs);overflow-y:auto;background-color:var(--color-surface)}.app-shell-sidebar-nav .nav-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-textSecondary);text-decoration:none;text-align:left;border-radius:var(--radius-md);transition:color .15s ease,background-color .15s ease}.app-shell-sidebar-nav .nav-item:hover{background-color:var(--color-surfaceVariant)}.app-shell-sidebar-nav .nav-item.active{background-color:var(--color-primaryContainer);color:var(--color-primary);font-weight:var(--font-weight-medium)}.app-shell-sidebar-nav .nav-item-icon{width:1.125rem;height:1.125rem}.sidebar-section{display:flex;flex-direction:column}.sidebar-section-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-textSecondary);text-align:left;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;transition:color .15s ease,background-color .15s ease;width:100%}.sidebar-section-header:hover{background-color:var(--color-surfaceVariant)}.sidebar-section-header.active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.sidebar-section-header .nav-item-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.sidebar-chevron{width:.875rem;height:.875rem;margin-left:auto;flex-shrink:0;transition:transform .2s ease;opacity:.5}.sidebar-section-header.expanded .sidebar-chevron{transform:rotate(180deg)}.sidebar-section-items{display:flex;flex-direction:column;padding-left:1.5rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .2s ease,opacity .15s ease}.sidebar-section-items.expanded{max-height:500px;opacity:1}.sidebar-container-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.85rem;color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease,background-color .15s ease}.sidebar-container-item:hover{background-color:var(--color-surfaceVariant)}.sidebar-container-item.active{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);font-weight:var(--font-weight-medium)}.sidebar-container-icon{font-size:.9rem;flex-shrink:0}.sidebar-container-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-add-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8rem;color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.sidebar-add-item:hover{opacity:1;background-color:var(--color-surfaceVariant)}.app-shell-main{grid-area:main;min-width:0;min-height:0;padding:var(--spacing-md);overflow-y:auto}.ad-banner-slot{grid-area:ad;border-top:1px solid var(--color-divider);display:flex;flex-direction:column;min-height:0}.ad-banner-slot>*{flex:1;min-height:0}.ad-banner-upgrade{border-top:none;height:100%;justify-content:center}}.home-loading,.notes-loading,.todo-loading{color:var(--color-textSecondary)}.home-screen{padding-bottom:var(--spacing-sm);display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.home-launchpad-hero{text-align:center;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);max-width:36rem}.home-launchpad-hero h2{margin:0;font-size:var(--font-size-xl, 1.375rem);font-weight:var(--font-weight-medium);color:var(--color-textSecondary)}.home-search-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-md) var(--spacing-md);width:100%;max-width:28rem;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.home-search-bar:hover,.home-search-bar:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primaryFaded, rgba(76, 175, 80, .15));outline:none}.home-search-icon{color:var(--color-textSecondary);flex-shrink:0}.home-search-placeholder{color:var(--color-textSecondary);font-size:var(--font-size-base)}.home-action-grid{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:28rem;padding:0 var(--spacing-md)}.home-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);border:2px solid transparent;border-radius:var(--radius-lg, var(--radius-md));box-shadow:0 4px 16px #0000002e;cursor:pointer;transition:transform .1s ease-in-out,box-shadow .15s ease,border-color .15s ease;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;color:#fff}.home-action-card--note{background:linear-gradient(135deg,#1b4332,#2d6a4f);border-color:#40916c}.home-action-card--task{background:linear-gradient(135deg,#9d174d,#e6005c);border-color:#f472b6}.home-action-card--receipt{background:linear-gradient(135deg,#a66d1f,#d4952e);border-color:#e8a838}.home-action-card:hover{box-shadow:0 6px 24px #00000040}.home-action-card:active{transform:scale(.97);box-shadow:0 2px 8px #00000026}.home-action-card[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.home-action-card--expanded{box-shadow:0 6px 24px #00000040}.home-action-card--note.home-action-card--expanded{border-color:#95d5b2}.home-action-card--task.home-action-card--expanded{border-color:#fda4af}.home-action-card--receipt.home-action-card--expanded{border-color:#f0c060}.home-action-mascot{width:5rem;height:5rem;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #0003;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff26}.home-action-mascot svg{width:100%;height:100%}.home-action-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:#fff;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.home-action-context{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-xs, .75rem);color:#ffffffb3}.home-action-context:before{content:"→";font-size:.625rem}.home-action-suboptions{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs);animation:home-suboptions-in .2s ease}.home-action-suboption{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);background-color:#ffffff2e;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs, .8125rem);font-weight:var(--font-weight-semibold, 600);color:#fff;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.home-action-suboption:hover{background-color:#ffffff47;border-color:#ffffffb3;box-shadow:0 2px 6px #00000026}.home-action-suboption:active{background-color:#ffffff59}.home-action-suboption svg{flex-shrink:0}.home-action-suboption--processing{opacity:.6;pointer-events:none}@keyframes home-suboptions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.home-card-spinner{display:inline-block;width:.875rem;height:.875rem;border:2px solid var(--color-outlineVariant);border-top-color:var(--color-primary);border-radius:50%;animation:home-spin .8s linear infinite;flex-shrink:0}@keyframes home-spin{to{transform:rotate(360deg)}}.home-image-chooser-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#00000080;display:flex;align-items:center;justify-content:center}.home-image-chooser-panel{background-color:var(--color-surface);border-radius:var(--radius-lg, var(--radius-md));padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);min-width:16rem;max-width:20rem;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .2))}.home-image-chooser-panel h3{margin:0;font-size:var(--font-size-lg);text-align:center;color:var(--color-text)}.home-image-chooser-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);font-family:inherit;color:var(--color-text);transition:background-color .15s}.home-image-chooser-btn:hover{background-color:var(--color-surfaceVariant, var(--color-surface))}@media (min-width: 768px){.home-screen{max-width:56rem;margin:0 auto}.home-action-grid,.home-search-bar{max-width:32rem}.home-launchpad-hero{padding:var(--spacing-xxl, var(--spacing-xl)) var(--spacing-md) var(--spacing-lg)}}.auth-legal-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-sm)}.auth-legal-links a{color:var(--color-textSecondary);font-size:var(--font-size-sm);text-decoration:none;transition:color .15s ease}.auth-legal-links a:hover{color:var(--color-primary);text-decoration:underline}.auth-legal-divider{color:var(--color-textSecondary);font-size:var(--font-size-sm);opacity:.5}.legal-page{display:flex;flex-direction:column;height:100vh;min-height:100vh;background-color:var(--color-background)}.legal-page-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-outlineVariant);flex-shrink:0}.legal-page-header h1{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.legal-page-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background-color .15s ease}.legal-page-back:hover{background-color:var(--color-surfaceVariant)}.legal-page-iframe{flex:1;width:100%;min-height:0;border:none;background-color:var(--color-background)}.notebook-preview-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md)}.notebook-preview-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--notebook-preview-color, var(--color-primary));display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notebook-preview-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.notebook-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.notebook-preview-description{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.notebook-default-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;background:none;border:none;cursor:pointer;text-align:left;width:100%}.notebook-checkbox-box{width:1.25rem;height:1.25rem;border:2px solid var(--color-secondary);border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-onSecondary)}.notebook-checkbox-checked{background-color:var(--color-secondary)}.notebook-checkbox-labels{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notebook-checkbox-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.notebook-checkbox-desc{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.notebook-icon-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.notebook-icon-option{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-outlineVariant);background-color:var(--color-surfaceVariant);font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.notebook-icon-option:hover{background-color:var(--color-outlineVariant)}.notebook-icon-selected{background-color:var(--color-primaryContainer);border-color:var(--color-primary)}.notebook-color-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.notebook-color-option{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;text-shadow:0 0 1px rgba(0,0,0,.5)}.notebook-color-selected{border-color:var(--color-outline);box-shadow:0 0 0 2px var(--color-surface)}.notebook-modal-delete-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-outlineVariant)}.notebook-delete-warning{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.modal-panel-small{max-width:24rem}.modal-confirm-message{margin:0 0 var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);white-space:pre-line}.google-drive-section{margin-bottom:var(--spacing-lg)}.google-drive-section-label{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold, 700);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.google-drive-sheet-link{display:inline-block;font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:underline;word-break:break-all}.google-drive-collapsible{margin-top:var(--spacing-sm)}.google-drive-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surfaceVariant);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .15s}.google-drive-collapsible-header:hover{background:var(--color-primaryContainer)}.google-drive-collapsible-title{font-weight:var(--font-weight-medium, 500)}.google-drive-chevron{width:18px;height:18px;flex-shrink:0;transition:transform .2s ease;color:var(--color-textSecondary)}.google-drive-chevron[data-expanded=true]{transform:rotate(180deg)}.google-drive-collapsible-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease;padding:0 var(--spacing-sm)}.google-drive-collapsible-content[data-expanded=true]{max-height:30rem;opacity:1;padding:var(--spacing-sm)}.google-drive-helper{font-size:var(--font-size-xs);color:var(--color-textSecondary);margin:var(--spacing-xs) 0 var(--spacing-sm)}.google-drive-sync-fields-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.google-drive-sync-fields-list li{display:flex;align-items:center}.google-drive-last-synced{font-size:var(--font-size-xs);color:var(--color-textSecondary);margin-top:var(--spacing-sm)}.google-drive-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-outlineVariant);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.sheets-sync-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-outlineVariant)}.sheets-sync-status-info{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.sheets-sync-status-time{margin:0;font-size:var(--font-size-sm);color:var(--color-textSecondary)}.sheets-sync-setting-row{margin-bottom:var(--spacing-md)}.button-text-danger{background:none;border:none;color:var(--color-error);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .15s;text-align:center}.button-text-danger:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.button-text-danger:disabled{opacity:.5;cursor:not-allowed}.button-primary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-buttonText);background-color:var(--color-buttonPrimary);border:none;border-radius:var(--radius-md);cursor:pointer}.button-primary:hover:not(:disabled){opacity:.9}.button-primary:disabled{opacity:.7;cursor:not-allowed}.button-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer}.button-secondary:hover{opacity:.9}.button-danger{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-onError, #fff);background-color:var(--color-error);border:none;border-radius:var(--radius-md);cursor:pointer}.button-danger:hover:not(:disabled){opacity:.9}.button-danger:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-overlay--blocking{background-color:#000000a6;cursor:not-allowed}.modal-overlay--blocking .modal-panel{cursor:default}@media (max-width: 599px){.modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.modal-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh}}.modal-panel{background-color:var(--color-card, var(--color-surface));color:var(--color-onSurface);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:28rem;width:100%;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.note-form-modal{position:relative;display:flex;flex-direction:column;overflow:hidden}.note-form-modal .loading-overlay-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.note-form-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;flex-shrink:0;margin-bottom:var(--spacing-md)}.note-form-modal-header h3{margin:0}.note-form-modal-header .modal-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.note-form-modal .modal-form{flex:1 1 auto;min-height:0;overflow-y:auto;margin-bottom:0}.task-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.task-edit-panel{position:fixed;top:0;right:0;bottom:0;width:60%;max-width:40rem;background-color:var(--color-surface);box-shadow:-4px 0 20px #00000026;overflow-y:auto;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column}.task-edit-panel--open{transform:translate(0)}@media (max-width: 767px){.task-edit-panel{top:3rem;right:0;left:0;bottom:0;width:100%;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%)}.task-edit-panel--open{transform:translateY(0)}}.task-edit-panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-divider, var(--color-outlineVariant))}.task-edit-panel-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-edit-panel .modal-form{padding:var(--spacing-lg);flex:1;gap:var(--spacing-md)}.task-metadata-section{border-top:1px solid var(--color-outlineVariant);padding-top:var(--spacing-xs)}.task-field-row{display:grid;grid-template-columns:1.25rem 1fr;gap:0 var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-outlineVariant);align-items:start}.task-field-row:last-child{border-bottom:none}.task-field-icon{width:1.25rem;height:1.25rem;color:var(--color-textSecondary);flex-shrink:0;margin-top:1px}.task-field-content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.task-field-content .modal-field{gap:var(--spacing-xs)}.task-date-hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:none}.task-form-priority-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.task-form-priority-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary);background-color:var(--color-surfaceVariant);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;font-family:inherit}.task-form-priority-btn:hover{color:var(--color-onSurface)}.task-form-priority-btn.active{color:var(--color-primary);background-color:var(--color-surface);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.task-form-linked-note{margin-top:var(--spacing-sm)}.task-form-linked-note-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.task-form-linked-note-title{flex:1 1 auto;min-width:0;font-size:var(--font-size-sm);color:var(--color-textSecondary)}.todo-link-notebook-select,.notes-select-list-for-task{width:100%;max-width:20rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);font-family:inherit}.todo-link-notes-list{list-style:none;padding:0;margin:0;max-height:12rem;overflow-y:auto;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md)}.todo-link-note-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-md);font-family:inherit;color:var(--color-onSurface);background:transparent;border:none;border-bottom:1px solid var(--color-outlineVariant);cursor:pointer}.todo-link-note-option:hover{background-color:var(--color-surfaceVariant)}.todo-link-notes-empty{padding:var(--spacing-md);color:var(--color-textSecondary);font-size:var(--font-size-sm)}.notes-card-main .notes-card-create-task-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:1px solid var(--color-primary);cursor:pointer;color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);font-family:inherit;align-self:flex-start}.notes-card-main .notes-card-create-task-btn:hover{background-color:var(--color-primaryContainer, rgba(0, 0, 0, .04));border-color:var(--color-primary);color:var(--color-primary)}.notes-card-main .notes-card-create-task-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notes-card-create-task-label{white-space:nowrap}.notes-card-linked-tasks{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-textSecondary);margin-top:var(--spacing-xs)}.notes-card-linked-tasks-label{font-weight:var(--font-weight-medium);display:block}.notes-card-linked-tasks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.notes-card-linked-task-item{display:block}.notes-card-linked-task-link{font-style:italic;color:var(--color-primary);text-decoration:underline;cursor:pointer}.notes-card-linked-task-link:hover{color:var(--color-primary);text-decoration:underline;opacity:.9}.note-form-linked-tasks-list{list-style:none;padding:0;margin:0}.note-form-linked-task-item{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-outlineVariant)}.note-form-linked-task-item:last-child{border-bottom:none}.note-form-linked-task-title{flex:1 1 auto;min-width:0;font-size:var(--font-size-sm)}.note-form-unlink-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-textSecondary);font-size:1.25rem;line-height:1;cursor:pointer;font-family:inherit}.note-form-unlink-btn:hover{color:var(--color-error, #b91c1c);background-color:var(--color-surfaceVariant)}.note-form-unlink-icon{display:block;font-weight:300}.note-form-linked-tasks-empty{font-size:var(--font-size-sm);color:var(--color-textSecondary);margin:0}.note-form-create-task-btn{margin-bottom:var(--spacing-sm)}.task-card-linked-note{flex-basis:100%;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.task-card-linked-note-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}.task-card-linked-note-btn:hover{color:var(--color-primary)}@media (min-width: 600px){.note-form-modal{max-width:36rem}}@media (min-width: 900px){.note-form-modal{max-width:48rem}.note-form-modal .note-form-rich-editor{min-height:14rem}.note-form-modal .note-form-rich-editor .ProseMirror,.note-form-modal .note-form-rich-editor .rich-text-editor-inner{min-height:12rem}.note-form-modal .note-form-plain-textarea{min-height:14rem}}@media (min-width: 1200px){.note-form-modal{max-width:56rem}.note-form-modal .note-form-rich-editor{min-height:18rem}.note-form-modal .note-form-rich-editor .ProseMirror,.note-form-modal .note-form-rich-editor .rich-text-editor-inner{min-height:16rem}}@media (min-width: 900px){.task-edit-panel .note-form-rich-editor{min-height:8rem}}.button-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.modal-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-textSecondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.modal-close-btn:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.note-selection-modal{max-width:36rem;display:flex;flex-direction:column;overflow:hidden}.note-selection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.note-selection-header h3{margin:0}.note-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.note-selection-count{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.note-selection-actions{display:flex;gap:var(--spacing-xs)}.note-selection-settings{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.note-selection-strictness-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.note-selection-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.note-selection-strictness-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.note-selection-strictness-select:focus{outline:none;border-color:var(--color-inputFocus)}.note-selection-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.note-selection-cost{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--font-size-sm)}.note-selection-cost-amount{font-weight:var(--font-weight-bold);color:var(--color-text)}.note-selection-cost-details{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.note-selection-list{overflow-y:auto;max-height:40vh;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.note-selection-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background-color .15s}.note-selection-card:hover{background-color:var(--color-surfaceVariant)}.note-selection-card-selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.note-selection-checkbox{margin-top:2px;flex-shrink:0;accent-color:var(--color-primary)}.note-selection-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.note-selection-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-selection-preview{font-size:var(--font-size-xs);color:var(--color-textSecondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-selection-date{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.todo-review-modal{max-width:36rem;display:flex;flex-direction:column;overflow:hidden}.todo-review-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.todo-review-header h3{margin:0}.todo-review-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.todo-review-count{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.todo-review-actions{display:flex;gap:var(--spacing-xs)}.todo-review-list-select-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.todo-review-list-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.todo-review-list-select{flex:1;min-width:8rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.todo-review-list-select:focus{outline:none;border-color:var(--color-inputFocus)}.todo-review-list{overflow-y:auto;max-height:40vh;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.todo-review-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background-color .15s}.todo-review-card:hover{background-color:var(--color-surfaceVariant)}.todo-review-card-selected{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}.todo-review-checkbox{margin-top:2px;flex-shrink:0;accent-color:var(--color-primary)}.todo-review-card-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.todo-review-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.todo-review-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);flex:1;min-width:0}.todo-review-description{font-size:var(--font-size-xs);color:var(--color-textSecondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.todo-review-source{font-size:var(--font-size-xs);color:var(--color-textSecondary);font-style:italic}.todo-review-priority{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:1px var(--spacing-xs);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.todo-review-priority-high{background-color:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.todo-review-priority-medium{background-color:color-mix(in srgb,#f59e0b 15%,transparent);color:#b45309}[data-theme=dark] .todo-review-priority-medium{color:#fbbf24}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .todo-review-priority-medium{color:#fbbf24}}.todo-review-priority-low{background-color:color-mix(in srgb,#22c55e 15%,transparent);color:#15803d}[data-theme=dark] .todo-review-priority-low{color:#4ade80}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .todo-review-priority-low{color:#4ade80}}.todo-review-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.todo-review-empty-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.todo-review-empty-description{font-size:var(--font-size-sm);color:var(--color-textSecondary)}@media (min-width: 768px){.note-selection-modal,.todo-review-modal{max-width:40rem}}@media (min-width: 1200px){.note-selection-modal,.todo-review-modal{max-width:48rem}}.modal-panel h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.modal-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.modal-form input,.modal-form textarea{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);font-family:inherit}.modal-form textarea{resize:vertical;min-height:4rem}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:var(--color-inputFocus)}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.modal-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.note-form-content-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.note-form-rich-text-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-textSecondary);cursor:pointer}.note-form-rich-text-toggle input{margin:0}.note-form-plain-textarea{width:100%;min-height:8rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);resize:vertical}.note-form-plain-textarea:focus{outline:none;border-color:var(--color-inputFocus)}.note-form-rich-editor{min-height:8rem;font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);overflow:hidden}.note-form-rich-editor:focus-within{border-color:var(--color-inputFocus);outline:none}.rich-text-editor-toolbar{display:flex;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surfaceVariant, #f5f5f5);border-bottom:1px solid var(--color-inputBorder)}.rich-text-editor-toolbar-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-onSurface);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.rich-text-editor-toolbar-btn:hover:not(:disabled){background-color:#0000000f}.rich-text-editor-toolbar-btn.is-active,.rich-text-editor-toolbar-btn[aria-pressed=true]{background-color:var(--color-primaryContainer, #e8def8);color:var(--color-onPrimaryContainer, #1d192b);outline:2px solid var(--color-primary, #4a7c59);outline-offset:-2px}.rich-text-editor-toolbar-btn:disabled{opacity:.6;cursor:not-allowed}.rich-text-editor-toolbar-sep{width:1px;height:1.25rem;background-color:var(--color-outlineVariant, #ccc);margin:0 var(--spacing-xs);flex-shrink:0}.rich-text-editor-toolbar-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.compact-toolbar{display:flex;align-items:center;gap:4px;height:36px;padding:0 var(--spacing-sm);background-color:var(--color-surfaceVariant, #f5f5f5);border-bottom:1px solid var(--color-inputBorder)}.compact-toolbar .rich-text-editor-toolbar-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0}.compact-toolbar-aa-wrap{position:relative}.compact-toolbar-aa-btn{display:inline-flex!important;align-items:center;gap:0;min-width:40px;width:auto!important}.compact-toolbar-aa-popover{position:absolute;top:100%;left:0;z-index:50;display:flex;flex-direction:column;max-width:200px;min-width:160px;background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs) 0 var(--spacing-sm);margin-top:2px}.compact-toolbar-aa-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-onSurface);text-align:left;width:100%}.compact-toolbar-aa-item:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.compact-toolbar-aa-item.is-active{color:var(--color-primary);font-weight:600}.compact-toolbar-aa-item:disabled{opacity:.6;cursor:not-allowed}.compact-toolbar-aa-item-label{flex:1}.note-form-rich-editor{display:flex;flex-direction:column;flex:1}.note-form-rich-editor .ProseMirror,.note-form-rich-editor .rich-text-editor-inner{min-height:7rem;padding:var(--spacing-sm) var(--spacing-md);outline:none}.note-form-rich-editor .ProseMirror p,.note-form-rich-editor .rich-text-editor-inner p{margin:0 0 .5em}.note-form-rich-editor .ProseMirror p:last-child,.note-form-rich-editor .rich-text-editor-inner p:last-child{margin-bottom:0}.note-form-rich-editor .ProseMirror ul,.note-form-rich-editor .ProseMirror ol,.note-form-rich-editor .rich-text-editor-inner ul,.note-form-rich-editor .rich-text-editor-inner ol{margin:.5em 0;padding-left:1.5em}.note-form-rich-editor .ProseMirror h1,.note-form-rich-editor .rich-text-editor-inner h1{font-size:var(--note-h1-size);font-weight:var(--note-h1-weight);margin:.75em 0 .25em}.note-form-rich-editor .ProseMirror h2,.note-form-rich-editor .rich-text-editor-inner h2{font-size:var(--note-h2-size);font-weight:var(--note-h2-h3-weight);margin:.6em 0 .2em}.note-form-rich-editor .ProseMirror h3,.note-form-rich-editor .rich-text-editor-inner h3{font-size:var(--note-h3-size);font-weight:var(--note-h2-h3-weight);margin:.5em 0 .2em}.note-form-rich-editor .ProseMirror blockquote,.note-form-rich-editor .rich-text-editor-inner blockquote{margin:.5em 0;padding-left:1em;border-left:var(--note-blockquote-border);color:var(--note-blockquote-color)}.note-form-rich-editor .ProseMirror p.is-editor-empty:first-child:before,.note-form-rich-editor .rich-text-editor-inner p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-textSecondary, #6c757d);float:left;height:0;pointer-events:none}.tag-chip-selected,.notes-card-tag,.task-card-tag{font-size:var(--font-size-sm);font-weight:700;padding:4px 12px;border-radius:9999px;border:1px solid transparent;transition:all .2s ease}.tag-chip-selected,.notes-card-tag{background:#1b43321a;border-color:#1b4332;color:#1b4332}[data-theme=dark] .tag-chip-selected,[data-theme=dark] .notes-card-tag{background:#1b433226;color:#97ccb6}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .tag-chip-selected,:root:not([data-theme=light]) .notes-card-tag{background:#1b433226;color:#97ccb6}}.tag-chip-selected:hover,.notes-card-tag:hover{box-shadow:0 0 8px #1b433266}.task-card-tag{background:#e6005c1a;border-color:#e6005c;color:#e6005c}[data-theme=dark] .task-card-tag{background:#e6005c26;color:#ff99c2}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .task-card-tag{background:#e6005c26;color:#ff99c2}}.task-card-tag:hover{box-shadow:0 0 8px #e6005c66}.tag-chip-selected{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.tag-chip-selected:hover{background:#1b433240;color:#1b4332;border-color:#1b4332;box-shadow:0 0 8px #1b433266}[data-theme=dark] .tag-chip-selected:hover{background:#1b43324d;color:#97ccb6}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .tag-chip-selected:hover{background:#1b43324d;color:#97ccb6}}.note-form-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-chip-remove{padding:0 var(--spacing-xs);margin:0;font-size:1.125rem;line-height:1;background:none;border:none;cursor:pointer;opacity:.85;color:inherit;border-radius:var(--radius-round, 9999px)}.tag-chip-remove:hover{opacity:1;background-color:#0000001a}.note-form-tag-autocomplete .note-form-tag-search-wrap{position:relative}.note-form-tag-autocomplete .note-form-tag-search-wrap input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.note-form-tag-autocomplete .note-form-tag-search-wrap input:focus{outline:none;border-color:var(--color-inputFocus)}.note-form-tag-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:12rem;overflow-y:auto;z-index:10}.note-form-tag-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;border-bottom:1px solid var(--color-outlineVariant);cursor:pointer}.note-form-tag-option:last-child{border-bottom:none}.note-form-tag-option:hover{background-color:var(--color-surfaceVariant)}.note-form-tag-create-new{color:var(--color-primary);font-weight:var(--font-weight-medium)}.note-form-tag-create-new:hover{background-color:var(--color-primaryContainer)}.category-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-xs) 0 0 0;padding:0;list-style:none;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;max-height:12rem;overflow-y:auto;z-index:10}.category-autocomplete-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;border-bottom:1px solid var(--color-outlineVariant);cursor:pointer}.category-autocomplete-option:last-child{border-bottom:none}.category-autocomplete-option:hover,.category-autocomplete-option--active{background-color:var(--color-surfaceVariant)}.form-attachments{margin-top:var(--spacing-md)}.form-attachments-subtitle{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.form-attachment-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.form-attachment-btn{flex:1;min-width:8rem}.form-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.form-attachment-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;margin-top:var(--spacing-sm);-webkit-overflow-scrolling:touch}.form-attachment-thumbnails::-webkit-scrollbar{height:4px}.form-attachment-thumbnails::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:var(--radius-round)}.form-attachment-item{position:relative;flex-shrink:0;width:5rem;height:5rem;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surfaceVariant);border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;outline:none}.form-attachment-item:hover{border-color:var(--color-primary)}.form-attachment-item:focus-visible{border-color:var(--color-inputFocus);box-shadow:0 0 0 2px var(--color-inputFocus)}.form-attachment-item--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.form-attachment-selected-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;pointer-events:none}.form-attachment-checkmark{width:1.5rem;height:1.5rem;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-buttonText);box-shadow:0 1px 4px #00000040}.form-extract-text-btn{width:100%;margin-top:var(--spacing-xs)}.form-extract-text-btn:disabled{cursor:not-allowed;opacity:.55}.form-attachment-selection-hint{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);margin:0;padding:var(--spacing-xs) 0}.form-attachment-thumbnails--selecting .form-attachment-item{cursor:pointer}.form-attachment-thumbnails--selecting .form-attachment-item:not(.form-attachment-item--selected){border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.form-attachment-thumbnails--selecting .form-attachment-item:not(.form-attachment-item--selected):hover{border-color:var(--color-primary)}.form-attachment-action-row{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.form-attachment-cancel{background:none;border:none;color:var(--color-textSecondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) 0;text-align:center;text-decoration:underline;-webkit-tap-highlight-color:transparent}.form-attachment-cancel:hover{color:var(--color-text)}.form-attachment-cancel:disabled{opacity:.5;cursor:default}.form-attachment-thumb{width:100%;height:100%;object-fit:cover;display:block}.form-attachment-file-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-xs);text-align:center;overflow:hidden;background:var(--color-surface-variant)}.form-attachment-file-icon{font-size:1.5rem;line-height:1}.form-attachment-file-name{font-size:.6rem;line-height:1.2;color:var(--color-text);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.form-attachment-file-size{font-size:.55rem;color:var(--color-text-secondary);margin-top:1px}.form-attachment-remove{position:absolute;top:2px;right:2px;width:1.25rem;height:1.25rem;padding:0;font-size:1rem;line-height:1;border:none;border-radius:var(--radius-round);background-color:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-attachment-remove:hover{background-color:var(--color-error, #b3261e)}.note-form-new-tag{display:flex;gap:var(--spacing-sm);align-items:center}.note-form-new-tag input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.note-form-new-tag input:focus{outline:none;border-color:var(--color-inputFocus)}.collections-screen{padding-bottom:var(--spacing-lg);padding-left:var(--spacing-md);padding-right:var(--spacing-md);position:relative}.collections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.collections-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.collections-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.collections-sort-toggle{display:flex;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.collections-sort-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);background:var(--color-surface);color:var(--color-textSecondary);border:none;cursor:pointer;transition:background .15s,color .15s}.collections-sort-btn--active{background:var(--color-primary);color:var(--color-primaryContrast, #fff)}.collections-loading{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) 0}.collections-empty{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) var(--spacing-md)}.collections-section{margin-bottom:var(--spacing-lg)}.collections-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.collections-list{display:flex;flex-direction:column;gap:2px}.collections-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:background .15s}.collections-row:hover,.collections-row:focus-visible{background:var(--color-surfaceHover, var(--color-border));outline:none}.collections-row-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.collections-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.collections-row-name{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collections-row-meta{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.collections-row-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);white-space:nowrap;font-weight:500}.collections-row-badge--notebook{background:var(--color-primary-light, #e8f5e9);color:var(--color-primary, #4caf50)}.collections-row-badge--task_list{background:var(--color-accent-light, #fce4ec);color:var(--color-accent, #e91e63)}.collections-row-edit{background:none;border:none;cursor:pointer;color:var(--color-textSecondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s}.collections-row:hover .collections-row-edit,.collections-row-edit:focus-visible{opacity:1}.collections-fab{position:fixed;bottom:calc(56px + var(--spacing-md) + env(safe-area-inset-bottom,0px));right:var(--spacing-md);width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-primaryContrast, #fff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .15s,box-shadow .15s;z-index:100}.app-shell:has(.ad-banner-slot) .collections-fab{bottom:calc(56px + 10vh + var(--spacing-md) + env(safe-area-inset-bottom,0px))}.collections-fab:hover{transform:scale(1.08);box-shadow:0 6px 16px #00000040}.collections-fab:active{transform:scale(.95)}@media (min-width: 600px){.collections-fab{display:none}}.creation-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:flex-end;justify-content:center}.creation-sheet{width:100%;max-width:28rem;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .25s ease-out}.creation-sheet--open{transform:translateY(0)}.creation-sheet-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.creation-sheet-action{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background-color .15s;text-align:left}.creation-sheet-action:hover{background:var(--color-surfaceVariant)}.creation-sheet-action:active{background:var(--color-primaryContainer)}.creation-sheet-action-icon{width:24px;height:24px;flex-shrink:0;color:var(--color-primary)}.creation-sheet-action-label{flex:1}.split-create-wrap{display:inline-flex;align-items:stretch;position:relative;flex-shrink:0}.split-create-main{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);height:36px;border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:1px solid rgba(255,255,255,.2);white-space:nowrap}.split-create-main svg{width:1rem;height:1rem;flex-shrink:0}.split-create-chevron{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;padding:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.split-create-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:12rem;background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;padding:var(--spacing-xs)}.split-create-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:background-color .15s}.split-create-dropdown-item:hover{background:var(--color-surfaceVariant)}.split-create-dropdown-item svg{color:var(--color-primary);flex-shrink:0}@media (max-width: 599px){.collections-screen{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (min-width: 600px){.collections-screen{max-width:42rem;margin:0 auto}}@media (min-width: 768px){.collections-screen{max-width:54rem}}.stash-screen{padding-bottom:var(--spacing-lg);padding-left:var(--spacing-md);padding-right:var(--spacing-md);position:relative}.stash-loading{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) 0}.stash-empty{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) var(--spacing-md)}.stash-section{margin-bottom:var(--spacing-lg)}.stash-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.stash-list{display:flex;flex-direction:column;gap:2px}.stash-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:background .15s}.stash-row:hover,.stash-row:focus-visible{background:var(--color-surfaceHover, var(--color-border));outline:none}.stash-row-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.stash-row-info{flex:1;min-width:0;display:flex;flex-direction:column}.stash-row-name{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stash-row-meta{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.stash-row-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);white-space:nowrap;font-weight:500}.stash-row-badge--receipt_collection{background:var(--color-primary-light, #e8f5e9);color:var(--color-primary, #4caf50)}.stash-row-badge--custom{background:var(--color-accent-light, #fce4ec);color:var(--color-accent, #e91e63)}.stash-row-fields-btn,.stash-row-edit{background:none;border:none;cursor:pointer;color:var(--color-textSecondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s}.stash-row:hover .stash-row-fields-btn,.stash-row-fields-btn:focus-visible,.stash-row:hover .stash-row-edit,.stash-row-edit:focus-visible{opacity:1}@media (max-width: 599px){.stash-screen{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (min-width: 600px){.stash-screen{max-width:42rem;margin:0 auto}}@media (min-width: 768px){.stash-screen{max-width:54rem}}.record-list-screen{padding-bottom:var(--spacing-lg);padding-left:var(--spacing-md);padding-right:var(--spacing-md);position:relative}.record-list-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin-bottom:0}.record-list-back-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-textSecondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);flex-shrink:0;transition:color .15s,background-color .15s}.record-list-back-btn:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.record-list-header-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.record-list-header-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.record-list-header-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-list-header-type-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);white-space:nowrap;font-weight:500;background:var(--color-accent-light, #fce4ec);color:var(--color-accent, #e91e63)}.record-list-scan-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primaryContrast, #fff);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s;flex-shrink:0}.record-list-scan-btn:hover:not(:disabled){opacity:.9}.record-list-scan-btn:active:not(:disabled){transform:scale(.97)}.record-list-scan-btn:disabled{opacity:.6;cursor:not-allowed}.record-list-sync-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;color:var(--color-textSecondary);padding:var(--spacing-sm);flex-shrink:0;transition:color .15s,border-color .15s,background-color .15s}.record-list-sync-btn:hover{color:var(--color-text);border-color:var(--color-primary);background-color:var(--color-surfaceVariant)}.record-list-sync-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:var(--color-primary)}.record-list-view-switcher{display:flex;gap:2px;margin-left:var(--spacing-xs);background:var(--color-surfaceVariant, #e0e0e0);border-radius:var(--radius-sm, 6px);padding:2px}.record-list-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-xs, 4px);background:transparent;color:var(--color-textSecondary);cursor:pointer;transition:background .15s ease,color .15s ease}.record-list-view-btn:hover{background:#0000000f}.record-list-view-btn.active{background:var(--color-surface, #fff);color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.record-card-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}@media (min-width: 600px){.record-card-grid{grid-template-columns:repeat(2,1fr)}}.record-list-loading{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) 0}.record-list-empty{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) var(--spacing-md)}.record-list-cards{display:flex;flex-direction:column;gap:var(--spacing-sm)}.record-list-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg)}.record-list-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.record-list-table-th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surfaceVariant);border-bottom:1px solid var(--color-outlineVariant);white-space:nowrap}.record-list-table-th--actions{width:5rem;text-align:right}.record-list-table-row{transition:background-color .15s}.record-list-table-row:hover{background-color:var(--color-surfaceVariant)}.record-list-table-row:not(:last-child) .record-list-table-td{border-bottom:1px solid var(--color-outlineVariant)}.record-list-table-td{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);vertical-align:middle}.record-list-table-td--actions{text-align:right;white-space:nowrap}.record-list-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.record-list-action-btn:hover:not(:disabled){background-color:var(--color-surfaceVariant);color:var(--color-text)}.record-list-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.record-quick-create{background:var(--color-card, var(--color-surface));border:1px solid var(--color-cardBorder, var(--color-outlineVariant));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease}.record-quick-create:focus-within{border-color:var(--color-inputFocus);box-shadow:0 0 0 2px var(--color-inputFocus)}.record-quick-create-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex-shrink:0}.record-quick-create-input{border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);outline:none;min-width:0}.record-quick-create-input--primary{flex:2}.record-quick-create-input--secondary{flex:1;max-width:8rem;text-align:right;border-left:1px solid var(--color-outlineVariant);padding-left:var(--spacing-sm)}.record-quick-create-input::placeholder{color:var(--color-textDisabled)}.record-quick-create-input[type=number]::-webkit-inner-spin-button,.record-quick-create-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-quick-create-input[type=number]{-moz-appearance:textfield}.record-quick-create-actions{display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;max-height:0;opacity:0;transition:max-height .15s ease,opacity .15s ease}.record-quick-create:focus-within .record-quick-create-actions,.record-quick-create-actions--visible{max-height:3rem;opacity:1}.record-quick-create-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-textSecondary);cursor:pointer;transition:color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.record-quick-create-action-btn svg{width:1.125rem;height:1.125rem}.record-quick-create-action-btn:hover:not(:disabled){color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.record-quick-create-action-btn--submit{color:var(--color-primary)}.record-quick-create-action-btn:disabled{opacity:.3;cursor:not-allowed}.record-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg)}.record-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);table-layout:fixed}.record-table-header-row,.record-table-row{display:flex;width:100%}.record-table-th{display:flex;align-items:center;text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surfaceVariant);border-bottom:1px solid var(--color-outlineVariant);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;box-sizing:border-box}.record-table-th:hover{background-color:var(--color-surfaceContainer)}.record-table-th--numeric{justify-content:flex-end;text-align:right}.record-table-th--actions{cursor:default;justify-content:flex-end}.record-table-th--actions:hover{background-color:var(--color-surfaceVariant)}.record-table-th-content{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.record-table-sort-indicator{font-size:.6em;line-height:1;color:var(--color-primary)}.record-table-td{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.record-table-td--numeric{justify-content:flex-end;text-align:right}.record-table-td--actions{justify-content:flex-end;white-space:nowrap;opacity:0;transition:opacity .15s}.record-table-row:hover .record-table-td--actions{opacity:1}.record-table-row{transition:background-color .15s}.record-table-row:hover{background-color:var(--color-surfaceVariant)}.record-table-row:not(:last-child) .record-table-td{border-bottom:1px solid var(--color-outlineVariant)}.record-table-row:not(:last-child) .record-table-td--actions{border-bottom:1px solid var(--color-outlineVariant)}.record-table-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background-color .15s}.record-table-action-btn:hover:not(:disabled){background-color:var(--color-surfaceContainer);color:var(--color-text)}.record-table-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.record-table-load-more{display:flex;justify-content:center;padding:var(--spacing-md) 0}.record-table-load-more-btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background-color:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s,color .15s}.record-table-load-more-btn:hover{background-color:var(--color-primary);color:var(--color-onPrimary)}.record-table-footer-row{display:flex;background-color:var(--color-surfaceVariant);border-top:2px solid var(--color-outlineVariant)}.record-table-footer-cell{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-textSecondary)}.record-table-footer-cell--numeric{text-align:right}.record-table-footer-count{font-weight:var(--font-weight-medium);color:var(--color-textSecondary)}.record-table-footer-sum{font-weight:var(--font-weight-bold);color:var(--color-primary)}@media (max-width: 599px){.record-table-td--actions{opacity:1}}.styled-checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:2px solid var(--color-outline);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:0;transition:background-color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.styled-checkbox:hover:not(:disabled){border-color:var(--color-primary)}.styled-checkbox--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.styled-checkbox--checked:hover:not(:disabled){opacity:.9}.styled-checkbox--disabled{opacity:.4;cursor:not-allowed}.styled-checkbox-icon{width:.875rem;height:.875rem;color:var(--color-buttonText, #fff)}.styled-checkbox:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:2px}.record-table-select-cell{width:3rem;flex:0 0 3rem;display:flex;align-items:center;justify-content:center}.record-table-bulk-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primaryContainer);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.record-table-bulk-count{font-weight:600;font-size:var(--font-size-sm);color:var(--color-onPrimaryContainer);flex:1}.record-table-bulk-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--color-outlineVariant);background:var(--color-surface);cursor:pointer}.record-table-bulk-btn--danger{color:var(--color-error);border-color:var(--color-error)}.record-table-bulk-btn--danger:hover{background:var(--color-error);color:#fff}.record-table-row--selected{background-color:var(--color-primaryContainer)}.record-card{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.record-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.record-card-main-content{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;cursor:pointer}.record-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.record-card-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.record-card-amount{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-primary);white-space:nowrap;flex-shrink:0}.record-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.record-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.record-card-date{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.record-card-category-pill{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--color-primaryContainer);color:var(--color-onPrimaryContainer, var(--color-primary));font-weight:500;white-space:nowrap}.record-card-warranty{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.record-card-warranty-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--color-textSecondary)}.record-card-warranty-dot--active{background-color:var(--color-success, #4caf50)}.record-card-warranty-dot--expiring{background-color:var(--color-warning, #ff9800)}.record-card-warranty-dot--expired{background-color:var(--color-error, #ef5350)}.record-card-attachment-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;color:var(--color-textSecondary);opacity:.6;pointer-events:none}.record-card-attachment-badge-icon,.record-card-action-icon{width:1rem;height:1rem}.record-card-hover-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:0 var(--spacing-md);border-top:1px solid transparent;background-color:var(--color-surface);max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease,border-top-color .2s ease}.record-card:hover .record-card-hover-actions,.record-card:focus-within .record-card-hover-actions{max-height:3rem;opacity:1;padding:var(--spacing-xs) var(--spacing-md);border-top-color:var(--color-outlineVariant)}.record-card-action-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;line-height:1;transition:color .15s,background-color .15s}.record-card-action-btn:hover:not(:disabled){background-color:var(--color-surfaceVariant);color:var(--color-text)}.record-card-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.cell-currency{font-variant-numeric:tabular-nums;white-space:nowrap}.cell-date{white-space:nowrap}.cell-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.cell-pill{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;background-color:var(--color-primaryContainer);color:var(--color-onPrimaryContainer, var(--color-primary))}.cell-toggle--yes{color:var(--color-success, #4caf50)}.cell-toggle--no{color:var(--color-textSecondary)}.cell-warranty{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.cell-warranty-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--color-textSecondary)}.cell-warranty-dot--active{background-color:var(--color-success, #4caf50)}.cell-warranty-dot--expiring{background-color:var(--color-warning, #ff9800)}.cell-warranty-dot--expired{background-color:var(--color-error, #ef5350)}.cell-attachment{display:inline-flex;align-items:center;gap:4px;color:var(--color-textSecondary)}.cell-attachment-icon{width:1rem;height:1rem}.cell-attachment-count{font-size:var(--font-size-xs)}.receipt-form-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:inherit;color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-inputFocus)}.form-input:disabled{opacity:.6;cursor:not-allowed}.custom-field-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.custom-field-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.custom-field-form-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em}.custom-field-form-required{color:var(--color-error, #ef5350)}.custom-field-form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:inherit;color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md);transition:border-color .15s}.custom-field-form-input:focus{outline:none;border-color:var(--color-inputFocus)}.custom-field-form-input:disabled{opacity:.6;cursor:not-allowed}select.custom-field-form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239e9e9e' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 1.5rem)}@media (max-width: 599px){.record-list-screen{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.record-list-header{flex-wrap:nowrap}.record-list-header-title{font-size:var(--font-size-lg)}.record-list-scan-btn span{display:none}.record-card-hover-actions{max-height:3rem;opacity:1;padding:var(--spacing-xs) var(--spacing-md);border-top-color:var(--color-outlineVariant)}}@media (min-width: 600px){.record-list-screen{max-width:42rem;margin:0 auto}.record-list-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--spacing-md)}}@media (min-width: 768px){.record-list-screen{max-width:54rem}}.segmented-toggle{display:inline-flex;align-items:stretch;border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surfaceVariant)}.segmented-toggle-inner{display:flex;align-items:stretch}.segmented-toggle-divider{width:1px;background:var(--color-outline);flex-shrink:0}.segmented-toggle-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-onSurfaceVariant);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.segmented-toggle-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-onSurface)}.segmented-toggle-btn.active{background:var(--color-primary);color:var(--color-buttonText)}.segmented-toggle-btn.active:hover{opacity:.92}.picker-header{margin-bottom:var(--spacing-md)}.picker-header-row{display:flex;align-items:center;justify-content:space-between}.picker-header-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.picker-create-btn{background-color:var(--color-primary);color:var(--color-primaryContrast, #fff);border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:opacity .15s}.picker-create-btn:hover{opacity:.85}.picker-create-btn:active{opacity:.75}.picker-create-btn .picker-create-btn-short{display:none}.picker-create-btn .picker-create-btn-full{display:inline}.picker-controls-row{margin-top:8px}@media (max-width: 380px){.picker-create-btn .picker-create-btn-short{display:inline}.picker-create-btn .picker-create-btn-full{display:none}}.notes-notebook-picker{padding:var(--spacing-md)}.notes-notebook-picker-empty{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) var(--spacing-md)}.notes-notebook-picker-list{display:flex;flex-direction:column;gap:2px}.notes-notebook-picker-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;border:none;text-align:left;width:100%;transition:background .15s;font:inherit;color:inherit}.notes-notebook-picker-item:hover{background:var(--color-surfaceHover, var(--color-border))}.notes-notebook-picker-item-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.notes-notebook-picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.notes-notebook-picker-item-name{font-weight:600;color:var(--color-text)}.notes-notebook-picker-item-desc{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.notes-notebook-picker-item-default{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--color-primary-light, #e8f5e9);color:var(--color-primary, #4caf50);font-weight:500}.todo-list-picker{padding:var(--spacing-md)}.todo-list-picker-empty{text-align:center;color:var(--color-textSecondary);padding:var(--spacing-xl) var(--spacing-md)}.todo-list-picker-list{display:flex;flex-direction:column;gap:2px}.todo-list-picker-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;border:none;text-align:left;width:100%;transition:background .15s;font:inherit;color:inherit}.todo-list-picker-item:hover{background:var(--color-surfaceHover, var(--color-border))}.todo-list-picker-item-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.todo-list-picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.todo-list-picker-item-name{font-weight:600;color:var(--color-text)}.todo-list-picker-item-desc{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.todo-list-picker-item-default{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--color-primary-light, #e8f5e9);color:var(--color-primary, #4caf50);font-weight:500}.notes-back-btn,.todo-back-btn{background:none;border:none;cursor:pointer;color:var(--color-textSecondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notes-back-btn:hover,.todo-back-btn:hover{color:var(--color-primary);background:var(--color-surfaceVariant)}.container-type-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}@media (min-width: 600px){.container-type-picker-overlay{align-items:center}}.container-type-picker-panel{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto}@media (min-width: 600px){.container-type-picker-panel{border-radius:var(--radius-lg)}}.container-type-picker-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-align:center}.container-type-picker-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.container-type-picker-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%}.container-type-picker-option:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surfaceHover, var(--color-border))}.container-type-picker-option--disabled{opacity:.5;cursor:not-allowed}.container-type-picker-option-icon{font-size:1.5rem;flex-shrink:0;width:2rem;text-align:center}.container-type-picker-option-text{flex:1;min-width:0;display:flex;flex-direction:column}.container-type-picker-option-label{font-weight:600;color:var(--color-text)}.container-type-picker-option-description{font-size:var(--font-size-xs);color:var(--color-textSecondary);margin-top:2px}.container-type-picker-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full, 999px);white-space:nowrap;font-weight:600;flex-shrink:0}.container-type-picker-badge--coming-soon{background:var(--color-warning-light, #fff3e0);color:var(--color-warning, #f57c00)}.container-type-picker-badge--pro{background:var(--color-accent-light, #fce4ec);color:var(--color-accent, #e91e63)}.container-type-picker-cancel{width:100%}.notes-screen,.todo-screen,.profile-screen{padding-bottom:var(--spacing-lg);width:100%;min-width:0}.notes-screen-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.notes-screen-header-top{display:flex;align-items:center;gap:var(--spacing-sm)}.notes-screen-header-top .screen-collection-select{flex:1;min-width:0}.notes-screen-header .notes-screen-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin:var(--spacing-sm) var(--spacing-md)}.drive-badge--connected{color:var(--color-primary);background:var(--color-primaryFaded, rgba(76, 175, 80, .1))}.drive-badge--disconnected{color:var(--color-textSecondary);background:var(--color-surfaceAlt, var(--color-surface));border:1px dashed var(--color-border);cursor:pointer;transition:border-color .15s ease,color .15s ease}.drive-badge--disconnected:hover{border-color:var(--color-primary);color:var(--color-primary)}.drive-badge-email{color:var(--color-textSecondary);margin-left:var(--spacing-xs)}.screen-header-create-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);height:36px;box-sizing:border-box}.screen-header-create-btn svg{width:1rem;height:1rem;flex-shrink:0}.screen-header-create-btn span{white-space:nowrap}.screen-header-scan-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:36px;width:36px;padding:0;box-sizing:border-box}.screen-header-scan-btn svg{width:18px;height:18px}.toolbar-search-input{flex:1;min-width:0;height:32px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);outline:none;transition:border-color .15s}.notes-search-toggle{display:none;align-items:center;justify-content:center;padding:var(--spacing-sm);color:var(--color-textSecondary);background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.notes-search-toggle:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.toolbar-search-input:focus{border-color:var(--color-inputFocus)}.toolbar-search-input::placeholder{color:var(--color-textSecondary)}@media (max-width: 599px){.screen-header-create-btn span{display:none}.screen-header-create-btn{width:36px;padding:0;justify-content:center}}.notes-header-create-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);height:36px;box-sizing:border-box}.notes-header-create-icon{width:1rem;height:1rem;flex-shrink:0}.notes-header-create-label{white-space:nowrap}@media (max-width: 599px){.notes-screen,.todo-screen,.profile-screen{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.notes-screen-header .notes-screen-title,.todo-screen-header .todo-screen-title,.profile-screen-title,.screen-collection-select{font-size:var(--font-size-lg)}.todo-header-create-label{display:none}.todo-header-create-btn{padding:var(--spacing-sm)}.todo-search{max-width:none;width:100%;min-width:0}.notes-header-create-label{display:none}.notes-header-create-btn{padding:var(--spacing-sm)}.notes-search{max-width:none}.notes-toolbar-actions{position:relative}.notes-toolbar-btn-label{display:none}.notes-filter-tags-dropdown{min-width:auto;width:calc(100vw - var(--spacing-sm) * 2);max-width:14rem}.notes-sort-popover{left:auto;right:0;min-width:12rem}.content-toolbar-btn-label{display:none}.content-toolbar-sort-popover{left:auto;right:0;min-width:12rem}.profile-screen-select,.profile-screen-input{max-width:none;min-height:2.75rem;-webkit-tap-highlight-color:transparent}.ocr-settings-api-key{margin-left:0}}@media (min-width: 600px){.notes-screen,.todo-screen,.profile-screen{max-width:42rem;margin-left:auto;margin-right:auto}}@media (min-width: 768px){.notes-screen,.todo-screen{max-width:54rem}}@media (min-width: 900px){.notes-screen,.todo-screen{max-width:60rem}}.content-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.content-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.content-toolbar-search{flex:1;min-width:0;max-width:14rem;height:32px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);outline:none;transition:border-color .15s}.content-toolbar-search:focus{border-color:var(--color-primary)}.content-toolbar-sort-wrap{position:relative;flex-shrink:0}.content-toolbar-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);height:32px;font-size:var(--font-size-sm);color:var(--color-textSecondary);background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;flex-shrink:0}.content-toolbar-btn:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.content-toolbar-btn-icon{width:1rem;height:1rem;flex-shrink:0}.content-toolbar-sort-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:13rem;padding:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:var(--elevation-2)}.content-toolbar-sort-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.content-toolbar-sort-option:hover{background-color:var(--color-surfaceVariant)}.content-toolbar-sort-option.selected{color:var(--color-primary);font-weight:600;background-color:var(--color-primaryContainer, rgba(45, 90, 39, .08))}.notes-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.notes-search{flex:1;min-width:8rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.notes-search:focus{outline:none;border-color:var(--color-inputFocus)}.notes-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.notes-toolbar-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary);background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.notes-toolbar-btn:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.notes-toolbar-btn-icon{width:1rem;height:1rem;flex-shrink:0}.notes-sort-wrap{position:relative}.notes-sort-popover{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:14rem;padding:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:50}.notes-sort-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-onSurface);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.notes-sort-option:hover,.notes-sort-option.selected{background-color:var(--color-surfaceVariant)}.notes-sort-option.selected{font-weight:var(--font-weight-medium);color:var(--color-primary)}.notes-filter-tags-wrap{position:relative}.notes-filter-badge{margin-left:var(--spacing-xs);padding:0 6px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-primary);color:var(--color-onPrimary);border-radius:var(--radius-round);line-height:1.4}.notes-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);width:100%}.notes-toolbar-status{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-textSecondary);white-space:nowrap}.notes-filter-tags-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);padding:var(--spacing-xs);min-width:10rem;max-height:16rem;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:10}.notes-filter-tags-search-wrap{position:sticky;top:0;display:flex;align-items:center;margin-bottom:var(--spacing-xs);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-sm)}.notes-filter-tags-search-wrap:focus-within{border-color:var(--color-inputFocus)}.notes-filter-tags-search{flex:1;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text);background:none;border:none;outline:none}.notes-filter-tags-search-clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:var(--spacing-xs);padding:0;font-size:var(--font-size-md);line-height:1;color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.notes-filter-tags-search-clear:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.notes-filter-tag-option{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);text-align:left;font-size:var(--font-size-sm);color:var(--color-onSurface);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.notes-filter-tag-option:hover,.notes-filter-tag-option.selected{background-color:var(--color-surfaceVariant)}.notes-filter-tags-empty{margin:0;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.notes-filtered-by{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.notes-filtered-by-label{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.notes-filtered-by-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-onPrimaryContainer);background-color:var(--color-primaryContainer);border-radius:var(--radius-full)}.notes-filtered-by-remove{padding:0;margin:0;font-size:1rem;line-height:1;color:inherit;background:none;border:none;cursor:pointer;opacity:.8}.notes-filtered-by-remove:hover{opacity:1}.notes-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.notes-empty-state-icon{width:4rem;height:4rem;color:var(--color-textSecondary);opacity:.45;margin-bottom:var(--spacing-md)}.notes-empty-state-heading{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.notes-empty-state-text{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-textSecondary);max-width:20rem;line-height:var(--line-height-normal)}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.notes-card{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.notes-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.notes-card--favorited{border-left:3px solid var(--color-primary);background-color:color-mix(in srgb,var(--color-primaryContainer) 8%,var(--color-surface))}.notes-card-main-content{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;cursor:pointer}.notes-card-title{display:flex;align-items:baseline;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight)}.notes-card-favorite-star{color:var(--color-primary);flex-shrink:0}.notes-card-attachment-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;color:var(--color-textSecondary);opacity:.6;pointer-events:none}.notes-card-attachment-badge-icon{width:1rem;height:1rem}.notes-card-snippet{font-size:var(--font-size-sm);color:var(--color-textSecondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-card-snippet p,.notes-card-snippet h1,.notes-card-snippet h2,.notes-card-snippet h3,.notes-card-snippet li,.notes-card-snippet blockquote{display:inline;margin:0}.notes-card-snippet p:after{content:" "}.notes-card-snippet ul,.notes-card-snippet ol{display:inline;padding-left:1.5em;margin:0}.notes-card-snippet strong,.notes-card-snippet b{font-weight:var(--font-weight-bold)}.notes-card-snippet em,.notes-card-snippet i{font-style:italic}.notes-card-snippet code{font-family:ui-monospace,monospace;font-size:.9em}.notes-card-snippet h1{font-size:var(--note-h1-size);font-weight:var(--note-h1-weight)}.notes-card-snippet h2{font-size:var(--note-h2-size);font-weight:var(--note-h2-h3-weight)}.notes-card-snippet h3{font-size:var(--note-h3-size);font-weight:var(--note-h2-h3-weight)}.notes-card-snippet blockquote{padding-left:1em;border-left:var(--note-blockquote-border);color:var(--note-blockquote-color)}@media (min-width: 768px){.notes-card-snippet{-webkit-line-clamp:3}}@media (min-width: 900px){.notes-card-snippet{-webkit-line-clamp:4}}.notes-card-custom-fields{display:flex;flex-wrap:wrap;align-items:baseline;font-size:var(--font-size-sm);color:var(--color-textSecondary);margin-top:var(--spacing-xs);line-height:var(--line-height-tight)}.notes-card-custom-field-name{font-weight:var(--font-weight-medium, 500)}.notes-card-custom-fields-sep{color:var(--color-textSecondary);opacity:.6}.notes-card-custom-fields-more{color:var(--color-textSecondary);opacity:.7;font-style:italic}.notes-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.note-card-ai-chip-row{display:flex;align-items:center;gap:2px;animation:ai-chip-enter .2s ease-out}.note-card-ai-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;background:#4a8f441f;color:var(--color-primary);border:1px solid rgba(74,143,68,.25);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.note-card-ai-chip:hover{background:#4a8f4433;border-color:var(--color-primary)}.note-card-ai-chip-icon{width:12px;height:12px;flex-shrink:0}.note-card-ai-chip-dismiss{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;border-radius:50%;color:var(--color-textSecondary);font-size:14px;cursor:pointer;transition:color .15s,background-color .15s}.note-card-ai-chip-dismiss:hover{color:var(--color-text);background:var(--color-surfaceVariant)}@keyframes ai-chip-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-detection-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#4a8f4414;border:1px solid rgba(74,143,68,.2);border-radius:var(--radius-md);margin:var(--spacing-sm) var(--spacing-md);animation:ai-chip-enter .2s ease-out;font-size:var(--font-size-sm);color:var(--color-text)}.task-detection-banner-icon{width:16px;height:16px;flex-shrink:0;color:var(--color-primary)}.task-detection-banner-text{flex:1;min-width:0}.task-detection-banner-cta{padding:var(--spacing-xs) var(--spacing-sm);background:#4a8f4426;border:1px solid rgba(74,143,68,.3);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s}.task-detection-banner-cta:hover{background:#4a8f4440}.task-detection-banner-dismiss{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:none;color:var(--color-textSecondary);font-size:14px;cursor:pointer;border-radius:50%;flex-shrink:0;transition:color .15s,background-color .15s}.task-detection-banner-dismiss:hover{color:var(--color-text);background:var(--color-surfaceVariant)}.task-detection-banner-pro-badge{font-size:var(--font-size-xs);padding:0 5px;border-radius:var(--radius-full, 999px);background:var(--color-accent-light, rgba(var(--color-primary-rgb, 76, 175, 80), .15));color:var(--color-accent, var(--color-primary));font-weight:600;margin-left:var(--spacing-xs)}.nav-item-icon-wrapper{position:relative;display:inline-flex}.nav-badge-dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface)}.notes-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.notes-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;font-size:var(--font-size-xs);color:var(--color-textSecondary)}.notes-card-date{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.notes-card-tasks-link{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none;white-space:nowrap}.notes-card-tasks-link:hover{text-decoration:underline}.notes-card-hover-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--color-outlineVariant);background-color:var(--color-surface)}.notes-card-action-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;line-height:1}.notes-card-action-btn:hover:not(:disabled){background-color:var(--color-surfaceVariant);color:var(--color-text)}.notes-card-action-btn--active{color:var(--color-primary)}.notes-card-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.notes-card-action-icon{width:1rem;height:1rem}.notes-card-deleting{opacity:.7}@media (max-width: 599px){.notes-card-hover-actions{opacity:1;max-height:3rem;padding:var(--spacing-xs) var(--spacing-md);border-top-color:var(--color-outlineVariant)}}.note-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.note-edit-panel{position:fixed;top:0;right:0;bottom:0;width:60%;max-width:40rem;background-color:var(--color-surface);box-shadow:-4px 0 20px #00000026;overflow-y:auto;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column}.note-edit-panel--open{transform:translate(0)}@media (max-width: 767px){.note-edit-panel{top:3rem;right:0;left:0;bottom:0;width:100%;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;transform:translateY(100%)}.note-edit-panel--open{transform:translateY(0)}}.note-edit-panel-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-divider, var(--color-outlineVariant))}.note-edit-panel-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.note-edit-panel .modal-form{padding:var(--spacing-lg);flex:1;gap:var(--spacing-md);margin-bottom:0}.notes-screen-empty,.todo-screen-empty{color:var(--color-textSecondary)}.notes-screen-empty p,.todo-screen-empty p,.todo-screen-header{margin-bottom:var(--spacing-md)}.todo-screen-header-top{display:flex;align-items:center;gap:var(--spacing-sm)}.todo-screen-header-top .screen-collection-select{flex:1;min-width:0}.todo-screen-header .todo-screen-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-header-create-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);height:36px;box-sizing:border-box}.todo-header-create-icon{width:1rem;height:1rem;flex-shrink:0}.todo-header-create-label{white-space:nowrap}.todo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.todo-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.todo-sort-wrap{position:relative}.todo-view-filters-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm)}.todo-view-filters{display:inline-flex;align-items:stretch;border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-sm)}.todo-filter-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-onSurfaceVariant);background:transparent;border:none;border-right:1px solid var(--color-outline);cursor:pointer;font-family:inherit}.todo-filter-tab:last-child{border-right:none}.todo-filter-tab:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-onSurface)}.todo-filter-tab.active{background:var(--color-primary);color:var(--color-buttonText)}.todo-filter-tab.active:hover{opacity:.92}.todo-search{flex:1;min-width:8rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.todo-search:focus{outline:none;border-color:var(--color-inputFocus)}.todo-empty{margin:0;color:var(--color-textSecondary);font-size:var(--font-size-sm)}.todo-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.todo-empty-state-icon{width:4rem;height:4rem;color:var(--color-textSecondary);opacity:.45;margin-bottom:var(--spacing-md)}.todo-empty-state-heading{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.todo-empty-state-text{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-textSecondary);max-width:20rem;line-height:var(--line-height-normal)}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.task-card{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.task-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.task-card--high-priority{border-left:3px solid var(--color-error, #b91c1c)}.task-card--completed .task-card-title{text-decoration:line-through;color:var(--color-textSecondary)}.task-card--archived{opacity:.6}.task-card--deleting{opacity:.7}.task-card-attachment-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;color:var(--color-textSecondary);opacity:.6;pointer-events:none}.task-card-attachment-badge-icon{width:1rem;height:1rem}.task-card-main-content{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;cursor:pointer;font-family:inherit}.task-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.task-card-checkbox-wrap{display:inline-flex;flex-shrink:0;position:relative}.task-card-checkbox-wrap.task-card-checkbox-wrap-pop{animation:task-checkbox-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes task-checkbox-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.task-card-checkbox-wrap.task-card-checkbox-wrap-pop:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--color-primary);animation:task-checkbox-ripple .5s ease-out forwards;pointer-events:none}@keyframes task-checkbox-ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.8);opacity:0}}.task-card-checkbox{margin:0;flex-shrink:0;width:1.35rem;height:1.35rem;cursor:pointer;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--color-outline);background:transparent;position:relative;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.task-card-checkbox:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.task-card-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 6px color-mix(in srgb,var(--color-primary) 35%,transparent)}.task-card-checkbox:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid var(--color-onPrimary, #fff);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);animation:task-checkmark-draw .2s ease-out both}@keyframes task-checkmark-draw{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.task-card-checkbox:active:not(:disabled){transform:scale(.88)}.task-card-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight)}.task-card-description{font-size:var(--font-size-sm);color:var(--color-textSecondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-custom-fields{display:flex;flex-wrap:wrap;align-items:baseline;font-size:var(--font-size-sm);color:var(--color-textSecondary);margin-top:var(--spacing-xs);line-height:var(--line-height-tight)}.task-card-custom-field-name{font-weight:var(--font-weight-medium, 500)}.task-card-custom-fields-sep{color:var(--color-textSecondary);opacity:.6}.task-card-custom-fields-more{color:var(--color-textSecondary);opacity:.7;font-style:italic}.task-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.task-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.task-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-textSecondary)}.task-card-priority{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-medium);text-transform:capitalize}.task-card-priority-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background-color:currentColor}.task-card-priority-medium{color:var(--color-primary)}.task-card-priority-high{color:var(--color-error, #b91c1c)}.task-card-due{color:var(--color-textSecondary)}.task-card-due-overdue{color:var(--color-error, #b91c1c);font-weight:var(--font-weight-medium)}.task-card-due-today{color:var(--color-primary);font-weight:var(--font-weight-medium)}.task-card-recurrence{display:inline-flex;align-items:center;gap:2px;margin-left:4px;color:var(--color-textSecondary)}.task-card-recurrence-icon{flex-shrink:0}.task-card-recurrence-label{font-size:var(--font-size-xs);text-transform:capitalize}.task-card-date{font-size:var(--font-size-xs);color:var(--color-textSecondary)}.task-card-hover-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--color-outlineVariant);background-color:var(--color-surface)}.task-card-action-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;line-height:1}.task-card-action-btn:hover:not(:disabled){background-color:var(--color-surfaceVariant);color:var(--color-text)}.task-card-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.task-card-action-icon{width:1rem;height:1rem}.notes-screen-title,.todo-screen-title,.profile-screen-title{margin-top:0;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.screen-collection-select{margin:0;padding:var(--spacing-xs) 1.5rem var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:inherit;color:var(--color-text);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;min-width:0;max-width:100%;text-overflow:ellipsis;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:12px}.screen-collection-select:hover{border-color:var(--color-inputBorder);background-color:var(--color-surfaceHover)}.screen-collection-select:focus,.screen-collection-select:focus-visible{outline:none;border-color:transparent}.notes-screen-placeholder,.todo-screen-placeholder,.profile-screen-placeholder{margin:0;color:var(--color-textSecondary);font-size:var(--font-size-sm)}.profile-screen-email{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md)}.profile-screen-prefs{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.profile-screen-section{margin-bottom:var(--spacing-lg)}.profile-screen-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.profile-screen-select,.profile-screen-input{width:100%;max-width:24rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md)}.profile-screen-input{font-family:inherit}.profile-screen-hint{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-textSecondary)}.ocr-settings-fieldset{margin:0 0 var(--spacing-lg);padding:0;border:none}.ocr-settings-fieldset:last-child{margin-bottom:0}.ocr-settings-legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);padding:0}.ocr-settings-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ocr-settings-radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-md);color:var(--color-text);min-height:2.5rem;padding:var(--spacing-xs) 0;-webkit-tap-highlight-color:transparent}.ocr-settings-radio{width:1.25rem;height:1.25rem;margin:0;flex-shrink:0;accent-color:var(--color-primary, #2563eb)}.ocr-settings-api-key{margin-top:var(--spacing-md);margin-left:1.75rem}.ocr-settings-api-key .profile-screen-label{margin-bottom:var(--spacing-xs)}.ocr-settings-hint{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.segmented-control{display:inline-flex;border-radius:8px;background:var(--color-surfaceSecondary, rgba(255, 255, 255, .06));padding:3px;gap:2px;width:100%}.segmented-control__option{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--color-textSecondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:background .12s ease-in-out,color .12s ease-in-out;white-space:nowrap;min-height:36px;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.segmented-control__option:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb)}.segmented-control__option--selected{background:var(--color-primary, #2563eb);color:var(--color-textOnPrimary, #fff);font-weight:var(--font-weight-semibold, 600)}.segmented-control__option--locked{opacity:.7}.segmented-control__option--locked:not(.segmented-control__option--selected){cursor:pointer}.segmented-control__lock-icon{font-size:.75em;opacity:.8}.ocr-mode-subtitle{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary);min-height:1.25em}.ocr-byok-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.ocr-byok-panel--open{grid-template-rows:1fr}.ocr-byok-panel__inner{overflow:hidden}.ocr-byok-panel__content{padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (prefers-reduced-motion: reduce){.segmented-control__option,.ocr-byok-panel{transition:none}}.ocr-vendor-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.ocr-vendor-info__label{font-weight:var(--font-weight-medium, 500);color:var(--color-text)}.profile-screen-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm)}.profile-screen-tier{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.profile-screen-theme-toggle{display:inline-flex;align-items:stretch;margin-bottom:var(--spacing-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surfaceVariant)}.profile-screen-theme-toggle-inner{display:flex;align-items:stretch}.profile-screen-theme-toggle-divider{width:1px;background:var(--color-outline);flex-shrink:0}.profile-screen-theme-toggle-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-onSurfaceVariant);background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-screen-theme-toggle-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-onSurface)}.profile-screen-theme-toggle-btn.active{background:var(--color-primary);color:var(--color-buttonText)}.profile-screen-theme-toggle-btn.active:hover{opacity:.92}.profile-screen-link{display:block;margin-bottom:var(--spacing-xs);color:var(--color-primary);text-decoration:none;font-size:var(--font-size-md)}.profile-screen-link:hover{text-decoration:underline}.profile-screen-link-description{display:block;font-size:var(--font-size-sm);color:var(--color-textSecondary);margin-top:2px}.backup-restore-screen{padding:var(--spacing-md)}.backup-restore-screen-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.backup-restore-screen-description{margin:0 0 var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-textSecondary)}.backup-restore-screen-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.backup-restore-screen-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-buttonText);background:var(--color-buttonPrimary);border:none;border-radius:var(--radius-md);cursor:pointer}.backup-restore-screen-button:hover:not(:disabled){opacity:.9}.backup-restore-screen-button:disabled{opacity:.6;cursor:not-allowed}.backup-restore-screen-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.backup-restore-screen-message{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.backup-restore-screen-message--success{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-onSurface)}.backup-restore-screen-message--error{background:color-mix(in srgb,var(--color-error) 20%,transparent);color:var(--color-onSurface)}.backup-restore-screen-dismiss{padding:0 var(--spacing-xs);font-size:1.25rem;line-height:1;background:none;border:none;cursor:pointer;color:inherit;opacity:.8}.backup-restore-screen-dismiss:hover{opacity:1}.dev-banner{background-color:#f59e0b;color:#000;font-size:var(--font-size-xs);text-align:center;padding:2px var(--spacing-sm);flex-shrink:0}.dev-menu-radio-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;padding:var(--spacing-xs) 0}.dev-menu-radio-label input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);flex-shrink:0}.dev-menu-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-textSecondary)}.profile-screen-version{margin:0;padding:var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-textSecondary);text-align:center;cursor:default;user-select:none;-webkit-user-select:none}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1100;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:24rem;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-onSurface);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-slide-in .25s ease-out}.toast--exiting{animation:toast-slide-out .2s ease-in forwards}.toast--error{background:color-mix(in srgb,var(--color-error) 20%,var(--color-surface));border-left:3px solid var(--color-error)}.toast--success{background:color-mix(in srgb,var(--color-success) 20%,var(--color-surface));border-left:3px solid var(--color-success)}.toast--warning{background:color-mix(in srgb,var(--color-warning) 20%,var(--color-surface));border-left:3px solid var(--color-warning)}.toast--info{background:color-mix(in srgb,var(--color-info) 20%,var(--color-surface));border-left:3px solid var(--color-info)}.toast-message{flex:1}.toast-dismiss{padding:0 var(--spacing-xs);font-size:1.25rem;line-height:1;background:none;border:none;cursor:pointer;color:inherit;opacity:.7}.toast-dismiss:hover{opacity:1}.toast--actionable{cursor:pointer}.toast--actionable:hover{filter:brightness(1.08)}.toast-action-label{display:inline;margin-left:var(--spacing-xs);font-weight:var(--font-weight-medium);text-decoration:underline}@keyframes toast-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(1rem)}}@media (max-width: 599px){.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}}.sync-bar{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.sync-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;background-color:var(--color-textSecondary)}.sync-indicator--ok{background-color:var(--color-success, #22c55e)}.sync-indicator--pending{background-color:var(--color-warning, #eab308)}.sync-indicator--error{background-color:var(--color-danger, #ef4444)}.sync-indicator--disconnected{background-color:var(--color-textSecondary)}.sync-bar-status{font-style:italic}.sync-bar-details{font-size:var(--font-size-xs);color:var(--color-textSecondary);padding-left:calc(8px + var(--spacing-sm))}.sync-bar-details--ok{color:var(--color-success, #22c55e)}.sync-bar-details--error{color:var(--color-danger, #ef4444)}.sync-bar-action{background:none;border:none;padding:0;font:inherit;color:var(--color-primary);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.sync-bar-action:hover:not(:disabled){text-decoration-color:currentColor}.sync-bar-action:disabled{color:var(--color-textSecondary);cursor:default}.sync-bar-icon{background:none;border:none;padding:var(--spacing-xs);font-size:1rem;line-height:1;cursor:pointer;color:var(--color-textSecondary);border-radius:var(--radius-sm);transition:color .15s}.sync-bar-icon:hover:not(:disabled){color:var(--color-primary);background-color:var(--color-surfaceVariant)}.sync-bar-icon:disabled{cursor:default;opacity:.4}.sync-bar-icon.syncing{animation:spin 1s linear infinite}.sync-bar-cog{background:none;border:none;padding:var(--spacing-xs);font-size:1rem;cursor:pointer;color:var(--color-textSecondary);border-radius:var(--radius-sm)}.sync-bar-cog:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.sync-connection-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.sync-connection-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--color-textSecondary);flex-shrink:0}.sync-connection-indicator.connected{background-color:var(--color-success, #22c55e)}.sync-connection-text{font-size:var(--font-size-md);color:var(--color-text)}.sync-connection-actions{margin-top:var(--spacing-sm)}.sync-template-editor{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-height:0}.sync-template-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-textSecondary);margin-bottom:var(--spacing-xs)}.sync-template-presets{display:flex;flex-direction:column}.sync-template-preset-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md)}.sync-template-input-group{display:flex;flex-direction:column}.sync-template-textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:monospace;font-size:var(--font-size-sm);resize:vertical;min-height:10rem}.sync-template-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.sync-template-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.sync-template-chip{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-full, 9999px);background-color:var(--color-surfaceVariant);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.sync-template-chip:hover{background-color:var(--color-primary);color:var(--color-onPrimary, #fff);border-color:var(--color-primary)}.sync-template-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sync-template-option{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer}.sync-template-preview-group{display:flex;flex-direction:column;flex:1;min-height:0}.sync-template-preview{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surfaceVariant);font-size:var(--font-size-sm);min-height:6rem;flex:1;overflow-y:auto}.sync-template-preview p{margin:.25em 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes notes-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notes-list li{animation:notes-card-enter .3s ease-out both}.notes-list li:nth-child(1){animation-delay:0ms}.notes-list li:nth-child(2){animation-delay:30ms}.notes-list li:nth-child(3){animation-delay:60ms}.notes-list li:nth-child(4){animation-delay:90ms}.notes-list li:nth-child(5){animation-delay:.12s}.notes-list li:nth-child(6){animation-delay:.15s}.notes-list li:nth-child(7){animation-delay:.18s}.notes-list li:nth-child(8){animation-delay:.21s}.notes-list li:nth-child(9){animation-delay:.24s}.notes-list li:nth-child(n+10){animation-delay:.27s}.todo-list li{animation:notes-card-enter .3s ease-out both}.todo-list li:nth-child(1){animation-delay:0ms}.todo-list li:nth-child(2){animation-delay:30ms}.todo-list li:nth-child(3){animation-delay:60ms}.todo-list li:nth-child(4){animation-delay:90ms}.todo-list li:nth-child(5){animation-delay:.12s}.todo-list li:nth-child(6){animation-delay:.15s}.todo-list li:nth-child(7){animation-delay:.18s}.todo-list li:nth-child(8){animation-delay:.21s}.todo-list li:nth-child(9){animation-delay:.24s}.todo-list li:nth-child(n+10){animation-delay:.27s}@keyframes star-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notes-card-action-btn--active .notes-card-action-icon{animation:star-bounce .3s ease-out}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:var(--spacing-sm) var(--spacing-md);margin:0;overflow:visible;clip:auto;white-space:normal;background-color:var(--color-primary);color:var(--color-onPrimary);font-size:var(--font-size-sm);border-radius:var(--radius-md);z-index:9999}@media (prefers-reduced-motion: reduce){.notes-list li,.todo-list li{animation:none!important}.note-edit-panel,.task-edit-panel{transition-duration:.01ms!important}.sync-badge-dot--syncing,.notes-card-action-btn--active .notes-card-action-icon{animation:none!important}}.settings-page{width:100%;max-width:40rem;margin:0 auto;padding-bottom:var(--spacing-xl)}.settings-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg)}.settings-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-card{background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-card--danger{border-color:var(--color-error, #dc2626)}.settings-danger-link{font-size:var(--font-size-sm);color:var(--color-error, #dc2626);text-decoration:underline;cursor:pointer}.settings-danger-link:hover{opacity:.8}.settings-section--danger .settings-section-title{color:var(--color-error, #dc2626)}.settings-upgrade-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.settings-upgrade-cta-icon{color:var(--color-primary)}.settings-upgrade-cta-link{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;white-space:nowrap}.settings-upgrade-cta-link:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.strictness-slider{max-width:20rem}.strictness-slider-labels{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.strictness-slider-label{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.strictness-slider-label--active{color:var(--color-primary);font-weight:var(--font-weight-medium)}.strictness-slider-input{width:100%;cursor:pointer}.strictness-slider-desc{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm);color:var(--color-textSecondary);font-style:italic}.delete-account-bullets{list-style:disc;padding-left:1.25rem;margin:.5rem 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.delete-account-bullets li{margin-bottom:.25rem}.delete-account-recommendation{margin:.5rem 0 0;font-size:var(--font-size-sm);color:var(--color-textSecondary);font-style:italic}.delete-account-blocked{display:flex;flex-direction:column;gap:.75rem}.delete-account-blocked-message{margin:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-error, #dc2626);background:var(--color-errorContainer, #fef2f2);border-radius:var(--radius-sm)}.delete-account-confirm{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 599px){.settings-page{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.settings-card{padding:var(--spacing-md);border-radius:var(--radius-md)}}.settings-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-md)}.settings-field{margin-bottom:var(--spacing-md)}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-xs)}.settings-field-value{display:block;font-size:var(--font-size-md);color:var(--color-text)}.settings-field-value--editable{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;padding:0;font:inherit;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer}.settings-field-value--editable:hover{color:var(--color-primary)}.settings-edit-icon{width:.875rem;height:.875rem;flex-shrink:0;opacity:.5}.settings-field-value--editable:hover .settings-edit-icon{opacity:1}.settings-input--inline{max-width:20rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md);font-family:inherit;color:var(--color-onSurface);background:var(--color-surfaceVariant);border:1px solid var(--color-outline);border-radius:var(--radius-md)}.settings-input--inline:focus{outline:none;border-color:var(--color-inputFocus)}.settings-inline-edit{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.settings-inline-edit-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.settings-inline-edit-btn svg{width:.875rem;height:.875rem}.settings-inline-edit-btn--save{background:var(--color-primary);color:var(--color-onPrimary, #fff)}.settings-inline-edit-btn--save:hover{opacity:.85}.settings-inline-edit-btn--cancel{background:var(--color-surfaceVariant);color:var(--color-textSecondary)}.settings-inline-edit-btn--cancel:hover{background:var(--color-outline);color:var(--color-text)}.settings-field-desc{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-textSecondary)}.settings-input{width:100%;max-width:24rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:inherit;color:var(--color-onSurface);background:var(--color-surfaceVariant);border:1px solid var(--color-outline);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a8f4426}select.settings-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237A8F7D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 20px);cursor:pointer}select.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a8f4426}input[type=password].settings-input{font-family:var(--font-family-mono);letter-spacing:.05em}.settings-key-mask{width:100%;max-width:24rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family-mono);color:var(--color-textSecondary);background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);letter-spacing:.15em}.settings-key-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-key-confirm-remove{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#b0002014;border:1px solid var(--color-error);border-radius:var(--radius-md)}.settings-key-confirm-text{font-size:var(--font-size-sm);color:var(--color-text);flex:1}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.settings-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width: 599px){.settings-input{max-width:none;min-height:2.75rem;-webkit-tap-highlight-color:transparent}}.settings-version{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs);color:var(--color-textSecondary);cursor:default;user-select:none;-webkit-user-select:none}.form-field-immersive{border:none;background:transparent;font-family:var(--font-family-header);font-weight:var(--font-weight-bold);color:var(--color-text);padding:0;width:100%;outline:none}.form-field-immersive::placeholder{color:var(--color-textDisabled);font-weight:var(--font-weight-medium)}.form-field-immersive:focus{outline:none}.form-section-card{background:var(--color-card);border:1px solid var(--color-cardBorder);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width: 599px){.form-section-card{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}}.form-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-textSecondary);letter-spacing:.05em;margin:0}.form-toggle-switch{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:none;border:none;padding:0;font:inherit;color:inherit}.form-toggle-switch-track{position:relative;width:2.75rem;height:1.5rem;background:var(--color-surfaceVariant);border:1px solid var(--color-outline);border-radius:var(--radius-round);transition:background-color .15s ease,border-color .15s ease;flex-shrink:0}.form-toggle-switch-track[aria-checked=true]{background:var(--color-primaryContainer);border-color:var(--color-primary)}.form-toggle-switch-knob{position:absolute;top:2px;left:2px;width:1.125rem;height:1.125rem;background:var(--color-outline);border-radius:var(--radius-round);transition:transform .15s ease,background-color .15s ease}.form-toggle-switch-track[aria-checked=true] .form-toggle-switch-knob{transform:translate(1.25rem);background:var(--color-primary)}.form-toggle-switch:hover .form-toggle-switch-track{border-color:var(--color-primary)}.form-toggle-switch:focus-visible .form-toggle-switch-track{outline:2px solid var(--color-inputFocus);outline-offset:2px}.form-toggle-switch-labels{display:flex;flex-direction:column;gap:2px}.form-toggle-switch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight)}.form-toggle-switch-desc{font-size:var(--font-size-xs);color:var(--color-textSecondary);line-height:var(--line-height-normal)}.form-pills-group{display:flex;align-items:stretch;border:1px solid var(--color-outline);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surfaceVariant);width:100%}.form-pills-group-inner{display:flex;align-items:stretch;width:100%}.form-pills-group-divider{width:1px;background:var(--color-outline);flex-shrink:0}.form-pills-group-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-onSurfaceVariant);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-align:center}.form-pills-group-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-onSurface)}.form-pills-group-btn.active{background:var(--color-primary);color:var(--color-buttonText)}.form-pills-group-btn.active:hover{opacity:.92}.form-pills-group-btn:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px;z-index:1}.form-pills-group-btn.active.priority-low{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.form-pills-group-btn.active.priority-medium{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.form-pills-group-btn.active.priority-high{background:color-mix(in srgb,var(--color-error) 20%,transparent);color:var(--color-error)}@media (max-width: 599px){.form-pills-group-btn{min-height:2.75rem;padding:var(--spacing-sm) var(--spacing-sm)}}.form-metadata-drawer{border-top:1px solid var(--color-outlineVariant);background:var(--color-surfaceVariant)}.form-metadata-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-textSecondary);-webkit-tap-highlight-color:transparent}.form-metadata-toggle:hover{color:var(--color-text)}.form-metadata-toggle:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.form-metadata-chevron{width:1rem;height:1rem;transition:transform .2s ease;flex-shrink:0}.form-metadata-toggle[aria-expanded=true] .form-metadata-chevron{transform:rotate(180deg)}.form-content-wrap{position:relative;max-height:40vh;overflow-y:auto;transition:max-height .25s ease,border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:0;background:var(--color-inputBackground);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md)}.form-content-wrap:focus-within{border-color:var(--color-inputFocus);box-shadow:0 0 0 1px var(--color-inputFocus)}.form-content-wrap .form-field-immersive{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none}.form-content-wrap .form-field-immersive:focus{outline:none;box-shadow:none;border:none}.form-content-wrap textarea{border:none!important;border-top:1px solid var(--color-outlineVariant)!important;border-radius:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;padding:var(--spacing-sm) var(--spacing-md)}.form-content-wrap--expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;max-height:none;background:var(--color-surface);display:flex;flex-direction:column;padding:var(--spacing-lg);padding-top:var(--spacing-md)}.form-content-wrap--expanded .form-field-immersive{flex-shrink:0}.form-content-wrap--expanded .note-form-rich-editor,.form-content-wrap--expanded textarea{flex:1;max-height:none;overflow-y:auto}.form-content-expand-btn{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);z-index:2;width:1.75rem;height:1.75rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surfaceVariant) 80%,transparent);color:var(--color-textSecondary);cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.form-content-expand-btn:hover{opacity:1;background:var(--color-surfaceVariant)}.form-content-expand-btn svg{width:1rem;height:1rem}.form-content-wrap--expanded .form-content-expand-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);bottom:auto;opacity:1;background:var(--color-surfaceVariant)}.form-attachment-collapse-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-textSecondary);-webkit-tap-highlight-color:transparent}.form-attachment-collapse-toggle:hover{color:var(--color-text)}.form-attachment-collapse-chevron{width:.875rem;height:.875rem;transition:transform .2s ease;flex-shrink:0}.form-attachment-collapse-toggle[aria-expanded=true] .form-attachment-collapse-chevron{transform:rotate(180deg)}.form-attachment-collapsible{overflow:hidden;transition:max-height .25s ease,opacity .2s ease;max-height:0;opacity:0}.form-attachment-collapsible--open{max-height:50vh;opacity:1}.form-danger-zone{background:var(--color-card);border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--color-outlineVariant));border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-attachment-strip{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0;-webkit-overflow-scrolling:touch}.form-panel-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-bottom:1px solid var(--color-outlineVariant);z-index:2;gap:var(--spacing-sm)}.form-panel-header-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-textSecondary);flex:1;text-align:center}.form-panel-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:none;border:none;border-radius:var(--radius-round);color:var(--color-textSecondary);cursor:pointer;transition:background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.form-panel-close:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text)}.form-panel-close:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.form-panel-close svg{width:1.25rem;height:1.25rem}.form-panel-done{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-buttonText);background:var(--color-buttonPrimary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.form-panel-done:hover:not(:disabled){opacity:.9}.form-panel-done:disabled{background:var(--color-buttonDisabled);cursor:not-allowed}.form-panel-done:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:2px}.form-tag-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:#1b43321a;border:1px solid #1B4332;color:#1b4332;border-radius:9999px;font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-tight);transition:all .2s ease}[data-theme=dark] .form-tag-chip{background:#1b433226;color:#97ccb6}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .form-tag-chip{background:#1b433226;color:#97ccb6}}.form-tag-chip:hover{box-shadow:0 0 8px #1b433266}.form-tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:none;border:none;border-radius:var(--radius-round);color:var(--color-textSecondary);cursor:pointer;font-size:var(--font-size-xs);padding:0;transition:color .15s ease,background-color .15s ease}.form-tag-chip-remove:hover{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent)}@keyframes modal-entrance{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-panel--animated{animation:modal-entrance .2s ease-out}@keyframes modal-backdrop-fade{0%{opacity:0}to{opacity:1}}.modal-overlay--animated{animation:modal-backdrop-fade .15s ease-out}@media (prefers-reduced-motion: reduce){.modal-panel--animated,.modal-overlay--animated{animation:none}.form-toggle-switch-knob,.form-toggle-switch-track,.form-attachment-collapse-chevron,.form-attachment-collapsible,.form-content-wrap{transition-duration:.01ms!important}}.form-drag-handle{width:2rem;height:4px;background:var(--color-outline);border-radius:var(--radius-round);margin:var(--spacing-sm) auto 0}.task-quick-create{background:var(--color-card);border:1px solid var(--color-cardBorder);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease}.task-quick-create:focus-within{border-color:var(--color-inputFocus);box-shadow:0 0 0 2px var(--color-inputFocus)}.task-quick-create-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex-shrink:0}.task-quick-create-input{flex:1;border:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);outline:none;min-width:0}.task-quick-create-input::placeholder{color:var(--color-textDisabled)}.task-quick-create-actions{display:flex;align-items:center;gap:var(--spacing-xs);overflow:hidden;max-height:0;opacity:0;transition:max-height .15s ease,opacity .15s ease}.task-quick-create:focus-within .task-quick-create-actions,.task-quick-create-actions--visible{max-height:3rem;opacity:1}.task-quick-create-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-textSecondary);cursor:pointer;transition:color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.task-quick-create-action-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.task-quick-create-action-btn:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.task-quick-create-action-btn svg{width:1.125rem;height:1.125rem}@media (max-width: 599px){.task-quick-create--sticky{position:sticky;bottom:0;z-index:5;margin:0 calc(-1 * var(--spacing-md));border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:var(--spacing-md)}}.task-date-quickpicks{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.task-date-quickpick{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-onSurfaceVariant);background:var(--color-surfaceVariant);border:1px solid var(--color-outline);border-radius:var(--radius-round);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.task-date-quickpick:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:var(--color-primary);color:var(--color-primary)}.task-date-quickpick.active{background:var(--color-primaryContainer);border-color:var(--color-primary);color:var(--color-primary)}.task-date-quickpick:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:2px}@media (max-width: 599px){.task-date-quickpicks{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.task-date-quickpick{min-height:2.5rem}}.notebook-icon-category{display:flex;flex-direction:column;gap:var(--spacing-xs)}.notebook-icon-category+.notebook-icon-category{margin-top:var(--spacing-sm)}.notebook-icon-category-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-textSecondary);letter-spacing:.05em}.notebook-icon-option--modern{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;background:transparent;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-round);cursor:pointer;transition:transform .1s ease,border-color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.notebook-icon-option--modern:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.notebook-icon-option--modern.selected{border:2px solid var(--color-primary);background:var(--color-primaryContainer)}.notebook-icon-option--modern:active{transform:scale(1.1)}.notebook-icon-option--modern:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:2px}@media (max-width: 599px){.notebook-icon-option--modern{width:3rem;height:3rem;font-size:1.375rem}}.notebook-color-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.notebook-color-option--modern{width:2.5rem;height:2.5rem;border-radius:var(--radius-round);border:2px solid transparent;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .1s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.notebook-color-option--modern:hover{transform:scale(1.1)}.notebook-color-option--modern.selected{box-shadow:var(--shadow-md);border-color:var(--color-text)}.notebook-color-option--modern:active{transform:scale(1.15)}.notebook-color-option--modern:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:2px}@media (max-width: 599px){.notebook-color-option--modern{width:3rem;height:3rem}}.notebook-icon-scroll{max-height:12rem;overflow-y:auto;border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}.notebook-icon-scroll::-webkit-scrollbar{width:4px}.notebook-icon-scroll::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:var(--radius-round)}.notebook-appearance-divider{border:none;border-top:1px solid var(--color-outlineVariant);margin:0}.notebook-default-row{padding:0 var(--spacing-sm)}.modal-actions--sticky{position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-outlineVariant);padding:var(--spacing-md) var(--spacing-lg);z-index:1}.form-optional-toggle{background:none;border:1px dashed var(--color-outlineVariant);border-radius:var(--radius-md);color:var(--color-textSecondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:border-color .15s ease,color .15s ease;width:100%;text-align:left}.form-optional-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.tier-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.tier-badge--free{background:color-mix(in srgb,var(--color-textSecondary) 15%,transparent);color:var(--color-textSecondary)}.tier-badge--plus{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.tier-badge--pro{background:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}.plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.settings-cancel-link{background:none;border:none;padding:0;font:inherit;font-size:var(--font-size-sm);color:var(--color-textSecondary);text-decoration:underline;cursor:pointer;margin-left:var(--spacing-xs)}.settings-cancel-link:hover{color:var(--color-error, #dc2626)}.drive-status-row{display:flex;align-items:center;gap:var(--spacing-sm)}.drive-status-row .sync-connection-status{margin-bottom:0}.paywall-modal{text-align:center;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);max-width:26rem;position:relative}@media (max-width: 599px){.paywall-modal{max-width:none;width:100%;height:100%;max-height:100vh;border-radius:0;margin:0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;justify-content:center;overflow-y:auto}}.paywall-modal-close{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;border-radius:50%;color:var(--color-textSecondary);cursor:pointer;transition:background-color .15s,color .15s;z-index:1}.paywall-modal-close:hover{background:var(--color-surfaceVariant);color:var(--color-text)}.paywall-modal-brand-icon{width:56px;height:56px;border-radius:50%;background:#4a8f441f;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--color-primary)}.paywall-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold, 700);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.paywall-modal-description{font-size:var(--font-size-sm);color:var(--color-textSecondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.paywall-billing-toggle{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:9999px;padding:2px;margin-bottom:var(--spacing-md)}.paywall-billing-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:9999px;background:none;color:var(--color-textSecondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .15s ease}.paywall-billing-option--active{background:var(--color-primary);color:var(--color-onPrimary, #fff)}.paywall-billing-save{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold, 700);background:#fff3;padding:1px 6px;border-radius:9999px}.paywall-tier-cards{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);text-align:left}.paywall-tier-card{border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg, 12px);padding:var(--spacing-md);background:var(--color-surface);transition:border-color .15s}.paywall-tier-card--primary{border-color:var(--color-primary);background:#4a8f440f}.paywall-tier-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.paywall-tier-card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold, 700);color:var(--color-text)}.paywall-tier-card-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold, 700);color:var(--color-primary);background:#4a8f4426;padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em}.paywall-tier-card-price{margin-bottom:var(--spacing-sm)}.paywall-tier-card-price-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold, 700);color:var(--color-text)}.paywall-tier-card-price-period{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.paywall-tier-card-price-monthly{font-size:var(--font-size-xs);color:var(--color-textSecondary);margin-left:var(--spacing-xs)}.paywall-tier-card-features{list-style:none;padding:0;margin:0 0 var(--spacing-md)}.paywall-tier-card-features li{display:flex;align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-textSecondary);padding:2px 0;line-height:1.4}.paywall-tier-card-features li svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.paywall-tier-card-byok-note{font-size:var(--font-size-xs);color:var(--color-textSecondary);font-style:italic;margin:0 0 var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#4a8f440f;border-radius:var(--radius-sm);line-height:1.4}.paywall-tier-card-cta{width:100%;justify-content:center}.paywall-modal-compare-link{display:block;background:none;border:none;color:var(--color-textSecondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs);text-decoration:underline;text-underline-offset:2px;transition:color .15s;margin:0 auto}.paywall-modal-compare-link:hover{color:var(--color-primary)}.paywall-modal-coming-soon{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--color-surfaceAlt);border-radius:var(--radius-md)}.paywall-modal-coming-soon-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-onPrimary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.paywall-modal-coming-soon-message{margin:0;font-size:var(--font-size-sm);color:var(--color-textSecondary);line-height:1.5}.pricing-page{max-width:56rem;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg)}.pricing-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.pricing-subtitle{font-size:var(--font-size-md);color:var(--color-textSecondary);margin:0}.pricing-toggle-wrapper{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.pricing-toggle{display:inline-flex;background:var(--color-surfaceVariant);border-radius:999px;padding:.125rem;gap:.125rem}.pricing-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:999px;background:transparent;color:var(--color-textSecondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.pricing-toggle-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.pricing-toggle-save{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.pricing-cards{grid-template-columns:1fr}}.pricing-card{display:flex;flex-direction:column;background:var(--color-card);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative}.pricing-card--highlighted{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.pricing-card--current{border-color:var(--color-primary)}.pricing-card-badge{position:absolute;top:calc(-1 * var(--spacing-xs));right:var(--spacing-md);padding:.125rem var(--spacing-sm);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-primary);color:var(--color-onPrimary);text-transform:uppercase;letter-spacing:.05em}.pricing-card-badge--recommended{background:var(--color-secondary);color:var(--color-onSecondary)}.pricing-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.pricing-card-price{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.pricing-card-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.pricing-card-period{font-size:var(--font-size-sm);color:var(--color-textSecondary)}.pricing-card-description{font-size:var(--font-size-sm);color:var(--color-textSecondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.pricing-card-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;flex:1}.pricing-feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text)}.pricing-feature-icon{color:var(--color-primary);flex-shrink:0}.pricing-card-cta{width:100%}.pricing-card-cta-spacer{height:2.5rem}.pricing-footer{text-align:center}.pricing-restore-btn{background:none;border:none;color:var(--color-textSecondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;padding:var(--spacing-sm)}.pricing-restore-btn:hover{color:var(--color-text)}.pricing-restore-btn:disabled{opacity:.6;cursor:default}.pricing-status-message{text-align:center;padding:var(--spacing-sm) var(--spacing-md);margin:0 auto;max-width:400px;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surfaceHover);border-radius:var(--radius-md)}.pricing-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}.pricing-coming-soon-icon{color:var(--color-primary);margin-bottom:var(--spacing-lg);opacity:.8}.pricing-coming-soon-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.pricing-coming-soon-message{font-size:var(--font-size-md);color:var(--color-textSecondary);margin:0;max-width:400px;line-height:1.5}.subscription-usage{margin:var(--spacing-sm) 0}.ai-usage-meter{width:100%;height:.375rem;background:var(--color-surfaceVariant);border-radius:999px;overflow:hidden;margin-top:var(--spacing-xs)}.ai-usage-meter-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .3s ease}.ai-usage-meter-fill--warning{background:var(--color-warning, #f59e0b)}.ai-usage-meter-fill--critical{background:var(--color-error)}.ad-banner-slot{flex-shrink:0;height:10vh;display:flex;flex-direction:column}.ad-banner-slot>*{flex:1;min-height:0}.ad-banner-upgrade{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-outlineVariant);font-size:var(--font-size-sm);color:var(--color-textSecondary);height:100%}.ad-banner-web{height:100%;display:flex;align-items:center;justify-content:center}.ad-banner-upgrade-icon{color:var(--color-primary)}.ad-banner-upgrade-link{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;margin-left:auto}.ad-banner-upgrade-link:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.ad-banner-native-spacer{flex-shrink:0;height:var(--native-ad-height, 0px)}.gate-lock-hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1px dashed color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease}.gate-lock-hint:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.bramble-scour-container{width:100%;max-width:400px;height:200px;position:relative;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);margin:0 auto}.bramble-scour-text-container{position:relative;width:100%;height:100%}.bramble-scour-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);padding:var(--spacing-sm)}.bramble-scour-text.messy{font-family:Reenie Beanie,cursive;font-size:1.6rem;color:var(--color-textSecondary);transform:rotate(-1deg);letter-spacing:.5px;word-spacing:2px}.bramble-scour-text.clean{font-family:var(--font-family-mono);color:var(--color-text);animation:bramble-sweep 3s infinite ease-in-out}@keyframes bramble-sweep{0%,to{clip-path:inset(0 80% 0 0)}50%{clip-path:inset(0 0 0 80%)}}.bramble-scour-magnifier{position:absolute;top:0;height:100%;width:4px;background:var(--color-highlight);animation:bramble-move-mag 3s infinite ease-in-out;display:flex;align-items:flex-start;justify-content:center}@keyframes bramble-move-mag{0%,to{left:20%}50%{left:80%}}.bramble-scour-badger{position:absolute;top:-44px;left:50%;transform:translate(-50%)}.harvest-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.harvest-basket-container{position:relative;font-size:80px;line-height:1}.harvest-basket{display:block}.harvest-berry-drop{position:absolute;top:-120px;left:50%;transform:translate(-50%);animation:harvest-drop-berry 2s infinite ease-in}@keyframes harvest-drop-berry{0%{transform:translate(-50%);opacity:0}20%{opacity:1}50%{transform:translate(-50%,110px);opacity:1}51%{opacity:0}to{opacity:0}}.harvest-success-pop{position:absolute;top:-20px;left:50%;transform:translate(-50%) scale(0);font-size:32px;animation:harvest-pop-check 2s infinite ease-out}@keyframes harvest-pop-check{0%,50%{transform:translate(-50%) scale(0);opacity:0}60%{transform:translate(-50%) scale(1.5);opacity:1}80%,to{transform:translate(-50%) scale(1);opacity:0}}.harvest-label{margin-top:var(--spacing-lg);color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:.5px;font-size:var(--font-size-md)}.account-menu-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.account-menu-divider{height:1px;background:var(--color-divider);margin:var(--spacing-xs) 0}.account-menu-backdrop,.account-menu-drag-handle{display:none}.app-shell-user-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width: 767px){.account-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;animation:modal-backdrop-fade .15s ease-out}.account-menu-drag-handle{display:block;width:2rem;height:4px;background:var(--color-outline);border-radius:var(--radius-round);margin:var(--spacing-sm) auto var(--spacing-xs)}.app-shell-user-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;min-width:unset;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;z-index:1000;padding:var(--spacing-xs) var(--spacing-xs) calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));animation:account-sheet-up .25s ease-out}.app-shell-user-dropdown-item{padding:var(--spacing-md);gap:var(--spacing-md)}}@keyframes account-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.app-shell-user-dropdown,.account-menu-backdrop{animation:none}}.move-to-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.move-to-modal{background:var(--color-surface);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg);min-width:280px;max-width:400px;width:100%;max-height:60vh;display:flex;flex-direction:column;gap:var(--spacing-sm);box-shadow:0 8px 32px #0003}.move-to-modal-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.move-to-modal-empty{color:var(--color-textSecondary);font-size:.9rem;text-align:center;padding:var(--spacing-md) 0}.move-to-modal-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.move-to-modal-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text);font-size:.95rem;cursor:pointer;border-radius:var(--radius-sm, 6px);text-align:left}.move-to-modal-item:hover{background:var(--color-surfaceHover, rgba(0, 0, 0, .05))}.move-to-modal-item-icon{font-size:1.1em}.move-to-modal-cancel{margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-textSecondary);cursor:pointer;font-size:.9rem}.move-to-modal-cancel:hover{background:var(--color-surfaceHover, rgba(0, 0, 0, .05))}.display-mode-toggle{display:none;align-items:center;gap:2px;background:var(--color-surfaceVariant, var(--color-border));border-radius:var(--radius-sm, 6px);padding:2px}@media (min-width: 768px){.display-mode-toggle{display:flex}}.display-mode-toggle-btn{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-textSecondary);cursor:pointer;transition:background .15s,color .15s}.display-mode-toggle-btn:hover:not(:disabled){background:var(--color-surfaceHover, rgba(0, 0, 0, .05))}.display-mode-toggle-btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.display-mode-toggle-btn--disabled{opacity:.5;cursor:not-allowed}.display-mode-toggle-badge{position:absolute;top:-4px;right:-6px;font-size:.55rem;font-weight:700;text-transform:uppercase;background:var(--color-primary);color:var(--color-onPrimary, #fff);padding:1px 3px;border-radius:3px;line-height:1;pointer-events:none}.column-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}@media (min-width: 600px){.column-settings-overlay{align-items:center}}.column-settings-panel{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto}@media (min-width: 600px){.column-settings-panel{border-radius:var(--radius-lg)}}.column-settings-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);text-align:center}.column-settings-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.column-settings-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.column-settings-item-reorder{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.column-settings-reorder-btn{display:flex;align-items:center;justify-content:center;width:24px;height:18px;border:none;border-radius:var(--radius-sm, 4px);background:transparent;color:var(--color-textSecondary);cursor:pointer;padding:0}.column-settings-reorder-btn:hover:not(:disabled){background:var(--color-surfaceHover, rgba(0, 0, 0, .05));color:var(--color-text)}.column-settings-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.column-settings-item-toggle{flex:1;min-width:0}.column-settings-done{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:transparent;color:var(--color-textSecondary);cursor:pointer;font-size:.9rem;text-align:center}.column-settings-done:hover{background:var(--color-surfaceHover, rgba(0, 0, 0, .05))}.table-view{width:100%}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-view table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-header-cell{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-outlineVariant);font-weight:600;color:var(--color-textSecondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.table-header-cell:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.table-header-actions{width:1%;cursor:default}.table-header-actions:hover{background-color:transparent;color:var(--color-textSecondary)}.table-header-label{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.table-sort-indicator{font-size:var(--font-size-xs, .75rem);color:var(--color-primary)}.table-row{cursor:pointer;transition:background-color .15s ease}.table-row:hover{background-color:var(--color-surfaceVariant)}.table-cell{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-outlineVariant);color:var(--color-text);max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell--number{text-align:right;font-variant-numeric:tabular-nums}.table-cell--toggle{text-align:center}.table-cell--tags{white-space:normal}.table-cell-tags{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-xs)}.table-cell-tag-pill{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-full, 9999px);background-color:var(--color-primaryContainer, rgba(76, 175, 80, .15));color:var(--color-onPrimaryContainer, var(--color-text));font-size:var(--font-size-xs, .75rem);line-height:1.4}.table-cell-list-badge{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-sm, 4px);background-color:var(--color-surfaceVariant);font-size:var(--font-size-xs, .75rem)}.table-actions{white-space:nowrap;opacity:0;transition:opacity .15s ease}.table-row:hover .table-actions{opacity:1}.table-action-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-textSecondary);cursor:pointer;line-height:1}.table-action-btn:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.table-action-btn--danger:hover{color:var(--color-error)}.table-action-icon{width:1rem;height:1rem}.table-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 2rem) var(--spacing-md);color:var(--color-textSecondary);font-size:var(--font-size-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.table-actions{opacity:1}}.record-card-dynamic{position:relative;display:flex;flex-direction:column;width:100%;background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.record-card-dynamic:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.record-card-dynamic-content{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);text-align:left;font-size:var(--font-size-md);color:var(--color-onSurface);background:none;border:none;cursor:pointer}.record-card-dynamic-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs) var(--spacing-sm)}.record-card-dynamic-field{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.record-card-dynamic-field--full{grid-column:span 2}.record-card-dynamic-field--half{grid-column:span 1}.record-card-dynamic-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.record-card-dynamic-field-value{font-size:var(--font-size-md);color:var(--color-text);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis}.record-card-dynamic-title-row .record-card-dynamic-field-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.record-card-dynamic-attachment{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;color:var(--color-textSecondary);opacity:.6;pointer-events:none}.record-card-dynamic-attachment-icon,.record-card-dynamic-action-icon{width:1rem;height:1rem}.record-card-dynamic-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:0 var(--spacing-md);border-top:1px solid transparent;background-color:var(--color-surface);max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease,padding .2s ease,border-top-color .2s ease}.record-card-dynamic:hover .record-card-dynamic-actions,.record-card-dynamic:focus-within .record-card-dynamic-actions{max-height:3rem;opacity:1;padding:var(--spacing-xs) var(--spacing-md);border-top-color:var(--color-outlineVariant)}.record-card-dynamic-action-btn{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-textSecondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;line-height:1;transition:color .15s,background-color .15s}.record-card-dynamic-action-btn:hover:not(:disabled){background-color:var(--color-surfaceVariant);color:var(--color-text)}.record-card-dynamic-action-btn--danger:hover:not(:disabled){color:var(--color-error)}.record-card-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 600px){.record-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 1024px){.record-card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 599px){.record-card-dynamic-actions{max-height:3rem;opacity:1;padding:var(--spacing-xs) var(--spacing-md);border-top-color:var(--color-outlineVariant)}}.record-list-view-switcher{display:inline-flex;align-items:center;gap:0;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.record-list-view-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;color:var(--color-textSecondary);cursor:pointer;transition:color .15s,background-color .15s}.record-list-view-btn:hover{color:var(--color-text);background-color:var(--color-surfaceVariant)}.record-list-view-btn--active{color:var(--color-primary);background-color:var(--color-primaryContainer)}.record-list-view-btn:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.record-list-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-round);color:var(--color-textSecondary);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s;flex-shrink:0}.record-list-settings-btn:hover{color:var(--color-text);border-color:var(--color-primary);background-color:var(--color-surfaceVariant)}.record-list-settings-btn:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.record-list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.record-list-search{flex:1;min-width:8rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--color-onSurface);background-color:var(--color-inputBackground);border:1px solid var(--color-inputBorder);border-radius:var(--radius-md)}.record-list-search:focus{outline:none;border-color:var(--color-inputFocus)}.record-list-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:1;min-width:0}.record-list-toolbar-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-textSecondary);background:none;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.record-list-toolbar-btn:hover{background-color:var(--color-surfaceVariant);color:var(--color-text)}.record-list-toolbar-btn-icon{width:1rem;height:1rem;flex-shrink:0}.record-list-sort-wrap{position:relative}.record-list-sort-popover{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:14rem;padding:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:50}.record-list-sort-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-onSurface);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.record-list-sort-option:hover,.record-list-sort-option.selected{background-color:var(--color-surfaceVariant)}.record-list-sort-option.selected{font-weight:var(--font-weight-medium);color:var(--color-primary)}.record-list-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);width:100%}.record-list-toolbar-status{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-textSecondary);white-space:nowrap}.record-list-filtered-by{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.record-list-filtered-by-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;font-size:var(--font-size-xs);color:var(--color-primary);background-color:var(--color-surfaceVariant);border-radius:var(--radius-round)}.record-list-filtered-by-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;background:none;color:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-round)}.record-list-filtered-by-remove:hover{background-color:var(--color-primary);color:var(--color-onPrimary)}.record-list-no-match{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-sm);color:var(--color-textSecondary)}.record-list-no-match h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.record-list-no-match p{margin:0}@media (max-width: 599px){.record-list-search{min-width:6rem}.record-list-toolbar-btn-label{display:none}}.display-settings-panel{overflow-y:auto}.display-settings-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.display-settings-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.display-settings-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-textSecondary);letter-spacing:.05em}.display-settings-field-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.display-settings-field-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.display-settings-field-row .form-toggle-switch{flex:1;min-width:0}.display-settings-field-drag{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;opacity:.4;cursor:grab;color:var(--color-textSecondary)}.display-settings-field-drag:hover{opacity:.7}.display-settings-field-drag--grabbing{cursor:grabbing}.display-settings-field-row--dragging{opacity:.4}.display-settings-field-row--drag-over{border-top:2px solid var(--color-primary)}.display-settings-sort-row{display:flex;align-items:center;gap:var(--spacing-sm)}.display-settings-sort-label{font-size:var(--font-size-sm);color:var(--color-textSecondary);white-space:nowrap;min-width:5rem}.display-settings-sort-select{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-outlineVariant);border-radius:var(--radius-sm, 6px);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.display-settings-sort-select:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.display-settings-reset-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-textSecondary);background:transparent;border:1px solid var(--color-outlineVariant);border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.display-settings-reset-btn:hover{background:var(--color-surfaceVariant);color:var(--color-text);border-color:var(--color-outline)}.display-settings-reset-btn:focus-visible{outline:2px solid var(--color-inputFocus);outline-offset:-2px}.display-settings-pro-badge{font-size:var(--font-size-xs);padding:1px 6px;border-radius:var(--radius-full, 999px);background:var(--color-accent-light, rgba(var(--color-primary-rgb, 76, 175, 80), .15));color:var(--color-accent, var(--color-primary));font-weight:600;margin-left:var(--spacing-xs)}.display-settings-card-size-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.display-settings-card-size-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.display-settings-card-size-select-wrapper{position:relative;display:inline-flex;align-items:center}.display-settings-lock-icon{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-textSecondary);opacity:.5}.display-settings-section-title--clickable{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center}.display-settings-section-title--clickable::-webkit-details-marker{display:none}.record-table-th--resizable{position:relative}.record-table-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:5px;cursor:col-resize;z-index:1}.record-table-resize-handle:hover,.record-table-resize-handle:active{background:var(--color-primary);opacity:.3}.app-shell-header-actions{flex-shrink:0;display:flex;align-items:center}.app-shell-search-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer;transition:background-color .15s}.app-shell-search-button:hover{background-color:var(--color-surfaceVariant, rgba(0, 0, 0, .06))}.app-shell-search-icon{width:1.25rem;height:1.25rem}.search-screen{display:flex;flex-direction:column;max-width:40rem;margin:0 auto;padding:var(--spacing-md);gap:var(--spacing-md)}.search-screen-input-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outlineVariant, rgba(0, 0, 0, .12));border-radius:var(--radius-lg, 12px);background-color:var(--color-surface)}.search-screen-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.search-screen-icon{width:1.25rem;height:1.25rem;color:var(--color-textSecondary);flex-shrink:0}.search-screen-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-md);color:var(--color-text);font-family:inherit}.search-screen-input::placeholder{color:var(--color-textSecondary)}.search-screen-clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-textSecondary);cursor:pointer;flex-shrink:0}.search-screen-clear svg{width:1rem;height:1rem}.search-screen-clear:hover{background-color:var(--color-surfaceVariant, rgba(0, 0, 0, .06))}.search-screen-results{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-screen-empty{display:flex;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.search-screen-empty-text{color:var(--color-textSecondary);font-size:var(--font-size-md);text-align:center}.search-screen-loading{display:flex;justify-content:center;padding:var(--spacing-lg);color:var(--color-textSecondary)}.search-results-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-results-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--spacing-xs);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.search-results-section-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);color:var(--color-textSecondary);background:var(--color-surfaceVariant);padding:1px 6px;border-radius:9999px;text-transform:none;letter-spacing:normal}.search-results-show-more{display:block;width:100%;padding:var(--spacing-sm);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:background-color .15s}.search-results-show-more:hover{background:#4a8f4414}.search-results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.search-result-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;width:100%;font-family:inherit;transition:background-color .15s}.search-result-item:hover{background-color:var(--color-surfaceVariant, rgba(0, 0, 0, .04))}.search-result-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.search-result-snippet{font-size:var(--font-size-sm);color:var(--color-textSecondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-container{font-size:var(--font-size-xs, .75rem);color:var(--color-textTertiary, var(--color-textSecondary))}.search-highlight{background-color:var(--color-primaryContainer, #e8def8);color:var(--color-onPrimaryContainer, #1d192b);border-radius:2px;padding:0 1px}