:root{--app-frame-max-width:920px;--app-header-sticky-offset:calc(env(safe-area-inset-top,0px) + 6rem);--primary:#2189e5;--primary-light:#5ba3f2;--primary-glow:#2189e552;--secondary:#6366f1;--background:#f8fafc;--surface:#ffffffb3;--surface-opaque:#fff;--surface-strong:#ffffffe6;--surface-elevated:#fffffff2;--surface-floating:#fffffffa;--surface-muted:#f5f6f8;--surface-muted-strong:#eceef2;--surface-accent-soft:#2189e514;--border-subtle:#e7eaeff2;--border-strong:#ffffffdb;--header-bg:#ffffffc7;--header-border:#e7eaefe6;--floating-shadow:0 20px 50px #0f172a14;--header-button-bg:#fffffffa;--header-button-color:#101010;--header-button-border:#ffffffe6;--header-button-hover-bg:#f4f6fafa;--header-button-active-bg:var(--primary);--header-button-active-color:#fff;--input-bg:#f5f6f8;--input-border:#e8eaeff2;--input-placeholder:#9aa1ad;--panel-bg:#fff;--panel-border:#e7eaeff2;--panel-divider:#ebeef3f2;--panel-muted:#8b92a0;--success:#16a34a;--success-soft:#22c55e14;--error-soft:#ef444414;--primary-soft:#2189e514;--blob-bg-start:#fff;--blob-bg-end:#fbfbfc;--blob-1-color:#dde6f5;--blob-2-color:#e7ebf2;--blob-3-color:#f1f3f7;--screen-gradient-end:#f8f9fbf5;--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;--ios-font-family:"SF Pro Display", "SF Pro Text", -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}:root[data-theme=dark]{--primary:#67b3f9;--primary-light:#94cbff;--primary-glow:#67b3f959;--secondary:#9aa5ff;--background:#07111d;--surface:#0c1321c2;--surface-opaque:#0d1726;--surface-strong:#0d1524e0;--surface-elevated:#0e1625f2;--surface-floating:#121c2efa;--surface-muted:#101b2c;--surface-muted-strong:#132033;--surface-accent-soft:#67b3f929;--border-subtle:#6e829c3d;--border-strong:#8093ad38;--header-bg:#070c16b8;--header-border:#667a9433;--floating-shadow:0 24px 60px #00000052;--header-button-bg:#111b2ceb;--header-button-color:#edf3ff;--header-button-border:#6e80993d;--header-button-hover-bg:#182539fa;--header-button-active-bg:#67b3f9;--header-button-active-color:#081120;--input-bg:#090f1ae0;--input-border:#667a9433;--input-placeholder:#73829a;--panel-bg:#0b121fe6;--panel-border:#657b9533;--panel-divider:#5a6d852e;--panel-muted:#90a0b9;--on-surface-primary:#edf2fb;--on-surface-secondary:#aab7c9;--on-surface-muted:#738299;--error:#ff7b7b;--overlay:#02060c80;--success:#52d08d;--success-soft:#52d08d24;--error-soft:#ff7b7b24;--primary-soft:#67b3f929;--blob-bg-start:#06101a;--blob-bg-end:#0b1421;--blob-1-color:#153052;--blob-2-color:#112742;--blob-3-color:#0f1f34;--screen-gradient-end:#0b1320fa;--shadow-sm:0 1px 2px 0 #00000038;--shadow-md:0 14px 28px -10px #0006;--shadow-lg:0 30px 40px -20px #00000080}*{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 .35s,color .35s;overflow-x:hidden}#root{z-index:1;height:100%;position:relative}.glass{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.glass-strong{background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.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:var(--surface-strong);transform:translateY(-4px)}.card-hover:active{transform:translateY(0)}.blob-container{z-index:-1;background:linear-gradient(180deg, var(--blob-bg-start) 0%, var(--blob-bg-end) 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:var(--blob-1-color);animation-duration:30s;top:-8%;left:-8%}.blob-2{background:var(--blob-2-color);animation-duration:34s;animation-delay:-5s;bottom:-12%;right:-8%}.blob-3{background:var(--blob-3-color);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 #2189e52e}50%{box-shadow:0 12px 24px #2189e552}to{box-shadow:0 8px 16px #2189e52e}}.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 var(--panel-divider);margin:2rem 0}.mobile-app-shell{min-height:100%;width:min(100%, var(--app-frame-max-width));background:#f8f8f8;flex-direction:column;margin:0 auto;display:flex;padding:0 0 60px!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:var(--surface-strong);border:1px solid var(--border-subtle);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:var(--on-surface-primary);font-size:2rem;font-weight:800;line-height:1.02}.auth-brand-copy p{max-width:320px;color:var(--on-surface-secondary);font-size:.95rem;font-weight:500;line-height:1.4}.auth-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:30px;padding:1rem;box-shadow:0 20px 50px #0f172a0f}.auth-segment{background:var(--surface-muted-strong);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{background:var(--surface-floating);color:var(--on-surface-primary);box-shadow:0 6px 18px #0f172a0d}.auth-form{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.auth-field{background:var(--input-bg);border:1px solid var(--input-border);border-radius:18px;align-items:center;gap:.75rem;min-height:58px;padding:0 1rem;display:flex}.auth-field svg{color:var(--input-placeholder);flex-shrink:0}.auth-field input{min-width:0;color:var(--on-surface-primary);background:0 0;border:0;outline:none;flex:1;font-size:1rem;font-weight:600}.auth-field input::placeholder{color:var(--input-placeholder)}.auth-error{background:var(--error-soft);color:var(--error);border-radius:16px;align-items:center;gap:.55rem;padding:.85rem .95rem;font-size:.86rem;font-weight:600;display:flex}.auth-submit{background:var(--primary);color:#fff;cursor:pointer;min-height:58px;box-shadow:0 16px 32px var(--primary-glow);border:0;border-radius:18px;justify-content:center;align-items:center;gap:.7rem;margin-top:.3rem;font-size:1rem;font-weight:800;display:inline-flex}.auth-submit:hover:not(:disabled){filter:brightness(1.1)}.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:var(--on-surface-muted);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{border:1px solid var(--panel-border);background:var(--surface-floating);text-align:center;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:var(--on-surface-primary);font-size:1.45rem;font-weight:700;line-height:1.15}.dialog-message{color:var(--on-surface-secondary);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{background:var(--surface-muted);border-color:var(--input-border);color:var(--on-surface-primary)}.dialog-button--secondary:hover{background:var(--surface-muted-strong)}.dialog-button--primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px var(--primary-glow)}.dialog-button--primary:hover{filter:brightness(1.08)}.dialog-button--danger{color:#fff;background:#e07b70;box-shadow:0 12px 24px #e07b702e}.dialog-button--danger:hover{background:#d76e62}.mobile-topbar{z-index:40;padding:calc(env(safe-area-inset-top,0px) + .82rem) .85rem 1.82rem;box-shadow:none;background:#f8f8f8cc;grid-template-columns:3.55rem minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid;position:sticky;top:0}.mobile-icon-button{border:1.5px solid var(--header-button-border);background:var(--header-button-bg);width:52px;height:52px;color:var(--header-button-color);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 30px #0f172a0f}.mobile-icon-button:hover:not(:disabled){background:var(--header-button-hover-bg)}.mobile-icon-button.is-pill{width:56px;height:56px}.mobile-icon-button.is-active{background:var(--header-button-active-bg);color:var(--header-button-active-color);box-shadow:0 12px 30px #2189e52e}.mobile-icon-button:disabled{cursor:default}.mobile-logo-lockup{justify-self:center;align-items:center;gap:.42rem;min-width:0;display:inline-flex}.mobile-logo-mark{object-fit:cover;border-radius:.52rem;flex-shrink:0;width:1.52rem;height:1.52rem;display:block}.mobile-logo-text{font-family:var(--ios-font-family,inherit);letter-spacing:-.03em;color:var(--on-surface-primary);white-space:nowrap;font-size:1.02rem;font-weight:700}.mobile-topbar-actions{flex-shrink:0;justify-self:end;align-items:center;gap:.55rem;display:inline-flex}.mobile-theme-toggle{cursor:pointer;vertical-align:top;background:0 0;border:0;flex:none;justify-content:center;align-items:stretch;width:5.95rem;min-width:5.95rem;height:3.25rem;min-height:3.25rem;padding:0;line-height:0;display:inline-flex}.mobile-theme-toggle__track{border:1.5px solid var(--header-button-border);background:var(--header-button-bg);width:100%;height:100%;box-shadow:var(--shadow-sm);border-radius:999px;flex:auto;grid-template-columns:repeat(2,1fr);align-items:center;padding:.22rem;display:grid;position:relative;overflow:hidden}.mobile-theme-toggle__icon{z-index:1;color:var(--on-surface-muted);justify-content:center;align-items:center;transition:color .22s,transform .22s;display:inline-flex;position:relative}.mobile-theme-toggle__thumb{background:linear-gradient(145deg,#fffffff5,#f0f4f9eb);border-radius:999px;width:calc(50% - .22rem);height:calc(100% - .44rem);transition:transform .28s;position:absolute;top:.22rem;left:.22rem;box-shadow:0 10px 18px #0f172a1f}.mobile-theme-toggle.is-dark .mobile-theme-toggle__thumb{background:linear-gradient(145deg,#74a7fff5,#5178d1eb);transform:translate(calc(100% + .22rem))}.mobile-theme-toggle:not(.is-dark) .mobile-theme-toggle__icon--sun,.mobile-theme-toggle.is-dark .mobile-theme-toggle__icon--moon{color:var(--on-surface-primary)}.mobile-theme-toggle.is-dark .mobile-theme-toggle__icon--moon{color:#081120}.mobile-search-band{padding:0 .85rem .42rem}.mobile-search-field{background:var(--surface-muted);border:1px solid var(--border-strong);min-height:3.28rem;box-shadow:inset 0 1px 0 var(--border-strong);border-radius:999px;align-items:center;gap:.7rem;padding:0 1rem;display:flex}.mobile-search-field.is-drawer{margin-bottom:1rem}.mobile-search-field svg{color:var(--input-placeholder);flex-shrink:0}.mobile-search-field input{min-width:0;color:var(--on-surface-primary);font-family:var(--ios-font-family);background:0 0;border:0;outline:0;flex:1;font-size:1.04rem;font-weight:500}.mobile-search-field input::placeholder{color:var(--input-placeholder)}.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{top:calc(var(--app-header-sticky-offset) - 1.2rem);z-index:46;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0 .85rem .34rem;position:sticky}.mobile-filter-track{background:var(--surface-floating);border:1.5px solid var(--border-subtle);border-radius:1.72rem;align-items:center;min-height:3.06rem;padding:.14rem;display:flex;box-shadow:0 8px 30px #0f172a0a}.mobile-filter-row{scrollbar-width:none;gap:.12rem;width:100%;padding:0;display:flex;overflow-x:auto}.mobile-filter-row::-webkit-scrollbar{display:none}.mobile-filter-pill{color:var(--on-surface-primary);white-space:nowrap;letter-spacing:-.016em;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.18rem;min-height:2.72rem;padding:0 .82rem;font-size:.87rem;font-weight:580;display:inline-flex}.mobile-filter-count{min-width:1.42rem;height:1.42rem;color:var(--on-surface-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 .22rem;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex;position:relative;top:-.28em}.mobile-filter-pill.is-active{color:var(--on-surface-primary);background:var(--surface-muted-strong)}.mobile-filter-pill.is-active.favorite{color:#111}.mobile-notes-feed{touch-action:pan-y;flex:1;min-height:0;padding:0 0 116px}.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:3.6rem minmax(0,1fr);align-items:start;gap:.78rem;padding:.72rem .95rem .68rem;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:3.6rem;height:3.6rem}.mobile-note-skeleton-body{flex-direction:column;gap:.28rem;padding-top:0;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;min-height:100%;display:flex}.mobile-note-row{cursor:pointer;border-bottom:1px solid #d8dadfe6;grid-template-columns:3.6rem minmax(0,1fr);align-items:flex-start;gap:.78rem;padding:.72rem .95rem .68rem;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:3.6rem;height:3.6rem;padding:0;display:flex}.mobile-note-avatar img{object-fit:cover;border-radius:50%;width:3.6rem;height:3.6rem;display:block}.mobile-note-body{flex-direction:column;gap:.18rem;min-width:0;display:flex}.mobile-note-head{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.mobile-note-text{min-width:0}.mobile-note-text h3{font-family:var(--ios-font-family);letter-spacing:-.024em;color:#202a38;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.14rem;font-size:1.02rem;font-weight:590;line-height:1.16;overflow:hidden}.mobile-note-text p{font-family:var(--ios-font-family);color:#7f8a98;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:430;line-height:1.24;display:-webkit-box;overflow:hidden}.mobile-note-taxonomy{flex-wrap:nowrap;gap:.22rem;min-width:0;margin-top:.28rem;display:flex;overflow:hidden}.mobile-note-chip{color:#9198a5;min-width:0;min-height:1.2rem;font-family:var(--ios-font-family);white-space:nowrap;background:#fbfcfec7;border:1px solid #e1e5eceb;border-radius:999px;flex:none;align-items:center;gap:.24rem;padding:0 .45rem;font-size:.62rem;font-weight:600;line-height:1;display:inline-flex}.mobile-note-chip.category{color:#7b8899;letter-spacing:.02em}.mobile-note-chip.tag{color:#8e9aa9;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;justify-content:space-between;align-items:flex-end;gap:.22rem;min-height:100%;display:flex}.mobile-note-meta span{font-family:var(--ios-font-family);color:#98a4b3;font-size:.82rem;font-weight:520}.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{background:var(--surface-strong);cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.1rem;font-weight:700}@keyframes skeleton-sheen{to{transform:translate(100%)}}.bottom-nav-shell{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + .78rem);z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed}.bottom-nav-inner{width:min(calc(100vw - 2.45rem), calc(var(--app-frame-max-width) - 2.45rem));position:relative}.bottom-nav-bar{isolation:isolate;pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffffd1,#f7f9fceb);border:1px solid #c9d2dfb8;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.1rem;width:calc(100% - 5.55rem);min-height:4.4rem;margin:0;padding:.18rem .2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a14,inset 0 1px #fffffff2,inset 0 -1px #d3dae49e}.bottom-nav-bar:before,.bottom-nav-bar:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.bottom-nav-bar:before{border:1px solid #ffffff52;inset:1px}.bottom-nav-bar:after{opacity:.8;background:linear-gradient(#ffffff1f,#fff0);inset:0}.bottom-nav-item{z-index:1;color:var(--on-surface-secondary);cursor:pointer;min-height:3.95rem;font-family:var(--ios-font-family);background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.18rem .14rem .22rem;display:flex;position:relative}.bottom-nav-item svg{flex-shrink:0;width:1.6rem;height:1.6rem}.bottom-nav-item span{letter-spacing:-.01em;font-size:.76rem;font-weight:520;line-height:1}.bottom-nav-item.is-active{color:var(--primary);background:linear-gradient(#f4f6faf5,#e8edf4f5);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #cbd2dcb8}.bottom-nav-item.is-active:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d0d7e1c7;position:absolute;inset:0}.bottom-search-fab{pointer-events:auto;width:4.05rem;height:4.05rem;color:var(--on-surface-primary);cursor:pointer;background:linear-gradient(#ffffffe6,#f7f9fcf5);border:1px solid #c9d2dfb8;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:.02rem;right:.02rem;box-shadow:0 24px 50px #0f172a14,inset 0 1px #fffffff5,inset 0 -1px #d3dae4a3}.bottom-search-fab:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff52;position:absolute;inset:1px}.bottom-search-fab svg{flex-shrink:0;width:1.72rem;height:1.72rem}:root[data-theme=dark] .mobile-app-shell{background:#1c2733}:root[data-theme=dark] .settings-screen{background:#1c2732}:root[data-theme=dark] .mobile-topbar{background:#1c2732cc}:root[data-theme=dark] .mobile-topbar .mobile-icon-button.is-pill{color:#f4f7fb;background:#11171d;border-color:#5c6b8029;border-radius:1.75rem;width:3.5rem;height:3.5rem;box-shadow:inset 0 1px #ffffff05}:root[data-theme=dark] .mobile-topbar .mobile-icon-button.is-active{color:#fff;background:#3a434e}:root[data-theme=dark] .mobile-topbar .mobile-theme-toggle{aspect-ratio:1.83;width:5.95rem;min-width:5.95rem;height:3.25rem;min-height:3.25rem}:root[data-theme=dark] .mobile-topbar .mobile-theme-toggle__track{background:#11171d;border-color:#5c6b8029;box-shadow:inset 0 1px #ffffff05}:root[data-theme=dark] .mobile-topbar .mobile-theme-toggle__thumb{background:linear-gradient(145deg,#343d48,#2b333d);box-shadow:0 6px 16px #0000004d}:root[data-theme=dark] .mobile-topbar .mobile-theme-toggle.is-dark .mobile-theme-toggle__thumb{background:linear-gradient(145deg,#69aef8,#5f99ea)}:root[data-theme=dark] .mobile-topbar .mobile-logo-text{color:#f5f8fc}:root[data-theme=dark] .mobile-home-screen .mobile-filter-row{gap:.12rem}:root[data-theme=dark] .mobile-home-screen .mobile-filter-pill{min-height:2.72rem;font-family:var(--ios-font-family);color:#f0f4fa;letter-spacing:-.016em;padding:0 .82rem;font-size:.87rem;font-weight:580}:root[data-theme=dark] .mobile-home-screen .mobile-filter-pill.is-active{color:#fff;background:#3a3e44}:root[data-theme=dark] .mobile-home-screen .mobile-filter-count{color:#fff;background:#707883;border-radius:999px;justify-content:center;align-items:center;min-width:1.42rem;height:1.42rem;padding:0 .22rem;font-size:.72rem;font-weight:700;display:inline-flex;top:-.28em}:root[data-theme=dark] .mobile-home-screen .mobile-filter-pill.is-active .mobile-filter-count{background:#67aef8}:root[data-theme=dark] .mobile-home-screen .mobile-notes-feed,:root[data-theme=dark] .mobile-home-screen .mobile-note-list{background:#1c2733}:root[data-theme=dark] .mobile-home-screen .mobile-note-row{border-bottom-color:#46546852;grid-template-columns:3.6rem minmax(0,1fr);align-items:flex-start;gap:.78rem;padding:.72rem 1.5rem .68rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-row:hover{background:#273240b8}:root[data-theme=dark] .mobile-home-screen .mobile-note-list-skeleton,:root[data-theme=dark] .mobile-home-screen .mobile-empty-state{background:#1c2733}:root[data-theme=dark] .mobile-home-screen .mobile-note-skeleton-row{border-bottom-color:#46546852}:root[data-theme=dark] .mobile-home-screen .mobile-note-skeleton-avatar,:root[data-theme=dark] .mobile-home-screen .mobile-note-skeleton-line{background:#2a3541}:root[data-theme=dark] .mobile-home-screen .mobile-note-skeleton-avatar:after,:root[data-theme=dark] .mobile-home-screen .mobile-note-skeleton-line:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}:root[data-theme=dark] .mobile-home-screen .mobile-note-avatar{width:3.6rem;height:3.6rem;box-shadow:none;background:#253240;border-color:#56657938}:root[data-theme=dark] .mobile-home-screen .mobile-note-avatar img{object-fit:cover;border-radius:50%;width:3.6rem;height:3.6rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-body{gap:.18rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-head{gap:.65rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-text h3{font-family:var(--ios-font-family);letter-spacing:-.024em;color:#f4f7fb;margin-bottom:.14rem;font-size:1.02rem;font-weight:590;line-height:1.16}:root[data-theme=dark] .mobile-home-screen .mobile-note-text p{font-family:var(--ios-font-family);color:#7f8b9a;font-size:.95rem;font-weight:430;line-height:1.24}:root[data-theme=dark] .mobile-home-screen .mobile-note-taxonomy{gap:.22rem;margin-top:.28rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-chip{color:#8390a0;min-height:1.2rem;font-family:var(--ios-font-family);background:#222c39ad;border-color:#58677b38;border-radius:999px;font-size:.62rem;font-weight:600}:root[data-theme=dark] .mobile-home-screen .mobile-note-chip.category{color:#8a97a6}:root[data-theme=dark] .mobile-home-screen .mobile-note-chip.tag{color:#728092;background:0 0;border-color:#0000}:root[data-theme=dark] .mobile-home-screen .mobile-note-chip svg{color:#6f7d8d}:root[data-theme=dark] .mobile-home-screen .mobile-note-meta span{font-family:var(--ios-font-family);color:#8893a2;font-size:.82rem;font-weight:520}:root[data-theme=dark] .mobile-home-screen .mobile-note-favorite,:root[data-theme=dark] .mobile-home-screen .mobile-note-delete{color:#667385}:root[data-theme=dark] .mobile-home-screen .mobile-note-favorite.is-active{color:#f2c84b}:root[data-theme=dark] .mobile-home-screen .mobile-load-more{color:#f4f7fb;background:#11171d}:root[data-theme=dark] .bottom-nav-shell{bottom:calc(env(safe-area-inset-bottom,0px) + .78rem)}:root[data-theme=dark] .bottom-nav-inner{width:min(calc(100vw - 2.45rem), calc(var(--app-frame-max-width) - 2.45rem))}:root[data-theme=dark] .bottom-nav-bar{background:linear-gradient(#0c1016fa,#080c10fc);border-color:#43516352;width:calc(100% - 5.55rem);min-height:4.4rem;padding:.18rem .2rem;box-shadow:0 22px 56px #00000057,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05}:root[data-theme=dark] .bottom-nav-bar:before{border-color:#707b8b1f}:root[data-theme=dark] .bottom-nav-bar:after{background:linear-gradient(#a0afc414,#a0afc400)}:root[data-theme=dark] .bottom-nav-item{color:#b4c2d1;min-height:3.95rem;font-family:var(--ios-font-family)}:root[data-theme=dark] .bottom-nav-item svg{width:1.6rem;height:1.6rem}:root[data-theme=dark] .bottom-nav-item span{letter-spacing:-.01em;font-size:.76rem;font-weight:520}:root[data-theme=dark] .bottom-nav-item.is-active{color:#63b3ff;background:linear-gradient(#3a3c40f5,#313338fa);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000038}:root[data-theme=dark] .bottom-nav-item.is-active:before{border-color:#ffffff08}:root[data-theme=dark] .bottom-search-fab{color:#f5f8fc;background:linear-gradient(#0c1016fc,#080c10);border-color:#43516352;width:4.05rem;height:4.05rem;bottom:.04rem;right:.04rem;box-shadow:0 22px 56px #00000057,inset 0 1px #ffffff0d,inset 0 -1px #ffffff05}:root[data-theme=dark] .bottom-search-fab:before{border-color:#707b8b1f}:root[data-theme=dark] .bottom-search-fab svg{width:1.72rem;height:1.72rem}:root[data-theme=dark] .mobile-bottom-search-panel{background:#0c1016f5;border-color:#4a586a38;box-shadow:0 24px 60px #00000052}:root[data-theme=dark] .mobile-bottom-search-header span{color:#f4f7fb}:root[data-theme=dark] .mobile-bottom-search-header button,:root[data-theme=dark] .mobile-drawer-group h4{color:#7d8998}:root[data-theme=dark] .mobile-drawer-chip{color:#d6dde7;background:#11171d;border-color:#4a586a38}:root[data-theme=dark] .mobile-drawer-chip.is-active{color:#84bfff;background:#69aef829;border-color:#69aef838}.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}.pwa-install-banner-card{isolation:isolate;background:radial-gradient(circle at 100% 0,#ffd98a57,#0000 46%),linear-gradient(135deg,#fffaf0fa,#fffffff5);border:1px solid #efdbbee6;border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.95rem;padding:1rem 1rem 1rem 1.05rem;display:flex;position:relative;overflow:visible;box-shadow:0 18px 44px #c992331f,inset 0 1px #fffc}.pwa-install-banner-card__glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffbe5c3d,#0000 70%);border-radius:50%;width:138px;height:138px;position:absolute;inset:auto auto -38px -24px}.pwa-install-banner-card__main{flex:260px;align-items:flex-start;gap:.9rem;min-width:0;display:flex}.pwa-install-banner-card__icon{color:#b45309;background:linear-gradient(145deg,#fff1d5fa,#ffe8bde0);border-radius:1.1rem;flex-shrink:0;place-items:center;width:3.1rem;height:3.1rem;display:grid;box-shadow:inset 0 1px #ffffffc2}.pwa-install-banner-card__copy{min-width:0}.pwa-install-banner-card__eyebrow{color:#9a670d;letter-spacing:.03em;text-transform:uppercase;background:#ffffffc7;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .62rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.pwa-install-banner-card__copy h3{color:#111;letter-spacing:-.03em;margin-top:.5rem;font-size:1.02rem;font-weight:850;line-height:1.08}.pwa-install-banner-card__copy p{color:#6f6675;max-width:42ch;margin-top:.34rem;font-size:.87rem;line-height:1.48}.pwa-install-banner-card__actions{flex-shrink:0;align-items:center;gap:.5rem;display:inline-flex;position:relative}.pwa-install-banner-card__primary,.pwa-install-banner-card__dismiss,.pwa-install-banner-card__installed{min-height:42px;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.pwa-install-banner-card__primary{color:#fff;cursor:pointer;background:#111;padding:0 1rem;font-size:.84rem;font-weight:800;box-shadow:0 14px 28px #0f172a24}.pwa-install-banner-card__dismiss{color:#6d7280;cursor:pointer;background:#1111110f;width:42px}.pwa-install-banner-card__installed{color:#166534;background:#fffc;border:1px solid #22c55e29;padding:0 .9rem;font-size:.84rem;font-weight:800}.pwa-install-banner-card.is-installed{background:radial-gradient(circle at 100% 0,#b0f0c457,#0000 48%),linear-gradient(135deg,#f4fff7fa,#fffffff7);border-color:#bee7cbf2;box-shadow:0 18px 44px #2a7d4d14,inset 0 1px #ffffffd1}.pwa-install-banner-card.is-installed .pwa-install-banner-card__icon{color:#15803d;background:linear-gradient(145deg,#e5ffedfa,#cff7dceb)}.pwa-install-banner-card--header{border-radius:24px;width:min(100%,360px);padding:.9rem}.pwa-install-banner-card--header .pwa-install-banner-card__main{flex-basis:100%}.pwa-install-banner-card--header .pwa-install-banner-card__icon{width:2.9rem;height:2.9rem}.pwa-install-banner-card--header .pwa-install-banner-card__copy h3{font-size:.96rem}.pwa-install-banner-card--header .pwa-install-banner-card__copy p{font-size:.82rem}.pwa-install-banner-card--header .pwa-install-banner-card__actions{justify-content:space-between;width:100%}.pwa-install-banner-card--hero .pwa-install-banner-card__copy h3{font-size:1.08rem}.pwa-install-popover{z-index:30;background:#fffffffa;border:1px solid #e7eaeffa;border-radius:22px;width:min(340px,100vw - 2.6rem);padding:1rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 28px 60px #0f172a29}.pwa-install-popover__header{flex-direction:column;gap:.18rem;display:flex}.pwa-install-popover__header strong{color:#111;font-size:.94rem;font-weight:850;line-height:1.2}.pwa-install-popover__header span{color:#8a91a0;font-size:.8rem;font-weight:700;line-height:1.3}.pwa-install-popover__steps{flex-direction:column;gap:.65rem;margin-top:.8rem;display:flex}.pwa-install-popover__steps li{color:#394150;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:.55rem;font-size:.86rem;font-weight:650;line-height:1.45;display:grid}.pwa-install-popover__steps li svg{color:#b45309;position:relative;top:.16rem}.pwa-install-popover__note{color:#788191;border-top:1px solid #ebeef3fa;margin-top:.85rem;padding-top:.8rem;font-size:.8rem;font-weight:600;line-height:1.45}.settings-screen{min-height:100%;color:var(--on-surface-primary);background:#f8f8f8cc}.settings-topbar{top:var(--app-header-sticky-offset);z-index:20;background:#ffffff3d;align-items:center;gap:.85rem;padding:1rem .9rem .85rem;display:flex;position:sticky}.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:var(--panel-bg);border:1px solid var(--panel-border);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:var(--on-surface-secondary);align-items:center;gap:.35rem;font-size:.74rem;font-weight:800;display:inline-flex}.settings-summary-copy h2{color:var(--on-surface-primary);margin-top:.45rem;font-size:1.35rem;font-weight:800;line-height:1.05}.settings-summary-copy p{color:var(--panel-muted);margin-top:.28rem;font-size:.9rem;line-height:1.35}.settings-summary-count{text-align:right;flex-shrink:0}.settings-summary-count strong{color:var(--on-surface-primary);font-size:2rem;font-weight:800;line-height:1;display:block}.settings-summary-count span{letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-muted);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:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;overflow:hidden;box-shadow:0 14px 36px #0f172a0a}.settings-panel-header{border-bottom:1px solid var(--panel-divider);padding:1rem 1rem .85rem}.settings-panel-header--feature{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-panel-header--feature>div:first-child{flex:220px;min-width:0}.settings-panel-header h2{color:var(--on-surface-primary);align-items:center;gap:.45rem;font-size:1rem;font-weight:800;display:flex}.settings-panel-header p{color:var(--on-surface-muted);margin-top:.22rem;font-size:.82rem;line-height:1.3}.settings-input-row{gap:.55rem;padding:.9rem 1rem 1rem;display:flex}.settings-input{border:1px solid var(--input-border);background:var(--input-bg);min-width:0;min-height:48px;color:var(--on-surface-primary);border-radius:16px;outline:none;flex:1;padding:0 .95rem;font-size:.94rem;font-weight:600}.settings-input::placeholder,.settings-inline-input::placeholder{color:var(--input-placeholder)}.settings-input:focus,.settings-inline-input:focus{border-color:#1a73d93d;box-shadow:0 0 0 3px #1a73d914}.settings-add-button{background:var(--on-surface-primary);width:48px;height:48px;color:var(--background);cursor:pointer;border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-list{flex-direction:column;display:flex}.settings-list-item{border-top:1px solid var(--panel-divider);justify-content:space-between;align-items:center;gap:.8rem;min-height:60px;padding:.78rem 1rem;display:flex}.settings-item-name{min-width:0;color:var(--on-surface-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.settings-inline-input{border:1px solid var(--input-border);background:var(--input-bg);min-width:0;min-height:40px;color:var(--on-surface-primary);border-radius:12px;outline:none;flex:1;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{background:var(--surface-muted);width:34px;height:34px;color:var(--on-surface-secondary);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-icon-button.confirm{color:#1a73d9;background:#edf4ff}.settings-icon-button.danger{color:#e15252;background:#fff1f1}.settings-empty-state{border-top:1px solid var(--panel-divider);color:var(--on-surface-muted);padding:1rem;font-size:.9rem}.settings-footer{text-align:center;padding:1.4rem 0 .2rem}.settings-footer h3{color:var(--on-surface-primary);font-size:.9rem;font-weight:800}.settings-footer p{color:var(--on-surface-muted);margin-top:.18rem;font-size:.8rem;font-weight:600}.settings-tabs{scrollbar-width:none;align-items:center;gap:.5rem;margin-top:1rem;padding:0 .5rem;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{color:var(--on-surface-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:20px;padding:.65rem 1rem;font-size:.94rem;font-weight:700;transition:all .2s}.settings-tab-btn:hover{color:var(--on-surface-primary);background:var(--surface-accent-soft)}.settings-tab-btn.active{color:var(--on-surface-primary);background:var(--surface-floating);box-shadow:0 2px 12px #0f172a0f}.settings-tab-content{margin:.8rem 0}.settings-panel-app{padding-bottom:.5rem}.settings-panel-info{padding-bottom:1rem}.settings-info-grid{grid-template-columns:1fr;gap:.8rem;padding:1rem;display:grid}.settings-info-card{border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--surface-elevated), var(--surface-strong));border-radius:20px;grid-template-columns:3rem minmax(0,1fr);align-items:flex-start;gap:.85rem;padding:1rem;display:grid}.settings-info-icon{background:var(--surface-muted);width:3rem;height:3rem;color:var(--on-surface-secondary);border-radius:1rem;place-items:center;display:grid}.settings-info-copy h3{color:var(--on-surface-primary);font-size:.98rem;font-weight:800;line-height:1.2}.settings-info-copy p{color:var(--on-surface-secondary);margin-top:.32rem;font-size:.86rem;line-height:1.45}.settings-info-card.tone-security .settings-info-icon{color:#2f7b5f;background:#edf6f1}.settings-info-card.tone-automation .settings-info-icon{color:#3f67c9;background:#eef3ff}.settings-info-card.tone-offline .settings-info-icon{color:#7560d8;background:#f5f3ff}.settings-info-card.tone-sync .settings-info-icon{color:#2877b8;background:#edf7ff}.settings-info-card.tone-pwa .settings-info-icon{color:#d97706;background:#fff4e8}.settings-form-row{border-top:1px solid var(--panel-divider);flex-direction:column;gap:.8rem;padding:1.2rem 1rem;display:flex}.settings-form-label{flex-direction:column;gap:.25rem;display:flex}.settings-form-label strong{color:var(--on-surface-primary);font-size:.95rem;font-weight:700}.settings-form-label span{color:var(--panel-muted);font-size:.84rem;line-height:1.35}.settings-form-control{max-width:140px}.settings-input-number{text-align:center;min-height:44px}@media (width>=768px){.settings-form-row{flex-direction:row;justify-content:space-between;align-items:center}}.settings-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1c73;justify-content:center;align-items:center;padding:1rem;animation:.18s fade-in-overlay;display:flex;position:fixed;inset:0}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--surface-floating);border:1px solid var(--panel-border);border-radius:28px;flex-direction:column;width:min(100%,480px);animation:.22s cubic-bezier(.34,1.56,.64,1) slide-up-modal;display:flex;overflow:hidden;box-shadow:0 32px 80px #0f172a2e,0 8px 24px #0f172a14}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-header{border-bottom:1px solid var(--panel-divider);justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.2rem .9rem;display:flex}.settings-modal-header h3{color:var(--on-surface-primary);align-items:center;gap:.45rem;margin:0;font-size:1rem;font-weight:800;display:flex}.settings-modal-close{background:var(--surface-muted);width:34px;height:34px;color:var(--on-surface-secondary);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.settings-modal-close:hover{background:var(--surface-muted-strong);color:var(--on-surface-primary)}.settings-modal-body{flex-direction:column;gap:0;padding:1rem 1.2rem;display:flex}.settings-modal-label{color:var(--on-surface-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:baseline;gap:.45rem;margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:flex}.settings-modal-label+.settings-modal-input,.settings-modal-label+.settings-modal-textarea{margin-top:0}.settings-modal-label-hint{color:var(--on-surface-muted);text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:500}.settings-modal-input{border:1.5px solid var(--input-border);background:var(--input-bg);width:100%;min-height:48px;color:var(--on-surface-primary);box-sizing:border-box;border-radius:14px;outline:none;margin-bottom:1rem;padding:0 .95rem;font-size:.97rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.settings-modal-input:focus{background:var(--surface-floating);border-color:#1a73d961;box-shadow:0 0 0 3px #1a73d91a}.settings-modal-textarea{border:1.5px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--on-surface-primary);resize:vertical;box-sizing:border-box;border-radius:14px;outline:none;margin-bottom:.65rem;padding:.75rem .95rem;font-family:inherit;font-size:.92rem;font-weight:500;line-height:1.6;transition:border-color .15s,box-shadow .15s}.settings-modal-textarea:focus{background:var(--surface-floating);border-color:#1a73d961;box-shadow:0 0 0 3px #1a73d91a}.settings-modal-textarea::placeholder,.settings-modal-input::placeholder{color:var(--input-placeholder);font-weight:400}.settings-modal-hint{color:var(--on-surface-muted);margin:0;font-size:.8rem;line-height:1.45}.settings-modal-footer{border-top:1px solid var(--panel-divider);justify-content:flex-end;align-items:center;gap:.65rem;padding:.9rem 1.2rem 1.1rem;display:flex}.settings-modal-btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 1.2rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.settings-modal-btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.settings-modal-btn--cancel{background:var(--surface-muted);color:var(--on-surface-secondary)}.settings-modal-btn--cancel:hover:not(:disabled){background:var(--surface-muted-strong)}.settings-modal-btn--save{color:#fff;background:#111;min-width:110px}.settings-modal-btn--save:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}@media (width>=768px){:root{--app-header-sticky-offset:calc(env(safe-area-inset-top,0px) + 5.85rem)}.auth-shell{width:min(100%,500px);padding-left:1.5rem;padding-right:1.5rem}.auth-card{padding:1.15rem}.pwa-install-banner-card--header{width:min(100%,400px)}.mobile-topbar,.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.45rem)}.settings-topbar{padding-left:1.5rem;padding-right:1.5rem}.settings-content{padding-bottom:1.5rem;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)}}@media (width<=767px){.pwa-install-banner-card{border-radius:24px;padding:.95rem}.pwa-install-banner-card__actions{justify-content:space-between;width:100%}.pwa-install-banner-card__primary{flex:auto}.pwa-install-banner-card__copy p{max-width:none}.pwa-install-popover{width:auto;left:0;right:0}}.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:#2189e514;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));background:linear-gradient(180deg, var(--surface-elevated), var(--screen-gradient-end));color:var(--on-surface-primary);flex-direction:column;margin:0 auto;display:flex}.note-editor-topbar{top:var(--app-header-sticky-offset);z-index:30;background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--panel-divider);align-items:center;padding:.9rem .9rem .8rem;display:flex;position:sticky}.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{background:var(--surface-strong);border:1px solid var(--panel-border);z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none;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:var(--panel-divider);flex:none;width:1px;min-height:26px;margin:0 .1rem}.editor-toolbar-divider--push{margin-left:auto}.toolbar-btn{width:36px;height:36px;color:var(--on-surface-secondary);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;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{background:var(--surface-muted);color:var(--on-surface-primary)}.toolbar-btn-icon-action.is-favorite{color:#dba81c;background:#fff4d6}.toolbar-btn-icon-action.is-danger{color:#d56a60;background:#fff1f0}.toolbar-btn:hover{background:var(--surface-muted-strong);color:var(--on-surface-primary);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{min-height:max(46vh,320px);color:var(--on-surface-primary);padding:1.15rem 1rem 1.4rem;font-size:1rem;line-height:1.66}.note-editor-meta-panel{z-index:12;background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--panel-divider);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:var(--primary);background:#2189e514}.note-editor-hash{color:var(--on-surface-muted)}.note-editor-wand{color:var(--primary);cursor:pointer;background:#2189e514;border:0}.note-editor-wand:disabled{opacity:.42;cursor:not-allowed}.note-editor-placeholder{color:var(--on-surface-muted);font-size:.92rem;font-weight:600}.note-editor-category-chip{min-height:2rem;color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:#2189e514;border-radius:999px;align-items:center;gap:.35rem;padding:0 .85rem;font-size:.8rem;font-weight:800;display:inline-flex}.note-editor-tag-chip{min-height:1.7rem;color:var(--on-surface-secondary);background:0 0;border:0;border-radius:999px;align-items:center;gap:.2rem;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{min-width:7rem;color:var(--on-surface-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:.9rem;font-weight:600}.note-editor-tag-input::placeholder{color:var(--on-surface-muted)}.note-editor-dropdown{border:1px solid var(--panel-border);background:var(--surface-floating);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:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;align-items:center;gap:.65rem;min-height:46px;padding:0 .85rem;display:flex}.note-editor-dropdown-search svg{color:var(--on-surface-muted);flex-shrink:0}.note-editor-dropdown-search input{min-width:0;color:var(--on-surface-primary);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{width:100%;min-height:42px;color:var(--on-surface-primary);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:var(--primary);background:#2189e514}.note-editor-dropdown-empty{text-align:center;color:var(--on-surface-muted);padding:1rem;font-size:.85rem;line-height:1.45}.note-editor-footer{background:var(--surface-strong);border-top:1px solid var(--panel-divider);justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem;display:flex}.note-editor-footer-meta{color:var(--on-surface-secondary);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:var(--primary);flex-shrink:0;align-items:center;gap:.55rem;font-size:.84rem;font-weight:700;display:inline-flex}.note-editor-saving-spinner{border:3px solid #2189e526;border-top-color:var(--primary);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:#2189e533}.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:#2189e51a}.card-label-category{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#2189e514;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}