:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--app-text);background:var(--app-bg);--app-bg: #F5F7FA;--app-surface: #FFFFFF;--app-surface-soft: #EEF3F7;--app-text: #172133;--app-muted: #64748B;--app-border: #CBD5E1;--color-notes: #F97316;--color-plans: #14B8A6;--color-projects: #152238;--color-success: #16A34A;--color-danger: #DC2626;--color-important: #F97316;--priority-cold: #2563EB;--priority-hot: #E11D48;--on-notes: #111827;--on-plans: #111827;--on-projects: #F8FAFC;--on-success: #111827;--on-danger: #F8FAFC;--on-important: #111827;--section-aha: var(--color-notes);--section-aha-soft: color-mix(in srgb, var(--color-notes) 16%, var(--app-surface-soft));--section-hmm: var(--color-plans);--section-hmm-soft: color-mix(in srgb, var(--color-plans) 16%, var(--app-surface-soft));--section-tada: var(--color-projects);--section-tada-soft: color-mix(in srgb, var(--color-projects) 14%, var(--app-surface-soft));--bg-base: var(--app-bg);--surface-border: var(--app-border);--text-strong: var(--app-text);--primary-teal: var(--color-plans);--warm-orange: var(--color-important);--button-bg: var(--color-plans);--button-text: var(--on-plans);--secondary-button-bg: color-mix(in srgb, var(--app-surface-soft) 76%, var(--color-plans));--danger-bg: var(--color-danger);--success-bg: var(--color-success);--important-bg: var(--color-important);--header-bg: color-mix(in srgb, var(--app-bg) 94%, transparent);--nav-bg: color-mix(in srgb, var(--app-surface) 96%, transparent);--edit-panel-bg: color-mix(in srgb, var(--app-surface-soft) 86%, var(--app-surface));--danger-soft: color-mix(in srgb, var(--color-danger) 12%, var(--app-surface));--success-soft: color-mix(in srgb, var(--color-success) 14%, var(--app-surface));--focus-color: var(--color-important);--radius-card: 8px;--radius-button: 8px;--radius-input: 8px;--radius-small: 6px;--radius-nav: 8px;--radius-cog: 999px;--border-width-card: 1px;--border-width-button: 1px;--border-width-accent: 6px;--card-shadow: none;--button-shadow: none;--surface-coverage: 100%;--panel-blur: 0px;--card-padding: 13px;--frame-padding: 10px;--card-gap: 12px;--button-padding-y: 11px;--button-padding-x: 14px;--focus-ring-width: 3px;--font-weight-button: 700;--keyboard-offset: 0px;--bottom-nav-safe-area: env(safe-area-inset-bottom, 0px);--bottom-nav-height: 74px;--bottom-nav-height-compact: 58px;--page-inline-padding: clamp(12px, 4vw, 16px);--page-block-padding: 16px;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;background:var(--app-bg);color:var(--app-text)}button,input,textarea,select{font:inherit}button,.capture-btn,.icon-link,.gallery-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:var(--border-width-button) solid color-mix(in srgb,var(--button-bg) 78%,var(--app-border));border-radius:var(--radius-button);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-text);cursor:pointer;font-weight:var(--font-weight-button);line-height:1.15;padding:var(--button-padding-y) var(--button-padding-x);text-align:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:active,.capture-btn:active,.icon-link:active,.gallery-upload-button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,.note-card:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.gallery-upload-button:focus-within{outline:var(--focus-ring-width) solid var(--focus-color);outline-offset:2px}textarea,select,input{width:100%;min-height:44px;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-input);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);color:var(--app-text);padding:11px 12px}textarea{line-height:1.45;resize:vertical}input[type=checkbox]{accent-color:var(--section-hmm)}h1,h2,h3,p{margin:0}h1{font-size:18px;letter-spacing:0}h2{max-width:100%;overflow-wrap:anywhere;font-size:34px;line-height:1;letter-spacing:0}h3{font-size:17px;letter-spacing:0}small{color:var(--app-muted)}img,svg,canvas,video{max-width:100%}section,details,form{min-width:0;max-width:100%}.app-shell{width:100%;max-width:min(720px,100%);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-x:clip;margin:0 auto;background:var(--app-bg);padding-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area) + 8px)}.app-shell.keyboard-open{padding-bottom:calc(var(--bottom-nav-height-compact) + var(--bottom-nav-safe-area) + 8px)}.top-header{width:100%;max-width:100%;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:var(--border-width-card) solid var(--app-border);background:var(--header-bg);color:var(--app-text);padding:10px var(--page-inline-padding);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-header h1{min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.2}.header-save-confirmation{position:absolute;top:50%;left:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:var(--border-width-button) solid var(--success-bg);border-radius:999px;background:var(--success-bg);box-shadow:0 8px 20px color-mix(in srgb,var(--success-bg) 30%,transparent);color:var(--on-success);font-size:14px;font-weight:800;line-height:1;padding:7px 13px;pointer-events:none;text-align:center;white-space:nowrap;animation:header-save-confirmation-flash 1s ease-out both}@keyframes header-save-confirmation-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}28%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.98)}}.header-settings-link{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:var(--border-width-button) solid color-mix(in srgb,var(--button-bg) 78%,var(--app-border));border-radius:var(--radius-button);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-text);font-size:13px;font-weight:var(--font-weight-button);line-height:1;padding:6px 10px;text-decoration:none;white-space:nowrap}main{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;padding:var(--page-block-padding) var(--page-inline-padding)}.stack{display:grid;min-width:0;max-width:100%;gap:12px}.page-screen{width:100%;gap:18px}.card{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);color:inherit;padding:var(--card-padding);text-decoration:none}.bottom-nav{position:fixed;right:0;bottom:calc(var(--keyboard-offset, 0px) + var(--bottom-nav-safe-area));left:0;width:100%;max-width:min(720px,100%);margin:0 auto;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:var(--border-width-card) solid var(--app-border);background:var(--nav-bg);padding:8px;transition:bottom .18s ease,padding .18s ease;-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur))}.app-shell.keyboard-open .bottom-nav{padding:5px 6px}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;border:var(--border-width-button) solid transparent;border-radius:var(--radius-nav);background:transparent;color:var(--app-muted);font-size:13px;font-weight:var(--font-weight-button);line-height:1.1;overflow-wrap:anywhere;padding:6px;text-align:center;text-decoration:none}.bottom-nav a:not(.active):nth-child(1){border-color:var(--section-aha);color:var(--section-aha)}.bottom-nav a:not(.active):nth-child(2){border-color:var(--section-hmm);color:var(--section-hmm)}.bottom-nav a:not(.active):nth-child(3){border-color:var(--section-tada);color:var(--section-tada)}.app-shell.keyboard-open .bottom-nav a{min-height:40px;font-size:12px;padding:4px}.bottom-nav a.active{background:var(--app-surface-soft);color:var(--app-text)}.bottom-nav a.active-aha{border-color:var(--section-aha);background:var(--section-aha);color:var(--on-notes)}.bottom-nav a.active-hmm,.bottom-nav a.active-settings{border-color:var(--section-hmm);background:var(--section-hmm);color:var(--on-plans)}.bottom-nav a.active-tada{border-color:var(--section-tada);background:var(--section-tada);color:var(--on-projects)}.page-title-row,.section-title-row,.priority-heading{display:flex;min-width:0;max-width:100%;align-items:center;justify-content:space-between;gap:12px}.page-title-row>div{display:grid;min-width:0;gap:5px}.header-actions{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;align-items:center;gap:8px}.icon-link,.secondary-button,.danger-button{min-height:40px;padding:9px 12px}.secondary-button{border-color:var(--app-border);background:var(--secondary-button-bg);color:var(--app-text)}.danger-button,.capture-delete-pill{border-color:var(--danger-bg);background:var(--danger-bg);color:var(--on-danger)}.back-link{color:var(--section-tada);font-size:13px;font-weight:800;text-decoration:none}.field-label{display:grid;min-width:0;gap:6px;color:var(--app-muted);font-size:13px;font-weight:800}.note-form{align-content:start;width:100%;--keyboard-inset: 0px;--available-vh: 100dvh}.capture-bottom-toolbar,.capture-options-grid{display:grid;gap:6px}.capture-input-wrap{position:relative;display:grid;min-width:0;max-width:100%;grid-template-rows:auto minmax(96px,1fr) auto;gap:6px;min-height:clamp(190px,calc(var(--available-vh) - 260px),520px);max-height:clamp(190px,calc(var(--available-vh) - var(--bottom-nav-height-compact) - 120px),520px);border:max(2px,var(--border-width-card)) solid var(--section-aha);border-radius:calc(var(--radius-card) + 2px);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));scroll-margin-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area) + var(--keyboard-inset) + 24px)}.capture-input-wrap textarea{min-height:0;height:100%;padding:10px 12px}.new-aha-panel{border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);padding:12px}.capture-top-controls{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;align-items:center;gap:8px}.capture-top-actions{display:inline-flex;min-width:0;flex:0 1 auto;gap:6px}.capture-delete-pill,.capture-save-pill{min-height:28px;min-width:66px;border-radius:999px;font-size:11px;line-height:1;padding:2px 9px}.capture-save-pill{min-width:88px;border-color:var(--section-aha);background:var(--section-aha);color:var(--on-notes);flex:0 0 auto}.priority-picker-inline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-width:0;min-height:28px;flex:1 1 auto;gap:6px;padding:1px 0}.priority-slider-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.priority-scale-label{color:var(--app-muted);font-size:11px;font-weight:800;line-height:1;text-transform:lowercase}.priority-slider{width:100%;min-height:20px;height:20px;border:0;background:transparent;cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.priority-slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--priority-cold) 0%,var(--priority-hot) 100%)}.priority-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border:2px solid var(--app-surface);border-radius:999px;background:var(--priority-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-text) 30%,transparent);-moz-appearance:none;appearance:none;-webkit-appearance:none}.priority-slider::-moz-range-track{height:4px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--priority-cold) 0%,var(--priority-hot) 100%)}.priority-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--app-surface);border-radius:999px;background:var(--priority-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-text) 30%,transparent)}.priority-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus-color),0 0 0 4px color-mix(in srgb,var(--app-text) 28%,transparent)}.priority-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus-color),0 0 0 4px color-mix(in srgb,var(--app-text) 28%,transparent)}.capture-secondary-row{display:flex;align-items:center;min-width:0;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:2px}.important-toggle{min-height:32px;flex:0 1 auto;border:var(--border-width-button) solid var(--app-border);border-radius:999px;background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);color:var(--app-muted);font-size:12px;font-weight:750;line-height:1;padding:2px 9px;white-space:nowrap}.important-toggle.is-active{border-color:var(--color-important);background:color-mix(in srgb,var(--color-important) 18%,var(--app-surface));color:var(--color-important)}.capture-destination-select{width:100%;min-width:0;min-height:32px;flex:1 1 140px;font-size:12px;padding:2px 9px}.checklist-toggle{max-width:112px}.option-grid,.settings-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-row{display:flex;align-items:center;min-height:38px;gap:10px;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);color:var(--app-text);font-weight:650;padding:6px 9px}.checkbox-row input{width:20px;height:20px;min-height:20px;flex:0 0 auto;margin:0}.actions{display:flex;min-width:0;max-width:100%;flex-wrap:wrap;gap:8px}.note-edit-actions-row{align-items:center;justify-content:space-between}.form-error{border:var(--border-width-card) solid color-mix(in srgb,var(--danger-bg) 32%,var(--app-border));border-radius:var(--radius-card);background:var(--danger-soft);color:var(--danger-bg);font-weight:700;padding:10px 12px}.success-message{border:var(--border-width-card) solid color-mix(in srgb,var(--success-bg) 42%,var(--app-border));border-radius:var(--radius-card);background:var(--success-soft);color:var(--success-bg);font-weight:800;padding:10px 12px}.empty-state{border:var(--border-width-card) dashed color-mix(in srgb,var(--app-muted) 55%,var(--app-border));border-radius:var(--radius-card);color:var(--app-muted);padding:14px;text-align:center}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);padding:5px}.segmented-control button{min-height:40px;background:transparent;box-shadow:none;color:var(--app-muted)}.segmented-control button.active{background:var(--section-tada);color:var(--on-projects)}.important-note-rainbow-border{position:relative;border-color:color-mix(in srgb,var(--color-important) 48%,var(--app-border));animation:important-note-border-pulse 6s ease-in-out infinite}@keyframes important-note-border-pulse{0%,to{border-color:color-mix(in srgb,var(--color-important) 28%,var(--app-border))}50%{border-color:color-mix(in srgb,var(--color-important) 86%,var(--app-border))}}@media (prefers-reduced-motion: reduce){.important-note-rainbow-border{animation:none;border-color:var(--color-important)}}.grouped-list{gap:8px}.note-card{position:relative;display:grid;min-width:0;max-width:100%;gap:var(--card-gap);border-left:var(--border-width-accent) solid var(--priority-color)}.note-card-main{display:grid;gap:8px;padding-right:40px}.note-card-main p{line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.cog-icon-button,.note-card-cog-button,.todo-row-cog-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;border:var(--border-width-button) solid color-mix(in srgb,var(--app-border) 86%,var(--app-text));border-radius:var(--radius-cog);background:var(--app-surface-soft);box-shadow:none;color:var(--app-text);font-size:14px;font-weight:700;line-height:1;padding:0}.note-card-cog-button{position:absolute;top:8px;right:8px}.note-card-main-editable,.todo-row span[role=button]{cursor:pointer}.note-card-main-editable:focus-visible,.todo-row span[role=button]:focus-visible{border-radius:var(--radius-small);outline:var(--focus-ring-width) solid var(--focus-color);outline-offset:2px}.edit-panel{display:grid;min-width:0;max-width:100%;gap:10px;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:var(--edit-panel-bg);box-shadow:var(--card-shadow);padding:var(--frame-padding);scroll-margin-top:calc(var(--sticky-header-height, 56px) + 12px);scroll-margin-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area) + var(--keyboard-inset, 0px) + 24px)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.project-tile{display:grid;min-height:104px;align-content:space-between;gap:8px;background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent)}.project-tile strong{color:var(--section-tada);font-size:17px;overflow-wrap:anywhere}.project-tile span,.project-description{color:var(--app-muted)}.project-tile span{font-size:13px;font-weight:700}.project-description{line-height:1.45}.done-counter{border-radius:999px;background:var(--section-tada);color:var(--on-projects);font-size:13px;font-weight:800;padding:6px 10px}.card-list,.note-card-list,.checklist-list,.checklist-item-stack{gap:3px}.todo-row{display:grid;min-width:0;max-width:100%;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;border:var(--border-width-card) solid var(--app-border);border-left:var(--border-width-accent) solid var(--priority-color, var(--section-hmm));border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);padding:2px 12px}.todo-row input{width:22px;height:22px;min-height:22px;margin:0}.todo-row span{overflow-wrap:anywhere}.gallery-upload-button{position:relative;justify-self:end;width:fit-content;max-width:100%;min-width:0;min-height:40px;margin:2px 0 4px auto;overflow:hidden;border-color:var(--app-border);background:var(--secondary-button-bg);color:var(--app-text);font-size:13px;padding:7px 10px;white-space:nowrap}.gallery-upload-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.gallery-upload-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;cursor:pointer;opacity:0}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.img-card{min-width:0;overflow-wrap:anywhere;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);padding:6px}.img-card img{width:100%;height:112px;border-radius:var(--radius-small);object-fit:cover}.tag-actions,.visibility-list{display:grid;gap:8px}.tag-pill{border:var(--border-width-button) solid var(--app-border);border-radius:999px;background:var(--secondary-button-bg);color:var(--app-text);font-size:12px;padding:8px 10px}.tag-pill.selected{border-color:var(--tag-color);background:var(--tag-color);color:#fff}.selected-action{background:var(--section-hmm)!important;color:var(--on-plans)!important}summary{min-height:44px;cursor:pointer;font-weight:800}.mobile-focused-textarea-wrap{scroll-margin-bottom:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area) + var(--keyboard-inset, 0px) + 24px)}.settings-nav-button{width:100%}.settings-back-button{width:fit-content;min-height:36px;padding:7px 11px}.settings-theme-screen{gap:16px}.theme-choice-section{gap:10px}.theme-option-list{display:grid;gap:8px}.theme-option{display:grid;width:100%;min-height:72px;justify-items:stretch;gap:8px;border:var(--border-width-card) solid var(--app-border);border-radius:var(--radius-card);background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent);box-shadow:var(--card-shadow);color:var(--app-text);padding:11px;text-align:left}.theme-option.selected{border-color:var(--color-important);box-shadow:inset 0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--color-important) 30%,transparent),var(--card-shadow)}.theme-option-main{display:flex;align-items:flex-start;justify-content:space-between;min-width:0;gap:10px}.theme-option-copy{display:grid;min-width:0;gap:4px}.theme-option-copy strong,.theme-option-copy small{overflow-wrap:anywhere}.theme-selected-label{flex:0 0 auto;border:var(--border-width-button) solid color-mix(in srgb,var(--color-important) 50%,var(--app-border));border-radius:999px;background:color-mix(in srgb,var(--color-important) 14%,transparent);color:var(--app-text);font-size:11px;font-weight:800;line-height:1;padding:6px 8px}.palette-swatches{display:flex;flex-wrap:wrap;gap:6px}.palette-swatches span{width:24px;height:24px;border:1px solid var(--app-border);border-radius:var(--radius-small)}.section-aha .capture-input-wrap textarea{border-color:color-mix(in srgb,var(--section-aha) 35%,var(--app-surface))}.section-aha .capture-input-wrap textarea:focus{border-color:var(--section-aha);box-shadow:0 0 0 3px color-mix(in srgb,var(--section-aha) 20%,transparent)}.section-aha .new-aha-panel{border-color:color-mix(in srgb,var(--section-aha) 30%,var(--app-border));background:color-mix(in srgb,var(--section-aha-soft) 72%,var(--app-surface))}.section-hmm .segmented-control button.active{background:var(--section-hmm);color:var(--on-plans)}.section-hmm .grouped-list{border:var(--border-width-card) solid color-mix(in srgb,var(--section-hmm) 20%,var(--app-border));border-radius:var(--radius-card);background:color-mix(in srgb,var(--section-hmm-soft) 44%,var(--app-surface));padding:10px}.section-tada .project-tile,.section-tada .todo-row{border-color:color-mix(in srgb,var(--section-tada) 22%,var(--app-border))}.section-tada .project-tile strong,.section-tada .back-link{color:var(--section-tada)}:root[data-theme-style=hollow] button:not(.theme-option):not(.capture-save-pill):not(.capture-delete-pill):not(.danger-button):not(.active):not(.is-active),:root[data-theme-style=hollow] .header-settings-link,:root[data-theme-style=hollow] .secondary-button{background:transparent;color:var(--button-bg)}:root[data-theme-style=hollow] .gallery-upload-button{background:transparent;color:var(--button-bg)}:root[data-theme-style=hollow] .theme-option:not(.selected),:root[data-theme-style=hollow] .card,:root[data-theme-style=hollow] .todo-row,:root[data-theme-style=hollow] .edit-panel,:root[data-theme-style=hollow] .new-aha-panel,:root[data-theme-style=hollow] .capture-input-wrap{background:color-mix(in srgb,var(--app-surface) var(--surface-coverage),transparent)}:root[data-theme-style=transparent] .card,:root[data-theme-style=transparent] .todo-row,:root[data-theme-style=transparent] .edit-panel,:root[data-theme-style=transparent] .new-aha-panel,:root[data-theme-style=transparent] .capture-input-wrap,:root[data-theme-style=transparent] .top-header,:root[data-theme-style=transparent] .bottom-nav,:root[data-theme-style=transparent] .theme-option{-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur))}:root[data-theme-style=edgy] .card:not(.note-card),:root[data-theme-style=blocky] .card:not(.note-card),:root[data-theme-style=hobbyist] .card:not(.note-card){border-left-width:var(--border-width-accent);border-left-color:color-mix(in srgb,var(--button-bg) 70%,var(--app-border))}:root[data-theme-style=boxy] .top-header,:root[data-theme-style=boxy] .bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 520px){:root{--page-block-padding: 14px}.capture-top-controls{gap:6px}.capture-save-pill{min-width:0;font-size:11px;padding:2px 8px}.priority-picker-inline{gap:4px;padding:1px 0}.option-grid,.settings-button-grid,.project-grid{grid-template-columns:1fr}.capture-secondary-row{gap:6px}.page-title-row{align-items:stretch;flex-direction:column}.page-title-row .header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.page-title-row .header-actions>*{width:100%;padding-right:8px;padding-left:8px}.important-toggle,.capture-destination-select{min-height:32px}.capture-bottom-toolbar{gap:5px}.theme-option-main{align-items:stretch;flex-direction:column}.theme-selected-label{width:fit-content}}@media (min-width: 800px){.bottom-nav{border-right:var(--border-width-card) solid var(--app-border);border-left:var(--border-width-card) solid var(--app-border)}}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;background:color-mix(in srgb,#000 88%,var(--app-bg));padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));overscroll-behavior:contain}.image-viewer-topbar,.image-viewer-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:100%}.image-viewer-topbar{padding-bottom:8px}.image-viewer-close,.image-viewer-download,.image-viewer-controls button{min-width:48px;min-height:48px}.image-viewer-download{display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-button) solid color-mix(in srgb,var(--button-bg) 78%,var(--app-border));border-radius:var(--radius-button);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-text);font-weight:var(--font-weight-button);line-height:1.15;padding:var(--button-padding-y) var(--button-padding-x);text-align:center;text-decoration:none}.image-viewer-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-viewer-stage:active{cursor:grabbing}.image-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none}.image-viewer-controls{justify-content:center;padding-top:8px;padding-bottom:max(0px,calc(var(--bottom-nav-safe-area) - 8px))}.img-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:6px;width:100%;color:var(--app-text);font:inherit;text-align:left}.img-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-color);outline-offset:2px}@media (max-width: 520px){.image-viewer-overlay{padding-inline:max(8px,env(safe-area-inset-left,0px)) max(8px,env(safe-area-inset-right,0px))}.image-viewer-topbar{gap:8px}.image-viewer-download,.image-viewer-close{flex:1 1 0}}