:root{--app-frame-max-width:920px;--primary:#2559b9;--primary-light:#6ea8ff;--primary-glow:#2559b952;--secondary:#6366f1;--background:#f8fafc;--surface:#ffffffb3;--surface-opaque:#fff;--on-surface-primary:#1e293b;--on-surface-secondary:#64748b;--on-surface-muted:#94a3b8;--error:#ef4444;--overlay:#0f172a33;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--background);color:var(--on-surface-primary);transition:background-color .4s;overflow-x:hidden}#root{z-index:1;height:100%;position:relative}.glass{background:var(--surface);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);border:1px solid #fff6}.glass-strong{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #fff9}.card-hover{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s}.card-hover:hover{box-shadow:var(--shadow-lg);background-color:#ffffffe6;transform:translateY(-4px)}.card-hover:active{transform:translateY(0)}.blob-container{z-index:-1;background:linear-gradient(#fff 0%,#fbfbfc 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(90px);opacity:.07;mix-blend-mode:normal;border-radius:50%;width:44vw;height:44vw;animation:24s cubic-bezier(.4,0,.2,1) infinite alternate blob-float;position:absolute}.blob-1{background:#dde6f5;animation-duration:30s;top:-8%;left:-8%}.blob-2{background:#e7ebf2;animation-duration:34s;animation-delay:-5s;bottom:-12%;right:-8%}.blob-3{background:#f1f3f7;width:26vw;height:26vw;animation-duration:28s;animation-delay:-10s;top:38%;left:34%}@keyframes blob-float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards fadeIn}.scale-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes pulse-soft{0%{box-shadow:0 8px 16px #2559b92e}50%{box-shadow:0 12px 24px #2559b952}to{box-shadow:0 8px 16px #2559b92e}}.pulse-primary{animation:3s infinite pulse-soft}.ProseMirror{min-height:200px;color:var(--on-surface-primary);outline:none;font-size:1rem;line-height:1.6}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--on-surface-muted);pointer-events:none;height:0}.ProseMirror h1{margin:1.5rem 0 1rem;font-size:1.8rem;font-weight:800}.ProseMirror h2{margin:1.25rem 0 .75rem;font-size:1.5rem;font-weight:700}.ProseMirror h3{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:700}.ProseMirror ul,.ProseMirror ol{margin:1rem 0;padding-left:1.5rem}.ProseMirror li{margin-bottom:.5rem}.ProseMirror a{color:var(--primary);text-underline-offset:4px;cursor:pointer;font-weight:600;text-decoration:underline}.ProseMirror blockquote{border-left:3px solid var(--primary-light);color:var(--on-surface-secondary);margin:1.5rem 0;padding-left:1rem;font-style:italic}.ProseMirror hr{border:none;border-top:1px solid #0000001a;margin:2rem 0}.mobile-app-shell{min-height:100%;width:min(100%, var(--app-frame-max-width));background:#ffffffe6;flex-direction:column;margin:0 auto;display:flex;padding:0!important}.auth-shell{flex-direction:column;justify-content:center;gap:1.35rem;width:min(100%,460px);min-height:100vh;margin:0 auto;padding:2.2rem 1rem 1.6rem;display:flex}.auth-brand-block{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.auth-brand-mark{background:#ffffffe6;border:1px solid #e5e8eef2;border-radius:28px;width:96px;height:96px;padding:10px;box-shadow:0 16px 34px #0f172a0f}.auth-brand-mark img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.auth-brand-copy{flex-direction:column;align-items:center;gap:.25rem;display:flex}.auth-brand-copy h1{letter-spacing:-.04em;color:#111;font-size:2rem;font-weight:800;line-height:1.02}.auth-brand-copy p{color:#8c93a0;max-width:320px;font-size:.95rem;font-weight:500;line-height:1.4}.auth-card{background:#fffffff2;border:1px solid #e7eaeff5;border-radius:30px;padding:1rem;box-shadow:0 20px 50px #0f172a0f}.auth-segment{background:#eceef2;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:.28rem;min-height:58px;padding:.28rem;display:grid}.auth-segment-button{color:#7b8392;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:48px;font-size:.95rem;font-weight:800}.auth-segment-button.is-active{color:#111;background:#fff;box-shadow:0 6px 18px #0f172a0d}.auth-form{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.auth-field{background:#f5f6f8;border:1px solid #e8eaeff2;border-radius:18px;align-items:center;gap:.75rem;min-height:58px;padding:0 1rem;display:flex}.auth-field svg{color:#9aa1ad;flex-shrink:0}.auth-field input{color:#111;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:1rem;font-weight:600}.auth-field input::placeholder{color:#9aa1ad}.auth-error{color:#d44d4d;background:#fff2f2;border-radius:16px;align-items:center;gap:.55rem;padding:.85rem .95rem;font-size:.86rem;font-weight:600;display:flex}.auth-submit{color:#fff;cursor:pointer;background:#111;border:0;border-radius:18px;justify-content:center;align-items:center;gap:.7rem;min-height:58px;margin-top:.3rem;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 16px 32px #0f172a29}.auth-submit:disabled{opacity:.72;cursor:not-allowed}.auth-spinner{border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:18px;height:18px}.auth-footer{text-align:center;color:#9da3ae;font-size:.82rem;font-weight:600;line-height:1.4}.dialog-overlay{z-index:2000;-webkit-backdrop-filter:blur(14px);background:#727e952e;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.dialog-sheet{text-align:center;background:#fffffff5;border:1px solid #d5dce8f2;border-radius:1.9rem;width:min(100%,27rem);padding:1.7rem 1.45rem 1.35rem;box-shadow:0 24px 70px #1a233629}.dialog-icon{border:1px solid #0000;border-radius:1.1rem;place-items:center;width:3.4rem;height:3.4rem;margin:0 auto .95rem;display:grid}.dialog-icon--info{color:#73829a;background:#f3f7fc;border-color:#dbe5f0}.dialog-icon--success{color:#406fcb;background:#edf8f5;border-color:#cfe7df}.dialog-icon--warning{color:#d6a318;background:#fff8e5;border-color:#f5df99}.dialog-icon--error{color:#d36258;background:#fff1f0;border-color:#f2cbc7}.dialog-title{color:#202a3f;font-size:1.45rem;font-weight:700;line-height:1.15}.dialog-message{color:#73829a;margin-top:.8rem;font-size:1rem;line-height:1.55}.dialog-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin-top:1.5rem;display:grid}.dialog-actions--single{grid-template-columns:minmax(0,10rem);justify-content:center}.dialog-button{min-height:3.35rem;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:1.2rem;font-size:1.02rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}.dialog-button:hover{transform:translateY(-1px)}.dialog-button:active{transform:translateY(0)}.dialog-button--secondary{color:#22304a;background:#f5f7fa;border-color:#dde4ee}.dialog-button--secondary:hover{background:#eef2f7}.dialog-button--primary{color:#fff;background:#22314a;box-shadow:0 12px 24px #22314a24}.dialog-button--primary:hover{background:#1d2a40}.dialog-button--danger{color:#fff;background:#e07b70;box-shadow:0 12px 24px #e07b702e}.dialog-button--danger:hover{background:#d76e62}.mobile-topbar{grid-template-columns:44px 1fr 44px;align-items:center;gap:.75rem;padding:1.35rem .9rem .95rem;display:grid}.mobile-icon-button{color:#101010;cursor:pointer;background:#fffffffa;border:1.5px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 10px 30px #0f172a0f}.mobile-icon-button.is-pill{width:56px;height:56px}.mobile-icon-button.is-active{background:var(--primary);color:#fff;box-shadow:0 12px 30px #2559b92e}.mobile-icon-button:disabled{cursor:default}.mobile-logo-lockup{justify-self:center;align-items:center;gap:.45rem;min-width:0;display:inline-flex}.mobile-logo-mark{object-fit:cover;border-radius:8px;flex-shrink:0;width:24px;height:24px;display:block}.mobile-logo-text{letter-spacing:-.02em;color:#111;white-space:nowrap;font-size:1.02rem;font-weight:800}.mobile-search-band{padding:0 .9rem .7rem}.mobile-search-field{background:#ededf0;border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:.7rem;min-height:58px;padding:0 1.15rem;display:flex;box-shadow:inset 0 1px #ffffffdb}.mobile-search-field.is-drawer{margin-bottom:1rem}.mobile-search-field svg{color:#9ca0a8;flex-shrink:0}.mobile-search-field input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:1.04rem;font-weight:500}.mobile-search-field input::placeholder{color:#9498a1}.mobile-search-clear{color:var(--on-surface-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.mobile-filter-sticky{z-index:15;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:.35rem .9rem .7rem;position:sticky;top:0}.mobile-filter-track{background:#fff;border:1.5px solid #ecedf0e6;border-radius:999px;align-items:center;min-height:60px;padding:.3rem;display:flex;box-shadow:0 8px 30px #0f172a0a}.mobile-filter-row{scrollbar-width:none;gap:.32rem;width:100%;padding:0;display:flex;overflow-x:auto}.mobile-filter-row::-webkit-scrollbar{display:none}.mobile-filter-pill{color:#171717;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.18rem;min-height:46px;padding:0 .9rem;font-size:.94rem;font-weight:700;display:inline-flex}.mobile-filter-count{color:#6d7584;font-size:.62rem;font-weight:800;line-height:1;position:relative;top:-.35em}.mobile-filter-pill.is-active{color:#111;background:#e7e7ea}.mobile-filter-pill.is-active.favorite{color:#111}.mobile-notes-feed{flex:1;min-height:0;padding:0}.mobile-empty-state{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem .95rem 0;display:flex}.mobile-empty-hero{background:#ffffffdb;border:1px solid #e4e8eef0;border-radius:1.6rem;align-items:flex-start;gap:.95rem;padding:1rem;display:flex;box-shadow:0 12px 34px #0f172a0a}.mobile-empty-badge{color:#5f6d82;background:#eef2f7;border-radius:1rem;flex-shrink:0;place-items:center;width:3rem;height:3rem;display:grid}.mobile-empty-copy{min-width:0}.mobile-empty-copy h2{color:#1a2438;letter-spacing:-.03em;font-size:1.45rem;font-weight:800;line-height:1.08}.mobile-empty-copy p{color:#7a8598;margin-top:.45rem;font-size:.95rem;line-height:1.45}.mobile-empty-features{flex-direction:column;gap:.7rem;display:flex}.mobile-empty-feature{background:#ffffffc2;border:1px solid #e7eaeff0;border-radius:1.35rem;grid-template-columns:2.6rem minmax(0,1fr);align-items:flex-start;gap:.8rem;padding:.9rem 1rem;display:grid}.mobile-empty-feature-icon{border-radius:.9rem;place-items:center;width:2.6rem;height:2.6rem;display:grid}.mobile-empty-feature-icon.tone-security{color:#406fcb;background:#edf6f1}.mobile-empty-feature-icon.tone-ai{color:#7560d8;background:#f1edff}.mobile-empty-feature strong{color:#1e293b;font-size:.94rem;font-weight:750;line-height:1.2;display:block}.mobile-empty-feature span{color:#7b8799;margin-top:.22rem;font-size:.84rem;line-height:1.45;display:block}.mobile-empty-create{color:#fff;min-height:3.4rem;font:inherit;cursor:pointer;background:#111;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;font-size:.96rem;font-weight:800;display:inline-flex;box-shadow:0 18px 36px #0f172a1f}.mobile-empty-create.is-secondary{color:#243146;box-shadow:none;background:#eef2f7}.mobile-note-list-skeleton{flex-direction:column;display:flex}.mobile-note-skeleton-row{border-bottom:1px solid #d8dadfe6;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:.8rem;padding:.82rem .9rem;display:grid}.mobile-note-skeleton-avatar,.mobile-note-skeleton-line{background:#eef1f5;position:relative;overflow:hidden}.mobile-note-skeleton-avatar:after,.mobile-note-skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.3s ease-in-out infinite skeleton-sheen;position:absolute;inset:0;transform:translate(-100%)}.mobile-note-skeleton-avatar{border-radius:50%;width:54px;height:54px}.mobile-note-skeleton-body{flex-direction:column;gap:.55rem;padding-top:.1rem;display:flex}.mobile-note-skeleton-line{border-radius:999px;height:.88rem}.mobile-note-skeleton-line.is-title{width:58%;height:1rem}.mobile-note-skeleton-line.is-short{width:42%}.mobile-note-list{flex-direction:column;display:flex}.mobile-note-row{cursor:pointer;border-bottom:1px solid #d8dadfe6;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:.8rem;padding:.82rem .9rem;display:grid}.mobile-note-row:hover{background:#f8fafcb3}.mobile-note-avatar{color:#7d8595;cursor:pointer;appearance:none;background:linear-gradient(145deg,#f0f2f6,#fafbfc);border:1px solid #d9dce2e6;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;display:flex}.mobile-note-avatar img{object-fit:contain;width:34px;height:34px;display:block}.mobile-note-body{flex-direction:column;gap:.45rem;min-width:0;display:flex}.mobile-note-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.mobile-note-text{min-width:0}.mobile-note-text h3{color:#101010;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.16rem;font-size:1rem;font-weight:700;line-height:1.18;overflow:hidden}.mobile-note-text p{color:#8f949d;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-note-taxonomy{flex-wrap:nowrap;gap:.16rem;min-width:0;margin-top:.48rem;display:flex;overflow:hidden}.mobile-note-chip{color:#9198a5;white-space:nowrap;background:#fbfcfec7;border:1px solid #e1e5eceb;border-radius:999px;flex:none;align-items:center;gap:.24rem;min-width:0;min-height:20px;padding:0 .45rem;font-size:.62rem;font-weight:650;line-height:1;display:inline-flex}.mobile-note-chip.category{color:#6b7688;letter-spacing:.02em}.mobile-note-chip.tag{color:#97a0ad;background:0 0;border:0;gap:.14rem;min-height:16px;padding:0 .12rem 0 0;font-size:.58rem;font-weight:550}.mobile-note-chip svg{color:#a0a8b5;flex-shrink:0}.mobile-note-date-row{color:#a0a5ae;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.3rem;font-size:.72rem;line-height:1.3;display:flex}.mobile-note-date-row span{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.mobile-note-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.28rem;display:flex}.mobile-note-meta span{color:#9da3ae;font-size:.72rem;font-weight:600}.mobile-note-favorite{color:#c6cad2;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.1rem;display:inline-flex}.mobile-note-favorite.is-active{color:#eab308}.mobile-note-delete{color:#d2a4a4;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.1rem;display:inline-flex}.mobile-note-delete:hover{color:#d44d4d}.mobile-list-status,.mobile-load-more{color:var(--on-surface-secondary);margin:1rem auto 0;font-size:.95rem}.mobile-load-more{cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;padding:.75rem 1.1rem;font-weight:700}@keyframes skeleton-sheen{to{transform:translate(100%)}}.bottom-nav-shell{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:.9rem;left:0;right:0}.bottom-nav-inner{width:min(calc(100vw - 1rem), var(--app-frame-max-width));position:relative}.bottom-nav-bar{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1.5px solid #ffffffeb;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.25rem;width:calc(100% - 5.2rem);min-height:74px;margin:0;padding:.45rem;display:grid;box-shadow:0 24px 50px #0f172a14}.bottom-nav-item{color:#363636;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;min-height:62px;display:flex}.bottom-nav-item span{font-size:.82rem;font-weight:700}.bottom-nav-item.is-active{color:#1a73d9;background:#e8eaee}.bottom-search-fab{pointer-events:auto;color:#111;cursor:pointer;background:#fffffffa;border:1.5px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;display:inline-flex;position:absolute;bottom:1px;right:0;box-shadow:0 24px 50px #0f172a14}.mobile-bottom-search-panel{width:min(calc(100vw - 1.5rem), var(--app-frame-max-width));z-index:45;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffffa;border:1.5px solid #fffffff2;border-radius:30px;max-height:min(58vh,520px);padding:1rem 1rem 1.1rem;position:fixed;bottom:6.2rem;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 24px 60px #0f172a1a}.mobile-bottom-search-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.mobile-bottom-search-header span{color:var(--on-surface-primary);font-size:1rem;font-weight:800}.mobile-bottom-search-header button{color:var(--on-surface-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.mobile-drawer-groups{flex-direction:column;gap:1rem;display:flex}.mobile-drawer-group h4{letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-muted);margin-bottom:.55rem;font-size:.8rem;font-weight:800}.mobile-drawer-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.mobile-drawer-chip-grid.tags{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-drawer-chip{color:#505866;text-align:left;cursor:pointer;background:#f5f6f8;border:1px solid #e4e6ebf2;border-radius:14px;min-height:38px;padding:.55rem .75rem;font-size:.88rem;font-weight:700}.mobile-drawer-chip.is-active{color:#1a73d9;background:#ebf3ff;border-color:#1a73d926}.mobile-icon-filter-row{scrollbar-width:none;gap:.7rem;padding:.3rem .2rem .35rem .75rem;scroll-padding-left:.75rem;display:flex;overflow-x:auto}.mobile-icon-filter-row::-webkit-scrollbar{display:none}.mobile-icon-filter-button,.note-icon-picker-option{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.mobile-icon-filter-avatar,.note-icon-picker-avatar{background:linear-gradient(145deg,#f0f2f6,#fafbfc);border:1px solid #d9dce2e6;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.mobile-icon-filter-avatar img,.note-icon-picker-avatar img{object-fit:contain;width:34px;height:34px;display:block}.mobile-icon-filter-button.is-active .mobile-icon-filter-avatar,.note-icon-picker-option.is-active .note-icon-picker-avatar{border-color:#1a73d959;transform:translateY(-1px);box-shadow:0 0 0 4px #1a73d91f}.note-icon-picker-sheet{background:#fffffffa;border:1px solid #d5dce8f2;border-radius:1.9rem;width:min(100%,30rem);padding:1.2rem 1.1rem 1.25rem;box-shadow:0 24px 70px #1a233629}.note-icon-picker-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.note-icon-picker-head strong{color:#1f2937;font-size:1rem;line-height:1.2;display:block}.note-icon-picker-head span{color:#8b94a3;margin-top:.22rem;font-size:.78rem;line-height:1.3;display:block}.note-icon-picker-close{color:#667085;cursor:pointer;background:#f2f4f7;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.note-icon-picker-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:.8rem;padding:.35rem .5rem .45rem .75rem;scroll-padding-left:.75rem;display:flex;overflow-x:auto}.note-icon-picker-row::-webkit-scrollbar{display:none}.note-icon-picker-option{scroll-snap-align:start}.note-icon-picker-option:disabled{cursor:wait;opacity:.7}.mobile-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.mobile-loading-spinner{border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px}.pwa-update-banner{z-index:90;color:#fff;background:#111111f0;border-radius:22px;justify-content:space-between;align-items:center;gap:.9rem;padding:.85rem .95rem;display:flex;position:fixed;bottom:1rem;left:.9rem;right:.9rem;box-shadow:0 24px 56px #0f172a33}.pwa-update-copy{flex-direction:column;gap:.18rem;min-width:0;display:flex}.pwa-update-copy strong{font-size:.92rem;font-weight:800;line-height:1.2}.pwa-update-copy span{color:#ffffffb8;font-size:.8rem;line-height:1.3}.pwa-update-actions{flex-shrink:0;align-items:center;gap:.45rem;display:inline-flex}.pwa-update-button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-height:38px;padding:0 .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.pwa-update-button.primary{color:#111;background:#fff}.settings-screen{color:#111;background:linear-gradient(#fffffffa,#f8f9fbf5);min-height:100%}.settings-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e7eaefe6;align-items:center;gap:.85rem;padding:1rem .9rem .85rem;display:flex;position:sticky;top:0}.settings-back-button{color:#1d2433;cursor:pointer;background:#f7f8fa;border:1px solid #e4e7ecf2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.settings-topbar-copy{min-width:0}.settings-topbar-copy h1{color:#111;font-size:1.1rem;font-weight:800;line-height:1.1}.settings-topbar-copy p{color:#8c93a0;margin-top:.18rem;font-size:.84rem;line-height:1.3}.settings-content{width:min(100%,920px);margin:0 auto;padding:1rem .9rem 1.6rem}.settings-summary{background:#fff;border:1px solid #e7eaeff2;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1rem 1.05rem;display:flex;box-shadow:0 14px 36px #0f172a0a}.settings-summary-kicker{letter-spacing:.04em;text-transform:uppercase;color:#6e7685;align-items:center;gap:.35rem;font-size:.74rem;font-weight:800;display:inline-flex}.settings-summary-copy h2{color:#111;margin-top:.45rem;font-size:1.35rem;font-weight:800;line-height:1.05}.settings-summary-copy p{color:#8b92a0;margin-top:.28rem;font-size:.9rem;line-height:1.35}.settings-summary-count{text-align:right;flex-shrink:0}.settings-summary-count strong{color:#111;font-size:2rem;font-weight:800;line-height:1;display:block}.settings-summary-count span{letter-spacing:.04em;text-transform:uppercase;color:#9aa1ad;margin-top:.2rem;font-size:.74rem;line-height:1.2;display:block}.settings-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.settings-panel{background:#fff;border:1px solid #e7eaeff2;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px #0f172a0a}.settings-panel-header{border-bottom:1px solid #ebeef3f2;padding:1rem 1rem .85rem}.settings-panel-header h2{color:#111;align-items:center;gap:.45rem;font-size:1rem;font-weight:800;display:flex}.settings-panel-header p{color:#97a0ad;margin-top:.22rem;font-size:.82rem;line-height:1.3}.settings-input-row{gap:.55rem;padding:.9rem 1rem 1rem;display:flex}.settings-input{color:#111;background:#f5f6f8;border:1px solid #e6e9eff2;border-radius:16px;outline:none;flex:1;min-width:0;min-height:48px;padding:0 .95rem;font-size:.94rem;font-weight:600}.settings-input::placeholder,.settings-inline-input::placeholder{color:#9aa1ad}.settings-input:focus,.settings-inline-input:focus{border-color:#1a73d93d;box-shadow:0 0 0 3px #1a73d914}.settings-add-button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.settings-list{flex-direction:column;display:flex}.settings-list-item{border-top:1px solid #ebeef3f2;justify-content:space-between;align-items:center;gap:.8rem;min-height:60px;padding:.78rem 1rem;display:flex}.settings-item-name{color:#161616;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.settings-inline-input{color:#111;background:#f7f8fa;border:1px solid #e6e9eff2;border-radius:12px;outline:none;flex:1;min-width:0;min-height:40px;padding:0 .8rem;font-size:.92rem;font-weight:600}.settings-item-actions{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.settings-icon-button{color:#6d7584;cursor:pointer;background:#f5f6f8;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.settings-icon-button.confirm{color:#1a73d9;background:#edf4ff}.settings-icon-button.danger{color:#e15252;background:#fff1f1}.settings-empty-state{color:#97a0ad;border-top:1px solid #ebeef3f2;padding:1rem;font-size:.9rem}.settings-footer{text-align:center;padding:1.4rem 0 .2rem}.settings-footer h3{color:#313946;font-size:.9rem;font-weight:800}.settings-footer p{color:#96a0ac;margin-top:.18rem;font-size:.8rem;font-weight:600}@media (width>=768px){.mobile-app-shell{padding-bottom:5.15rem}.auth-shell{width:min(100%,500px);padding-left:1.5rem;padding-right:1.5rem}.auth-card{padding:1.15rem}.mobile-topbar{padding:1.5rem 1.5rem 1rem}.mobile-search-band,.mobile-note-row,.mobile-filter-sticky{padding-left:1.5rem;padding-right:1.5rem}.mobile-note-row{grid-template-columns:62px minmax(0,1fr)}.mobile-note-avatar{width:62px;height:62px}.mobile-drawer-chip-grid,.mobile-drawer-chip-grid.tags{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav-bar{width:calc(100% - 5.2rem)}.settings-topbar,.settings-content{padding-left:1.5rem;padding-right:1.5rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa-update-banner{left:max(1.5rem,50% - 430px);right:max(1.5rem,50% - 430px)}}.ProseMirror .tableWrapper{margin:1.25rem 0;overflow-x:auto}.ProseMirror table{border-collapse:collapse;background:#ffffffb8;border-radius:12px;width:100%;min-width:420px;overflow:hidden}.ProseMirror th,.ProseMirror td{vertical-align:top;border:1px solid #0f172a14;padding:.75rem .9rem}.ProseMirror th{color:var(--on-surface-primary);text-align:left;background:#2559b914;font-weight:700}.ProseMirror td p,.ProseMirror th p{margin:0}.ProseMirror .selectedCell:after{content:"";pointer-events:none;background:#6ea8ff2e;position:absolute;inset:0}.ProseMirror .column-resize-handle{background:var(--primary-light);pointer-events:none;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.note-editor-screen{min-height:100vh;width:min(100%, var(--app-frame-max-width));color:#111;background:linear-gradient(#fffffffa,#f8f9fbf5);flex-direction:column;margin:0 auto;display:flex}.note-editor-topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e7eaefe6;align-items:center;padding:.9rem .9rem .8rem;display:flex;position:sticky;top:0}.note-editor-back{color:#243146;min-height:44px;font:inherit;cursor:pointer;background:#f0f2f6;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:0 .95rem;font-size:.95rem;font-weight:700;display:inline-flex}.note-editor-actions{flex-shrink:0;align-items:center;gap:.55rem;margin-left:auto;display:inline-flex}.note-editor-icon-button{color:#3c4659;cursor:pointer;background:#f3f5f8;border:0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.note-editor-icon-button.is-favorite{color:#dba81c;background:#fff4d6}.note-editor-icon-button.is-danger{color:#d56a60;background:#fff1f0}.note-editor-body{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:auto}.editor-toolbar{z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffdb;border:1px solid #e7eaeff2;border-radius:20px;flex-wrap:nowrap;gap:.45rem;padding:.65rem;display:flex;position:sticky;top:.65rem;overflow:auto hidden;box-shadow:0 10px 28px #0f172a0a}.editor-toolbar.is-inline{z-index:auto;width:100%;box-shadow:none;border-radius:18px;flex:auto;align-items:center;margin:0;padding:.45rem .55rem;display:flex;position:static;top:auto;overflow:hidden}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.editor-toolbar-scroll::-webkit-scrollbar{display:none}.editor-toolbar-track{align-items:center;gap:.45rem;width:max-content;min-width:100%;display:flex}.editor-toolbar-side{flex:none;align-items:center;gap:.45rem;display:flex}.editor-toolbar-divider{background:#d6dbe3f2;flex:none;width:1px;min-height:26px;margin:0 .1rem}.editor-toolbar-divider--push{margin-left:auto}.toolbar-btn{color:#758197;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .18s,color .18s,transform .18s;display:flex}.toolbar-btn-wide{letter-spacing:.02em;width:auto;min-width:44px;padding:0 .65rem;font-size:.74rem;font-weight:800}.toolbar-btn-nav,.toolbar-btn-icon-action{color:#243146;background:#f3f5f8}.toolbar-btn-icon-action.is-favorite{color:#dba81c;background:#fff4d6}.toolbar-btn-icon-action.is-danger{color:#d56a60;background:#fff1f0}.toolbar-btn:hover{color:#22304a;background:#eef2f7;transform:translateY(-1px)}.toolbar-btn:disabled{opacity:.36;cursor:not-allowed;transform:none}.toolbar-btn.is-active{color:#fff;background:#22314a}.note-editor-canvas{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.note-editor-canvas .ProseMirror{color:#1a2438;min-height:max(46vh,320px);padding:1.15rem 1rem 1.4rem;font-size:1rem;line-height:1.66}.note-editor-meta-panel{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #e7eaefeb;flex-direction:column;gap:.8rem;padding:.9rem;display:flex;position:sticky;bottom:0}.note-editor-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;position:relative}.note-editor-group-trigger{cursor:pointer;outline:none;flex-wrap:wrap;flex:1;align-items:center;gap:.6rem;min-height:2.5rem;display:flex}.note-editor-prefix-button,.note-editor-hash,.note-editor-wand{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.note-editor-prefix-button{color:#2559b9;background:#edf6f1}.note-editor-hash{color:#8e98a8}.note-editor-wand{color:#2559b9;cursor:pointer;background:#eef3ff;border:0}.note-editor-wand:disabled{opacity:.42;cursor:not-allowed}.note-editor-placeholder{color:#98a1b1;font-size:.92rem;font-weight:600}.note-editor-category-chip{color:#2559b9;letter-spacing:.04em;text-transform:uppercase;background:#edf4ff;border-radius:999px;align-items:center;gap:.35rem;min-height:2rem;padding:0 .85rem;font-size:.8rem;font-weight:800;display:inline-flex}.note-editor-tag-chip{color:#7a8596;background:0 0;border:0;border-radius:999px;align-items:center;gap:.2rem;min-height:1.7rem;padding:0 .15rem 0 0;font-size:.78rem;font-weight:650;display:inline-flex}.note-editor-chip-remove{cursor:pointer;opacity:.7}.note-editor-tag-input{color:#1f293b;min-width:7rem;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.9rem;font-weight:600}.note-editor-tag-input::placeholder{color:#a0a8b7}.note-editor-dropdown{background:#fffffffa;border:1px solid #e4e8eef5;border-radius:22px;flex-direction:column;gap:.65rem;width:min(20rem,100vw - 1.8rem);max-height:18rem;padding:.75rem;display:flex;position:absolute;bottom:calc(100% + .75rem);left:0;box-shadow:0 24px 60px #0f172a1f}.note-editor-dropdown-search{background:#f5f7fa;border:1px solid #e1e6ee;border-radius:16px;align-items:center;gap:.65rem;min-height:46px;padding:0 .85rem;display:flex}.note-editor-dropdown-search svg{color:#97a0ae;flex-shrink:0}.note-editor-dropdown-search input{color:#1f293b;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.9rem;font-weight:600}.note-editor-dropdown-list{flex-direction:column;gap:.2rem;display:flex;overflow-y:auto}.note-editor-dropdown-item{color:#243146;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.9rem;font-weight:650;display:flex}.note-editor-dropdown-item.is-selected{color:#2559b9;background:#edf4ff}.note-editor-dropdown-empty{text-align:center;color:#97a0ae;padding:1rem;font-size:.85rem;line-height:1.45}.note-editor-footer{background:#ffffffeb;border-top:1px solid #e7eaefeb;justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem;display:flex}.note-editor-footer-meta{color:#8f98a8;flex-wrap:wrap;gap:.45rem 1rem;font-size:.8rem;font-weight:650;display:flex}.note-editor-footer-meta-item{align-items:center;gap:.4rem;display:inline-flex}.note-editor-saving{color:#2559b9;flex-shrink:0;align-items:center;gap:.55rem;font-size:.84rem;font-weight:700;display:inline-flex}.note-editor-saving-spinner{border:3px solid #4e8a7533;border-top-color:#2559b9;border-radius:50%;width:16px;height:16px}.nav-container{-ms-overflow-style:none;scrollbar-width:none;gap:.75rem;padding:.25rem .5rem;display:flex;overflow-x:auto}.nav-container::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;cursor:pointer;color:var(--on-surface-secondary);background:#fff6;border:1px solid #0000;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-tab:hover{color:var(--on-surface-primary);background:#fffc;transform:translateY(-1px)}.nav-tab.active{color:var(--primary);box-shadow:var(--shadow-md);background:#fff;border-color:#2559b933}.tag-pill{white-space:nowrap;cursor:pointer;color:var(--on-surface-secondary);background:#00000005;border:1px solid #00000008;border-radius:.75rem;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tag-pill:hover{color:var(--on-surface-primary);background:#0000000d}.tag-pill.active{background:var(--on-surface-primary);color:#fff;border-color:var(--on-surface-primary);box-shadow:0 4px 12px #1e293b33}.badge-count{opacity:.7;background:#0000000f;border-radius:1rem;padding:.1rem .4rem;font-size:.7rem}.nav-tab.active .badge-count{color:var(--primary);background:#2559b91a}.card-label-category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#2559b914;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.card-label-tag{color:var(--on-surface-muted);font-size:.75rem;font-weight:500}