@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap";:root{--fs-xs:11px;--fs-sm:12.5px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:22px;--lh-tight:1.25;--lh-body:1.45;--font:Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--gutter:16px;--gutter-desktop:24px;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-pill:999px;--tap:44px;--bg:#f7f7f4;--surface:#fff;--surface-2:#efefeb;--surface-3:#e5e5e0;--border:#e2e2dc;--border-strong:#cfcfc8;--text:#1c1c1a;--text-2:#5e5e58;--text-3:#8a8a83;--accent:#f5b400;--accent-soft:#fdefc2;--accent-ink:#4a3600;--link:#1757c2;--link-soft:#e6eefb;--danger:#b3261e;--danger-soft:#fbe6e4;--ok:#1e7b3b;--ok-soft:#dcf3e3;--warn:#8a5a00;--warn-soft:#fdf0c7;--info:#4a4a9c;--info-soft:#e8e6fb;--scrim:#14141273;--shadow-card:0 1px 2px #1c1c1a0f, 0 0 0 1px var(--border);--shadow-card-hover:0 4px 14px #1c1c1a1f, 0 0 0 1px var(--border-strong);--shadow-sheet:0 -8px 32px #0000002e;--shadow-pop:0 8px 28px #00000029, 0 0 0 1px var(--border);--shadow-fab:0 6px 18px #1c1c1a38;--cat-work:#e3ecfa;--cat-work-ink:#1b3f7a;--cat-personal:#fbe7f0;--cat-personal-ink:#7a1b4c;--cat-shopping:#e7f5e1;--cat-shopping-ink:#255c1e;--cat-ideas:#fdefc2;--cat-ideas-ink:#5a4100;--cat-finance:#e4f3f1;--cat-finance-ink:#0f5c52;--cat-health:#fde9e2;--cat-health-ink:#7a2f17;--cat-travel:#e6eefb;--cat-travel-ink:#203f7a;--cat-home:#efe8dc;--cat-home-ink:#5a4423;--cat-study:#ece6f8;--cat-study-ink:#3f2a73;--cat-other:#ececea;--cat-other-ink:#4a4a46;--note-red:#faafa8;--note-orange:#f39f76;--note-yellow:#fff8b8;--note-green:#e2f6d3;--note-teal:#b4ddd3;--note-blue:#d4e4ed;--note-darkblue:#aeccdc;--note-purple:#d3bfdb;--note-pink:#f6e2dd;--note-brown:#e9e3d4;--note-gray:#efeff1;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur:.2s;--dur-sheet:.26s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131315;--surface:#1e1e21;--surface-2:#2a2a2e;--surface-3:#35353a;--border:#303034;--border-strong:#46464c;--text:#ebebe6;--text-2:#a9a9a2;--text-3:#7c7c76;--accent:#f5c33b;--accent-soft:#4a3d14;--accent-ink:#ffe28a;--link:#9ab9f7;--link-soft:#233452;--danger:#f28b82;--danger-soft:#4a1f1c;--ok:#81c995;--ok-soft:#1f3d2a;--warn:#fdd663;--warn-soft:#463510;--info:#c3bdf5;--info-soft:#2f2c52;--scrim:#0009;--shadow-card:0 1px 2px #0006, 0 0 0 1px var(--border);--shadow-card-hover:0 4px 16px #00000080, 0 0 0 1px var(--border-strong);--shadow-pop:0 8px 28px #00000080, 0 0 0 1px var(--border-strong);--cat-work:#22395c;--cat-work-ink:#b7cdf5;--cat-personal:#4a2238;--cat-personal-ink:#f4b8d6;--cat-shopping:#233f1f;--cat-shopping-ink:#b6e4a8;--cat-ideas:#4a3d14;--cat-ideas-ink:#ffe28a;--cat-finance:#1a3b37;--cat-finance-ink:#a6dcd4;--cat-health:#4a2a1f;--cat-health-ink:#f4bfae;--cat-travel:#243659;--cat-travel-ink:#b9cdf5;--cat-home:#3d3327;--cat-home-ink:#e0cfae;--cat-study:#33284f;--cat-study-ink:#d2c5f3;--cat-other:#333336;--cat-other-ink:#c9c9c4;--note-red:#77172e;--note-orange:#692b17;--note-yellow:#7c4a03;--note-green:#264d3b;--note-teal:#0c625d;--note-blue:#256377;--note-darkblue:#284255;--note-purple:#472e5b;--note-pink:#6c394f;--note-brown:#4b443a;--note-gray:#3a3b3f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131315;--surface:#1e1e21;--surface-2:#2a2a2e;--surface-3:#35353a;--border:#303034;--border-strong:#46464c;--text:#ebebe6;--text-2:#a9a9a2;--text-3:#7c7c76;--accent:#f5c33b;--accent-soft:#4a3d14;--accent-ink:#ffe28a;--link:#9ab9f7;--link-soft:#233452;--danger:#f28b82;--danger-soft:#4a1f1c;--ok:#81c995;--ok-soft:#1f3d2a;--warn:#fdd663;--warn-soft:#463510;--info:#c3bdf5;--info-soft:#2f2c52;--scrim:#0009;--shadow-card:0 1px 2px #0006, 0 0 0 1px var(--border);--shadow-card-hover:0 4px 16px #00000080, 0 0 0 1px var(--border-strong);--shadow-pop:0 8px 28px #00000080, 0 0 0 1px var(--border-strong);--cat-work:#22395c;--cat-work-ink:#b7cdf5;--cat-personal:#4a2238;--cat-personal-ink:#f4b8d6;--cat-shopping:#233f1f;--cat-shopping-ink:#b6e4a8;--cat-ideas:#4a3d14;--cat-ideas-ink:#ffe28a;--cat-finance:#1a3b37;--cat-finance-ink:#a6dcd4;--cat-health:#4a2a1f;--cat-health-ink:#f4bfae;--cat-travel:#243659;--cat-travel-ink:#b9cdf5;--cat-home:#3d3327;--cat-home-ink:#e0cfae;--cat-study:#33284f;--cat-study-ink:#d2c5f3;--cat-other:#333336;--cat-other-ink:#c9c9c4;--note-red:#77172e;--note-orange:#692b17;--note-yellow:#7c4a03;--note-green:#264d3b;--note-teal:#0c625d;--note-blue:#256377;--note-darkblue:#284255;--note-purple:#472e5b;--note-pink:#6c394f;--note-brown:#4b443a;--note-gray:#3a3b3f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea{font:inherit;color:inherit}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--link);outline-offset:1px}.btn-primary{background:var(--text);color:var(--bg);border-radius:8px;padding:8px 20px;font-weight:500}.btn-primary:hover{background:var(--text-2)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--text-2);border-radius:8px;padding:8px 14px;font-weight:500}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--danger);border-radius:8px;padding:8px 14px;font-weight:500}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:5px 10px;font-size:13px}.icon-btn{width:34px;height:34px;color:var(--text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn-on{color:var(--link);background:var(--link-soft)}.spacer{flex:1}.chip{border:1px solid var(--border);color:var(--text-2);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.chip-on:hover{background:var(--accent-soft)}.chip-label{background:var(--surface-2);border:none}.chip-sm{padding:2px 9px;font-size:12px}.chip-x{color:var(--text-2);background:0 0;border:none;border-radius:50%;padding:0 2px;font-size:15px;line-height:1}.chip-x:hover{color:var(--text)}.swatch{border:1.5px solid var(--border-strong);border-radius:50%;flex:none;width:26px;height:26px}.swatch:hover{border-color:var(--text-2)}.swatch-on{border:2px solid var(--link);box-shadow:0 0 0 1.5px var(--surface) inset}.swatch-sm{width:21px;height:21px}.palette{flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.auth-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:20px;flex-direction:column;width:100%;max-width:380px;padding:36px 32px;display:flex}.auth-logo{margin-bottom:8px}.auth-card h1{margin:0 0 4px;font-size:24px;font-weight:500}.auth-sub{color:var(--text-2);margin:0 0 20px;font-size:14px}.auth-label{color:var(--text-2);margin:10px 0 4px;font-size:12px;font-weight:500}.auth-card input{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:15px}.auth-card input:focus{border-color:var(--link);outline:none}.auth-error{color:var(--danger);margin-top:12px;font-size:13px}.auth-info{color:var(--ok);margin-top:12px;font-size:13px}.auth-card .btn-primary{margin-top:18px;padding:11px}.auth-toggle{color:var(--link);align-self:center;margin-top:14px;font-size:14px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:8px;display:flex}.brand-name{color:var(--text-2);font-size:20px;font-weight:500}.search-wrap{background:var(--surface-2);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:640px;padding:4px 8px 4px 14px;display:flex}.search-icon{color:var(--text-2);flex:none}.search-input{background:0 0;border:none;flex:1;min-width:60px;padding:8px 0;font-size:15px}.search-input:focus{outline:none}.topbar-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.user-email{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}.filter-bar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;align-items:center;gap:10px 20px;padding:12px 20px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-right:2px;font-size:12px;font-weight:500}.filter-dash{color:var(--text-2)}.date-input{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;padding:4px 8px;font-size:13px}.layout{flex:1;align-items:stretch;display:flex}.sidebar{flex-direction:column;flex:none;gap:2px;width:220px;padding:12px 8px;display:flex}.nav-item{color:var(--text);text-align:left;border-radius:0 999px 999px 0;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-2)}.nav-item svg{color:var(--text-2);flex:none}.nav-on{background:var(--accent-soft);color:var(--accent-ink)}.nav-on:hover{background:var(--accent-soft)}.sidebar-divider{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:14px 16px 4px;font-weight:600}.content{flex:1;min-width:0;padding:20px 24px 80px}.view-title{color:var(--text-2);margin:4px 4px 14px;font-size:15px;font-weight:500}.empty-state{color:var(--text-2);text-align:center;padding:18vh 16px 0;font-size:14px}.empty-title{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:600}.empty-line{font-size:14px}.boot{min-height:100vh}.capture{border:1px solid var(--border);max-width:600px;box-shadow:var(--shadow-card);background:var(--surface);border-radius:12px;margin:0 auto 28px}.capture-collapsed{align-items:center;gap:4px;padding:4px 8px 4px 0;display:flex}.capture-quick-input{background:0 0;border:none;flex:1;min-width:0;padding:13px 16px;font-size:15px;font-weight:500}.capture-quick-input:focus{outline:none}.capture-quick-input::placeholder{color:var(--text-2)}.capture-expanded{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.capture-title{background:0 0;border:none;width:100%;padding:4px 0;font-size:16px;font-weight:500}.capture-title:focus{outline:none}.capture-body{resize:vertical;background:0 0;border:none;width:100%;padding:4px 0;font-size:14px;line-height:1.5}.capture-body:focus{outline:none}.capture-items{flex-direction:column;gap:2px;display:flex}.capture-actions{align-items:center;gap:8px;padding-top:8px;display:flex}.check-row{align-items:center;gap:10px;padding:2px 0;display:flex}.check-box-ghost{border:1.5px solid var(--text-2);opacity:.5;border-radius:3px;flex:none;width:18px;height:18px}.item-box{border:1.5px solid var(--text-2);width:18px;height:18px;color:var(--surface);background:0 0;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.item-box-on{background:var(--text-2);border-color:var(--text-2)}.check-input{background:0 0;border:none;flex:1;min-width:0;padding:4px 0;font-size:14px}.check-input:focus{outline:none}.item-checked .item-text,.item-checked .check-input{color:var(--text-2);text-decoration:line-through}.add-item-btn{color:var(--text-2);text-align:left;padding:6px 0 6px 28px;font-size:14px}.add-item-btn:hover{color:var(--text)}.checked-section{border-top:1px solid var(--border);margin-top:6px;padding-top:4px}.checked-divider{color:var(--text-2);padding:4px 0;font-size:12px}.label-input-row{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.label-input{background:0 0;border:none;flex:1;min-width:90px;padding:4px 0;font-size:13px}.label-input:focus{outline:none}.grid-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin:4px 4px 10px;font-size:11px;font-weight:500}.masonry{column-count:4;column-gap:12px;margin-bottom:20px}@media (width<=1280px){.masonry{column-count:3}}@media (width<=960px){.masonry{column-count:2}}@media (width<=600px){.masonry{column-count:1}}.modal-overlay{background:var(--scrim);z-index:50;justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.editor{border:1px solid var(--border);width:100%;max-width:560px;box-shadow:var(--shadow-pop);background:var(--surface);color:var(--text);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px 12px;display:flex}.editor-top{align-items:center;gap:8px;display:flex}.editor-body{min-height:64px}@media (width<=768px){.topbar{flex-wrap:wrap;gap:8px}.brand-name,.user-email{display:none}.search-wrap{flex-basis:100%;order:3}.layout{flex-direction:column}.sidebar{flex-direction:row;gap:4px;width:100%;padding:8px 12px 0;overflow-x:auto}.nav-item{white-space:nowrap;border-radius:999px;padding:8px 14px}.sidebar-divider{display:none}.content{padding:14px 12px 80px}.modal-overlay{padding:4vh 8px 8px}}.import-panel{background:var(--surface);max-width:760px}.import-hint{color:var(--text-2);margin:4px 0 6px;font-size:13px}.import-textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:38vh;font:inherit;border-radius:8px;padding:10px;font-size:14px}.import-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.import-preview{font-size:14px;font-weight:500}.import-progress{flex-direction:column;gap:6px;margin-top:10px;font-size:14px;display:flex}.import-progress progress{width:100%}.import-failed{color:var(--danger)}.import-failed-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-toast{background:var(--text);color:var(--bg);z-index:80;border-radius:8px;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#root{padding-bottom:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px))}.topbar{padding-top:calc(8px + max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px)));top:0}.import-modes{flex-wrap:wrap;gap:6px;margin:6px 0 0;display:flex}.import-mode{border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.import-mode-on{background:var(--accent-soft);border-color:var(--accent)}.import-list{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;max-height:28vh;margin-top:8px;padding:6px;font-size:13px;display:flex;overflow-y:auto}.import-item{background:var(--surface-2);overflow-wrap:anywhere;border-radius:6px;padding:4px 6px}.import-item-title{font-weight:600}.import-item-body{white-space:pre-wrap;color:var(--text-2)}.import-more{color:var(--text-2);padding:4px 6px}.menu-wrap{position:relative}.confirm-box{background:var(--surface);color:var(--text);width:100%;max-width:420px;box-shadow:var(--shadow-pop);border-radius:12px;align-self:center;padding:18px 20px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width>=1000px){.import-panel{max-width:1180px}.import-textarea{min-height:44vh}.import-list{columns:2;column-gap:8px;max-height:30vh;display:block}.import-item{break-inside:avoid;margin-bottom:4px}.modal-overlay{padding-top:5vh}}@media (width>=1700px){.masonry{column-count:5}.capture{max-width:720px}}.muted{color:var(--text-2);font-size:12.5px}.link-btn{color:var(--text);text-align:left;padding:2px 0;font-size:13.5px;font-weight:500}.link-btn:hover{text-decoration:underline}.bulk-bar{z-index:70;left:50%;bottom:calc(16px + max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px)));background:var(--surface);border:1px solid var(--border);width:min(760px,100% - 24px);box-shadow:var(--shadow-pop);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%)}.bulk-count{padding:0 4px;font-size:14px}.bulk-cat,#send-preset,.toast-select,.send-custom,.rename-form input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 8px;font-size:13.5px}.share-toast{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 24px);display:flex}.share-toast-up{bottom:96px}.toast-sub{opacity:.85}.toast-action{color:var(--link);border-radius:6px;padding:2px 6px;font-weight:600}.toast-action:hover{background:var(--surface-2)}.toast-select{padding:3px 6px}.editor-links{margin:4px 0 8px}.editor-section{border-top:1px solid var(--border);margin:0;padding:10px 0}.editor-section-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-summary-text{margin:6px 0 0;font-size:14px;line-height:1.45}.editor-transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:38vh;margin:8px 0 0;font-size:13.5px;line-height:1.5;overflow:auto}.editor-preview{align-items:center;gap:10px;margin:8px 0;font-size:13.5px;display:flex}.editor-preview img{object-fit:cover;border-radius:8px;flex:none;width:84px;height:84px}.editor-player{background:var(--text);border-radius:10px;width:min(100%,380px);margin-top:8px;overflow:hidden}.editor-player iframe{border:0;width:100%;height:100%;display:block}.capture-actions{flex-wrap:wrap}.nav-count{color:var(--text-2);margin-left:auto;font-size:12px;font-weight:400}.category-head{flex-wrap:wrap;align-items:center;gap:10px;min-height:32px;margin-bottom:8px;display:flex}.cat-lg{height:24px;padding:0 12px;font-size:13px}.rename-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rename-form input{min-width:min(320px,100%)}.today-head{margin:6px 4px 12px;font-size:15px;font-weight:500}.send-box{max-height:88vh;overflow:auto}.modal-overlay.send-overlay{z-index:95}.send-box strong{margin-bottom:8px;display:block}.send-list{flex-direction:column;gap:4px;max-height:34vh;margin-bottom:12px;display:flex;overflow:auto}.send-row{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.send-row-on{background:var(--accent-soft);border-color:var(--accent)}.send-name{overflow-wrap:anywhere;font-weight:500}.send-field{margin:8px 0 4px;font-size:13px;font-weight:500;display:block}.send-custom{width:100%;margin-top:8px}.send-offline{color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:8px 10px;font-size:13px}.send-status{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.shortcuts{grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0;font-size:14px;display:grid}.shortcuts dt{background:var(--surface-2);text-align:center;border-radius:5px;padding:0 8px;font-family:ui-monospace,monospace;font-weight:600}.shortcuts dd{margin:0}.todo-summary{color:var(--text-2);margin:0 4px 14px;font-size:14px}.todo-grid{column-count:3;column-gap:12px;margin-bottom:16px}@media (width<=960px){.todo-grid{column-count:2}}@media (width<=600px){.todo-grid{column-count:1}}.todo-list{cursor:default;background:var(--surface)}.todo-list header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.todo-list .todo-title{text-align:left;margin:0;padding:0}.todo-done-toggle{color:var(--text-2);margin-top:8px}.todo-grid+.btn-sm,.todo-view>.btn-sm{margin-bottom:8px}.grid-sentinel{text-align:center;padding:8px 0 24px}.masonry-flex{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.masonry-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.capture{max-width:720px}.update-banner{z-index:1000;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex;position:fixed;bottom:0;left:0;right:0}.update-banner button{background:var(--accent-ink);color:var(--accent);border:0;border-radius:8px;min-height:40px;padding:8px 18px;font-size:15px}.update-banner button:disabled{opacity:.6}.offline-bar{left:0;right:0;top:calc(56px + max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px)));z-index:40;background:var(--surface-2);color:var(--text-2);border-bottom:1px solid var(--border);text-align:center;padding:6px 16px;font-size:13px;position:fixed}.sync-badge{width:32px;height:32px;color:var(--text-2);border:1px solid var(--border);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.sync-ok{color:var(--ok)}.sync-busy{color:var(--warn)}.sync-off{color:var(--text-2)}.sync-err{color:var(--danger)}.sync-count{text-align:center;background:var(--text);min-width:16px;height:16px;color:var(--bg);pointer-events:none;border-radius:8px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-5px;right:-5px}.sync-spin{animation:1s linear infinite qk-spin}@keyframes qk-spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sync-spin{animation:none}}html,body{max-width:100%;overflow-x:hidden}.app{max-width:100vw;overflow-x:clip}.topbar-right{flex-wrap:nowrap;flex:none;justify-content:flex-end;min-width:0;margin-left:auto}.link-chip-inline{vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;margin:1px 0;padding:1px 8px;font-size:.9em;text-decoration:none;display:inline-flex;overflow:hidden}@media (width<=768px){.menu-wrap{position:static}.topbar-right{gap:4px}.topbar-right .btn-sm{padding-left:8px;padding-right:8px}}.takeout-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;display:flex}.takeout-section input[type=file]{max-width:100%;font-size:13px}.rich-body{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:64px}.rich-body:empty:before{content:attr(data-placeholder);color:var(--text-2)}.rich-body h2,.card-rich h2{margin:.3em 0;font-size:1.15em}.card-rich{white-space:pre-wrap;overflow-wrap:anywhere}.format-bar{gap:4px;margin:4px 0;display:flex}.fmt-btn{border:1px solid var(--border);border-radius:6px;min-width:32px;height:32px}.fmt-b{font-weight:700}.fmt-i{font-style:italic}.fmt-u{text-decoration:underline}.editor-tools,.editor-adds{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.remind-panel{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;padding:8px;display:flex}.reminder-chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:2px 10px;font-size:12px;display:inline-flex}.reminder-past{opacity:.7;text-decoration:line-through}.drag-handle{cursor:grab;touch-action:none;color:var(--text-2);-webkit-user-select:none;user-select:none;letter-spacing:-2px;padding:0 6px}.check-row-drag{opacity:.6}.indent-btn{font-size:14px}.bg-palette{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.bg-swatch{border:1px solid var(--border);width:28px;height:28px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.editor-atts{flex-direction:column;gap:8px;margin:8px 0;display:flex}.att-row{position:relative}.att-pic{object-fit:contain;background:var(--surface-2);border-radius:8px;width:100%;max-height:360px;display:block}.att-pic-missing{text-align:center;color:var(--text-2);padding:24px}.att-x{background:var(--scrim);color:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:4px;right:4px}.audio-row audio{width:100%}.audio-transcript{margin:4px 0 0;font-size:14px;line-height:1.4}.seg{cursor:pointer;border-radius:3px}.seg-on{background:var(--link);color:var(--bg)}.card-atts{margin:-4px -4px 8px}.card-pics{border-radius:8px;gap:2px;display:grid;overflow:hidden}.card-pics-1{grid-template-columns:1fr}.card-pics-2,.card-pics-3,.card-pics-4{grid-template-columns:1fr 1fr}.card-pics .att-pic{object-fit:cover;border-radius:0;height:120px;max-height:none}.card-pics-1 .att-pic{height:auto;max-height:220px}.card-audio{align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.lightbox{background:#000000d9}.lightbox img{max-width:96vw;max-height:92vh}.draw-overlay{z-index:200}.draw-box{background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;width:min(96vw,900px);max-height:96vh;padding:12px;display:flex}.draw-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.draw-sep{background:var(--border);width:1px;height:22px;margin:0 4px}.draw-size{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.draw-size span{background:var(--text);border-radius:50%;display:block}.draw-size-on{border-color:var(--link)}.draw-canvas{aspect-ratio:4/3;touch-action:none;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:auto;max-height:62vh}.voice-rec{align-items:center;gap:6px;display:inline-flex}.layout-list .masonry-col{width:100%}.masonry-flex[data-list]{max-width:720px;margin-inline:auto}.att-audio{align-items:flex-start;gap:8px;display:flex}.att-audio .att-x{flex:none;margin-top:8px;position:static}.att-audio .audio-row{flex:1;min-width:0}.audio-meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px;display:flex}.updated-toast{top:calc(8px + env(safe-area-inset-top,0px));z-index:1100;background:var(--text);color:var(--bg);border-radius:999px;padding:6px 16px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.status-filter{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.status-filter .chip,.status-filter button{white-space:nowrap;flex:none}@media (width<=768px){.topbar{flex-wrap:nowrap;gap:6px;padding-left:12px;padding-right:8px}.search-wrap{flex:auto;order:0;min-width:0;padding-left:10px}.search-input{min-width:0}}.menu-mobile-only{display:none}@media (width<=768px){.topbar-right .desk-only{display:none}.menu-mobile-only{display:block}.topbar-right{gap:6px}.topbar-right .icon-btn{flex:none}}input::placeholder,textarea::placeholder{color:var(--text-3)}input,textarea,select{color:var(--text)}.note-card{break-inside:avoid;border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-card);cursor:pointer;color:var(--text);transition:box-shadow var(--dur) var(--ease-out);margin-bottom:12px;padding:14px 16px 12px;position:relative}.note-card:hover{box-shadow:var(--shadow-card-hover)}@media (hover:none){.note-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@media (width>=1000px){.note-card{margin-bottom:14px}.masonry-flex{gap:14px}}.card-thumb-wrap{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-2);width:calc(100% + 32px);margin:-14px -16px 12px;position:relative;overflow:hidden}.card-thumb{object-fit:cover;width:100%;height:100%;display:block}.card-dur{color:#fff;font-size:var(--fs-sm);background:#000000b3;border-radius:6px;padding:1px 6px;font-weight:500;position:absolute;bottom:8px;right:8px}.card-head{align-items:center;gap:8px;min-height:20px;margin-bottom:6px;padding-right:30px;display:flex}.note-card-selecting .card-head{padding-left:30px}@media (hover:hover){.note-card:hover .card-head{padding-left:30px}}.cat{border-radius:var(--radius-pill);height:20px;font-size:var(--fs-xs);letter-spacing:.02em;background:var(--cat-other);color:var(--cat-other-ink);align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.cat-work{background:var(--cat-work);color:var(--cat-work-ink)}.cat-personal{background:var(--cat-personal);color:var(--cat-personal-ink)}.cat-shopping{background:var(--cat-shopping);color:var(--cat-shopping-ink)}.cat-ideas{background:var(--cat-ideas);color:var(--cat-ideas-ink)}.cat-finance{background:var(--cat-finance);color:var(--cat-finance-ink)}.cat-health{background:var(--cat-health);color:var(--cat-health-ink)}.cat-travel{background:var(--cat-travel);color:var(--cat-travel-ink)}.cat-home{background:var(--cat-home);color:var(--cat-home-ink)}.cat-study{background:var(--cat-study);color:var(--cat-study-ink)}.status{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:5px;font-weight:500;display:inline-flex}.status:before{content:"";background:var(--text-3);border-radius:50%;width:7px;height:7px}.status-processing:before{background:var(--warn);animation:1.2s ease-in-out infinite qk-pulse}.status-done:before{background:var(--ok)}.status-failed{color:var(--danger)}.status-failed:before{background:var(--danger)}.status-dup:before{background:var(--info)}@keyframes qk-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.status-processing:before{animation:none}}.card-title{font-size:var(--fs-md);font-weight:600;line-height:var(--lh-tight);overflow-wrap:anywhere;margin:0 0 6px;padding-right:26px}.card-body{font-size:var(--fs-base);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-summary{font-size:var(--fs-base);line-height:var(--lh-body);color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:6px;display:-webkit-box;overflow:hidden}.card-links{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lchip{border-radius:var(--radius-pill);background:var(--link-soft);max-width:100%;height:26px;color:var(--link);font-size:var(--fs-sm);white-space:nowrap;vertical-align:middle;align-items:center;gap:6px;padding:0 10px 0 6px;font-weight:500;text-decoration:none;display:inline-flex;overflow:hidden}.lchip img,.lchip svg{border-radius:4px;flex:none;width:16px;height:16px}.lchip span{text-overflow:ellipsis;overflow:hidden}.lchip-more{background:var(--surface-2);color:var(--text-2);padding:0 10px}.card-items .lchip,.card-body .lchip,.card-title .lchip,.todo-list .lchip{height:22px;margin:1px 0;font-size:11.5px}.card-items .lchip img,.card-items .lchip svg,.card-body .lchip img,.card-body .lchip svg{width:14px;height:14px}.card-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.card-items li{font-size:var(--fs-base);align-items:flex-start;gap:10px;line-height:1.4;display:flex}.card-items .item-box{border-width:1.5px;border-color:var(--border-strong);cursor:pointer;border-radius:5px;width:18px;height:18px;margin-top:1px;font-size:12px}.card-items .item-box-on{background:var(--text-2);border-color:var(--text-2);color:var(--surface)}.card-items .item-text{overflow-wrap:anywhere;flex-wrap:wrap;flex:1;align-items:center;gap:2px 6px;min-width:0;display:flex}.card-items li.item-checked{color:var(--text-3)}.item-more{color:var(--text-3);font-size:var(--fs-sm)}.card-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.card-error>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-retry{white-space:nowrap;color:var(--danger);padding:4px 2px;font-weight:600}.card-foot{align-items:center;gap:8px;min-height:20px;margin-top:10px;display:flex}.card-foot .time{font-size:var(--fs-sm);color:var(--text-3);white-space:nowrap;margin-left:auto}.card-labels{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.label{background:var(--surface-2);height:22px;color:var(--text-2);font-size:var(--fs-sm);border-radius:6px;align-items:center;padding:0 8px;display:inline-flex}.note-card-colored .label{background:#80808033}.reminder-chip{color:var(--text)}.pin-btn{width:32px;height:32px;color:var(--text-2);opacity:0;transition:opacity var(--dur-fast);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.note-card:hover .pin-btn,.pin-btn.pin-on{opacity:1}.pin-btn:hover{background:var(--surface-2)}.card-trash-actions{gap:6px;margin-top:10px;display:flex}.select-btn{border:2px solid var(--border-strong);background:var(--surface);color:#fff;opacity:0;z-index:2;width:24px;height:24px;transition:opacity var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex;position:absolute;top:10px;left:10px}@media (hover:hover){.note-card:hover .select-btn{opacity:1}}.select-btn.select-show,.select-btn.select-on{opacity:1}.select-btn.select-on{background:var(--link);border-color:var(--link)}.note-card-selected{box-shadow:0 0 0 2px var(--link), var(--shadow-card)}.status-filter{align-items:center;gap:6px;margin:0 0 14px;display:flex}.chip-count{opacity:.65;margin-left:2px;font-size:12px}.status-filter .btn-ghost,.status-filter .btn-sm{white-space:nowrap;flex:none}.views-wrap{flex:none}.cat-sq{border-radius:3px;flex:none;width:10px;height:10px;margin:0 4px;display:inline-block}.view-chip{white-space:nowrap;flex:none;align-items:center;gap:6px;height:32px;display:inline-flex}.live-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.live-failed{background:var(--danger-soft);color:var(--danger);border-color:#0000}.live-proc{background:var(--warn-soft);color:var(--warn);border-color:#0000}.live-failed:hover{background:var(--danger-soft)}.live-proc:hover{background:var(--warn-soft)}.live-failed.chip-on,.live-proc.chip-on{box-shadow:inset 0 0 0 1.5px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;display:flex}.toolbar-capture{flex:0 360px;min-width:0}.toolbar-capture .capture{max-width:none;margin:0}.toolbar:has(.capture-expanded) .toolbar-capture{flex-basis:600px}.toolbar-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-note{color:var(--danger);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;display:flex}@media (width<=768px){.views-wrap{position:relative}.views-wrap:after{content:"";background:linear-gradient(to right, transparent, var(--bg));pointer-events:none;width:36px;position:absolute;top:0;bottom:0;right:0}.sidebar{scrollbar-width:none;align-items:center;padding:4px 12px 0}.sidebar::-webkit-scrollbar{display:none}.sidebar .nav-item{flex:none;min-height:36px;padding:6px 12px}.sidebar .nav-item>svg{display:none}.sidebar .cat-sq{margin:0}.content{padding-top:6px}.toolbar{margin-bottom:8px}.toolbar-capture{flex:100%}.desk-row{display:none}}.sheet-body{display:contents}.sheet-scrim{z-index:1050;background:var(--scrim);animation:qk-fade .26s var(--ease-out);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--surface);width:100%;max-height:80dvh;color:var(--text);box-shadow:var(--shadow-pop);padding:0 20px calc(12px + max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px)));animation:qk-up .26s var(--ease-out);transition:transform .2s var(--ease-out);border-radius:20px 20px 0 0;overflow-y:auto}.sheet-bare{padding:0 0 max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));max-height:92dvh}.sheet-bare .editor{box-shadow:none;border:0;border-radius:0;max-width:none;padding:4px 16px 12px}.sheet-grab{z-index:2;touch-action:none;background:var(--surface);cursor:grab;justify-content:center;padding:10px 0 8px;display:flex;position:sticky;top:0}.sheet-handle{background:var(--text-3);opacity:.6;border-radius:2px;width:36px;height:4px}.sheet-title{padding:2px 0 10px;font-size:17px;font-weight:600}.sheet .filter-bar{background:0 0;border:0;padding:0}.sheet .confirm-actions button{min-height:44px}.sheet .confirm-actions{margin-bottom:4px}.sheet>.sheet-body>strong{margin-bottom:8px;font-size:17px;display:block}.sheet-row{text-align:left;width:100%;min-height:52px;color:var(--text);border-radius:10px;align-items:center;gap:14px;padding:0 4px;font-size:17px;display:flex}.sheet-row:hover{background:var(--surface-2)}.sheet-row-static:hover{background:0 0}.sheet-ico{color:var(--text-2);flex:none}.sheet-meta{color:var(--text-2);margin-left:auto;font-size:14px}.sheet-danger,.sheet-danger .sheet-ico{color:var(--danger)}.sheet-divider{background:var(--border);height:1px;margin:6px 0}.seg-mini{background:var(--surface-2);border-radius:999px;flex:none;margin-left:auto;padding:3px;display:inline-flex}.seg-mini button{color:var(--text-2);border-radius:999px;padding:7px 12px;font-size:14px}.seg-mini .seg-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.menu-id{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding:4px 0 12px;display:flex}.avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.menu-id-t{flex-direction:column;flex:1;min-width:0;display:flex}.menu-id-t strong,.menu-id-t span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-id-t span{color:var(--text-2);font-size:13px}.pop-scrim{z-index:59;position:fixed;inset:0}.pop{z-index:60;background:var(--surface);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 72px);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-pop);animation:qk-pop .12s var(--ease-out);border-radius:12px;padding:8px 12px;position:fixed;top:56px;right:24px;overflow-y:auto}.pop .sheet-row{gap:12px;min-height:40px;padding:0 6px;font-size:14.5px}.pop .sheet-ico{width:20px;height:20px}@keyframes qk-fade{0%{opacity:0}}@keyframes qk-up{0%{transform:translateY(100%)}}@keyframes qk-pop{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sheet-scrim,.sheet,.pop{transition:none;animation:none}}.sheet-row>span:first-of-type{white-space:nowrap}.ed-overlay{z-index:50;padding-top:6vh}.editor{border-radius:20px;gap:0;max-width:640px;max-height:88vh;padding:0;overflow:hidden}.ed-top{flex:none;align-items:center;gap:2px;padding:8px 10px 4px 8px;display:flex}.ed-saved{color:var(--text-3);margin-right:6px;font-size:12.5px}.ed-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;padding:0 18px 12px;display:flex;overflow-y:auto}.ed-title{padding:6px 0 2px;font-size:17px;font-weight:600}.ed-meta{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.catpick{color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 0;display:inline-flex}.catpick .cat{height:24px;padding:0 10px;font-size:12.5px}.cat-none,.cat-to-do{background:var(--cat-other);color:var(--cat-other-ink)}.ed-error{align-items:center;gap:8px;margin:0;display:flex}.ed-error>span{white-space:normal}.editor-preview{color:inherit;min-width:0;margin:4px 0;text-decoration:none}.editor-preview img{width:96px;height:96px}.ed-pv-t{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.ed-bullets{margin:6px 0 0;padding-left:18px}.ed-palette{border-top:1px solid var(--border);flex:none;padding:6px 18px 0}.ed-bar{min-height:48px;padding:4px 10px calc(4px + max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px)));border-top:1px solid var(--border);flex:none;align-items:center;gap:2px;display:flex}.ed-palette+.ed-bar{border-top:0}.icon-btn{width:40px;height:40px}.send-pill{background:var(--accent-soft);height:36px;color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.send-pill:hover{filter:brightness(.97)}.editor .label-input-row{margin-top:4px}.pop.ed-pop{z-index:60;width:260px;top:calc(6vh + 52px);right:max(16px,50% - 308px)}.pop.ed-catpop{top:calc(6vh + 110px);left:max(16px,50% - 302px);right:auto}@media (width<=768px){.ed-overlay{z-index:1010;background:var(--bg);padding:0;display:block;overflow:hidden}.editor{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;animation:qk-up .26s var(--ease-out);border:0;border-radius:0}.ed-top{padding-top:calc(6px + max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px)))}.ed-scroll{padding:0 16px 12px}}@media (prefers-reduced-motion:reduce){.editor{animation:none}}.bulk-bar-phone{border-radius:16px;flex-wrap:nowrap;gap:2px;height:56px;padding:0 6px}.bulk-bar-phone .bulk-count{white-space:nowrap}.bulk-trash-ic{color:var(--danger)}.ed-palette .palette,.ed-palette .bg-palette{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.ed-palette .swatch,.ed-palette .bg-swatch{flex:none}.scanner{z-index:60;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-video{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}.scanner-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));color:#eee;background:#111;align-items:center;gap:10px;font-size:14px;display:flex}.scanner-bar>span:first-child{flex:1}.scanner-last{object-fit:cover;border:1px solid #444;border-radius:4px;width:34px;height:44px}.scanner-auto{align-items:center;gap:4px;display:inline-flex}.scanner-err{text-align:center;color:#fff;background:#b41e1ee6;border-radius:8px;padding:12px;position:absolute;top:40%;left:16px;right:16px}.page-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:30vh;margin:4px 0 0;font-size:13.5px;line-height:1.45;overflow:auto}.rec-btn{position:relative}.rec-on{color:var(--bg);background:var(--danger)}.rec-on:hover{background:var(--danger)}.rec-on:after{content:"";border:2px solid var(--danger);pointer-events:none;border-radius:50%;animation:1.2s ease-in-out infinite qk-pulse;position:absolute;inset:-3px}.rec-time{z-index:1;box-shadow:0 0 0 2px var(--bg);font-variant-numeric:tabular-nums;background:var(--danger);height:15px;color:var(--bg);pointer-events:none;white-space:nowrap;border-radius:8px;padding:0 4px;font-size:10px;line-height:15px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.rec-on:after{animation:none}}.local-recs{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.local-rec{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.local-rec-t{flex-direction:column;flex:1;min-width:0;display:flex}.local-rec-t span{color:var(--text-2);font-size:13px}.local-rec-t .local-rec-error{color:var(--danger);overflow-wrap:anywhere}.local-rec>button{flex-shrink:0;min-height:44px}.att-upload-error{flex-wrap:wrap;gap:8px}.att-upload-error>span{white-space:normal;overflow-wrap:anywhere}.att-upload-error button{min-height:44px}