: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: rgba(33, 137, 229, .32);--secondary: #6366f1;--background: #f8fafc;--surface: rgba(255, 255, 255, .7);--surface-opaque: #ffffff;--surface-strong: rgba(255, 255, 255, .9);--surface-elevated: rgba(255, 255, 255, .95);--surface-floating: rgba(255, 255, 255, .98);--surface-muted: #f5f6f8;--surface-muted-strong: #eceef2;--surface-accent-soft: rgba(33, 137, 229, .08);--border-subtle: rgba(231, 234, 239, .95);--border-strong: rgba(255, 255, 255, .86);--header-bg: rgba(255, 255, 255, .78);--header-bg-solid: #f8f8f8;--header-border: rgba(231, 234, 239, .9);--floating-shadow: 0 20px 50px rgba(15, 23, 42, .08);--header-button-bg: rgba(255, 255, 255, .98);--header-button-color: #101010;--header-button-border: rgba(255, 255, 255, .9);--header-button-hover-bg: rgba(244, 246, 250, .98);--header-button-active-bg: var(--primary);--header-button-active-color: #ffffff;--input-bg: #f5f6f8;--input-border: rgba(232, 234, 239, .95);--input-placeholder: #9aa1ad;--panel-bg: #ffffff;--panel-border: rgba(231, 234, 239, .95);--panel-divider: rgba(235, 238, 243, .95);--panel-muted: #8b92a0;--success: #16a34a;--success-soft: rgba(34, 197, 94, .08);--error-soft: rgba(239, 68, 68, .08);--primary-soft: rgba(33, 137, 229, .08);--blob-bg-start: #ffffff;--blob-bg-end: #fbfbfc;--blob-1-color: #dde6f5;--blob-2-color: #e7ebf2;--blob-3-color: #f1f3f7;--screen-gradient-end: rgba(248, 249, 251, .96);--on-surface-primary: #1e293b;--on-surface-secondary: #64748b;--on-surface-muted: #94a3b8;--error: #ef4444;--overlay: rgba(15, 23, 42, .2);--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 rgb(0 0 0 / .05);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}:root[data-theme=dark]{--primary: #67b3f9;--primary-light: #94cbff;--primary-glow: rgba(103, 179, 249, .35);--secondary: #9aa5ff;--background: #07111d;--surface: rgba(12, 19, 33, .76);--surface-opaque: #0d1726;--surface-strong: rgba(13, 21, 36, .88);--surface-elevated: rgba(14, 22, 37, .95);--surface-floating: rgba(18, 28, 46, .98);--surface-muted: #101b2c;--surface-muted-strong: #132033;--surface-accent-soft: rgba(103, 179, 249, .16);--border-subtle: rgba(110, 130, 156, .24);--border-strong: rgba(128, 147, 173, .22);--header-bg: rgba(7, 12, 22, .72);--header-bg-solid: #1c2732;--header-border: rgba(102, 122, 148, .2);--floating-shadow: 0 24px 60px rgba(0, 0, 0, .32);--header-button-bg: rgba(17, 27, 44, .92);--header-button-color: #edf3ff;--header-button-border: rgba(110, 128, 153, .24);--header-button-hover-bg: rgba(24, 37, 57, .98);--header-button-active-bg: #67b3f9;--header-button-active-color: #081120;--input-bg: rgba(9, 15, 26, .88);--input-border: rgba(102, 122, 148, .2);--input-placeholder: #73829a;--panel-bg: rgba(11, 18, 31, .9);--panel-border: rgba(101, 123, 149, .2);--panel-divider: rgba(90, 109, 133, .18);--panel-muted: #90a0b9;--on-surface-primary: #edf2fb;--on-surface-secondary: #aab7c9;--on-surface-muted: #738299;--error: #ff7b7b;--overlay: rgba(2, 6, 12, .5);--success: #52d08d;--success-soft: rgba(82, 208, 141, .14);--error-soft: rgba(255, 123, 123, .14);--primary-soft: rgba(103, 179, 249, .16);--blob-bg-start: #06101a;--blob-bg-end: #0b1421;--blob-1-color: #153052;--blob-2-color: #112742;--blob-3-color: #0f1f34;--screen-gradient-end: rgba(11, 19, 32, .98);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .22);--shadow-md: 0 14px 28px -10px rgb(0 0 0 / .4);--shadow-lg: 0 30px 40px -20px rgb(0 0 0 / .5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font-family);background-color:var(--background);color:var(--on-surface-primary);overflow-x:hidden;transition:background-color .35s ease,color .35s ease}#root{height:100%;position:relative;z-index:1}.glass{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.glass-strong{background:var(--surface-strong);backdrop-filter:blur(16px);-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 ease,background-color .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background-color:var(--surface-strong)}.card-hover:active{transform:translateY(0)}.blob-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(180deg,var(--blob-bg-start) 0%,var(--blob-bg-end) 100%)}.blob{position:absolute;width:44vw;height:44vw;border-radius:50%;filter:blur(90px);opacity:.07;mix-blend-mode:normal;animation:blob-float 24s infinite alternate cubic-bezier(.4,0,.2,1)}.blob-1{background:var(--blob-1-color);top:-8%;left:-8%;animation-duration:30s}.blob-2{background:var(--blob-2-color);bottom:-12%;right:-8%;animation-duration:34s;animation-delay:-5s}.blob-3{background:var(--blob-3-color);top:38%;left:34%;width:26vw;height:26vw;animation-duration:28s;animation-delay:-10s}@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:fadeIn .4s cubic-bezier(.25,.46,.45,.94) forwards}.scale-in{animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-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:pulse-soft 3s infinite}.ProseMirror{outline:none;min-height:200px;color:var(--on-surface-primary);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{font-size:1.8rem;margin:1.5rem 0 1rem;font-weight:800}.ProseMirror h2{font-size:1.5rem;margin:1.25rem 0 .75rem;font-weight:700}.ProseMirror h3{font-size:1.25rem;margin:1rem 0 .5rem;font-weight:700}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem;margin:1rem 0}.ProseMirror li{margin-bottom:.5rem}.ProseMirror a{color:var(--primary);text-decoration:underline;text-underline-offset:4px;font-weight:600;cursor:pointer}.ProseMirror blockquote{border-left:3px solid var(--primary-light);padding-left:1rem;margin:1.5rem 0;color:var(--on-surface-secondary);font-style:italic}.ProseMirror hr{border:none;border-top:1px solid var(--panel-divider);margin:2rem 0}.mobile-app-shell{min-height:100%;display:flex;flex-direction:column;width:min(100%,var(--app-frame-max-width));margin:0 auto;padding:0 0 60px!important;background:#f8f8f8}.auth-shell{min-height:100vh;width:min(100%,460px);margin:0 auto;padding:2.2rem 1rem 1.6rem;display:flex;flex-direction:column;justify-content:center;gap:1.35rem}.auth-brand-block{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.auth-brand-mark{width:96px;height:96px;padding:10px;border-radius:28px;background:var(--surface-strong);border:1px solid var(--border-subtle);box-shadow:0 16px 34px #0f172a0f}.auth-brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.auth-brand-copy{display:flex;flex-direction:column;align-items:center;gap:.25rem}.auth-brand-copy h1{font-size:2rem;line-height:1.02;font-weight:800;letter-spacing:-.04em;color:var(--on-surface-primary)}.auth-brand-copy p{max-width:320px;font-size:.95rem;line-height:1.4;color:var(--on-surface-secondary);font-weight:500}.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{min-height:58px;display:grid;grid-template-columns:repeat(2,1fr);gap:.28rem;padding:.28rem;border-radius:999px;background:var(--surface-muted-strong)}.auth-segment-button{min-height:48px;border:0;border-radius:999px;background:transparent;color:#7b8392;font-size:.95rem;font-weight:800;cursor:pointer}.auth-segment-button.is-active{background:var(--surface-floating);color:var(--on-surface-primary);box-shadow:0 6px 18px #0f172a0d}.auth-form{margin-top:1rem;display:flex;flex-direction:column;gap:.85rem}.auth-field{min-height:58px;display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-radius:18px;background:var(--input-bg);border:1px solid var(--input-border)}.auth-field svg{color:var(--input-placeholder);flex-shrink:0}.auth-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--on-surface-primary);font-size:1rem;font-weight:600;outline:none}.auth-field input::placeholder{color:var(--input-placeholder)}.auth-error{display:flex;align-items:center;gap:.55rem;padding:.85rem .95rem;border-radius:16px;background:var(--error-soft);color:var(--error);font-size:.86rem;font-weight:600}.auth-helper-text{margin:-.28rem 0 .12rem;padding:0 .3rem;font-size:.82rem;line-height:1.45;color:var(--on-surface-muted)}.auth-submit{min-height:58px;border:0;border-radius:18px;background:var(--primary);color:#fff;font-size:1rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.3rem;cursor:pointer;box-shadow:0 16px 32px var(--primary-glow)}.auth-submit:hover:not(:disabled){filter:brightness(1.1)}.auth-submit:disabled{opacity:.72;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%}.auth-footer{text-align:center;font-size:.82rem;line-height:1.4;color:var(--on-surface-muted);font-weight:600}.dialog-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#727e952e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dialog-sheet{width:min(100%,27rem);border-radius:1.9rem;border:1px solid var(--panel-border);background:var(--surface-floating);box-shadow:0 24px 70px #1a233629;padding:1.7rem 1.45rem 1.35rem;text-align:center}.dialog-icon{width:3.4rem;height:3.4rem;margin:0 auto .95rem;border-radius:1.1rem;display:grid;place-items:center;border:1px solid transparent}.dialog-icon--info{background:#f3f7fc;border-color:#dbe5f0;color:#73829a}.dialog-icon--success{background:#edf8f5;border-color:#cfe7df;color:#406fcb}.dialog-icon--warning{background:#fff8e5;border-color:#f5df99;color:#d6a318}.dialog-icon--error{background:#fff1f0;border-color:#f2cbc7;color:#d36258}.dialog-title{font-size:1.45rem;line-height:1.15;font-weight:700;color:var(--on-surface-primary)}.dialog-message{margin-top:.8rem;font-size:1rem;line-height:1.55;color:var(--on-surface-secondary)}.dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin-top:1.5rem}.dialog-actions--single{grid-template-columns:minmax(0,10rem);justify-content:center}.dialog-button{min-height:3.35rem;border-radius:1.2rem;border:1px solid transparent;font:inherit;font-size:1.02rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.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{background:#e07b70;color:#fff;box-shadow:0 12px 24px #e07b702e}.dialog-button--danger:hover{background:#d76e62}.dialog-button:disabled,.dialog-button:disabled:hover,.dialog-button:disabled:active{transform:none;filter:none;box-shadow:none;cursor:not-allowed;opacity:.58}.dialog-button--primary:disabled,.dialog-button--primary:disabled:hover,.dialog-button--primary:disabled:active{background:var(--surface-muted-strong);border-color:var(--input-border);color:var(--on-surface-secondary)}.mobile-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:3.55rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:calc(env(safe-area-inset-top,0px) + .82rem) .85rem 1.82rem;background:#f8f8f8cc;box-shadow:none}.mobile-icon-button{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:999px;border:1.5px solid var(--header-button-border);background:var(--header-button-bg);color:var(--header-button-color);display:inline-flex;align-items:center;justify-content:center;line-height:0;box-sizing:border-box;box-shadow:0 10px 30px #0f172a0f;cursor:pointer}.mobile-icon-button svg{display:block;flex:0 0 auto}.mobile-icon-button:hover:not(:disabled){background:var(--header-button-hover-bg)}.mobile-icon-button.is-pill{width:3.25rem;height:3.25rem;min-width:3.25rem;min-height:3.25rem;flex:0 0 3.25rem;align-self:center}.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{width:52px;height:52px;min-width:52px;min-height:52px;box-sizing:border-box;cursor:default}.mobile-icon-button.is-pill:disabled{width:3.25rem;height:3.25rem;min-width:3.25rem;min-height:3.25rem;flex-basis:3.25rem}.mobile-logo-lockup{justify-self:center;display:inline-flex;align-items:center;gap:.42rem;min-width:0}.mobile-logo-mark{width:1.52rem;height:1.52rem;border-radius:.52rem;object-fit:cover;display:block;flex-shrink:0}.mobile-logo-text{font-family:var(--ios-font-family, inherit);font-size:1.02rem;font-weight:700;letter-spacing:-.03em;color:var(--on-surface-primary);white-space:nowrap}.mobile-topbar-actions{display:inline-flex;align-items:center;gap:.55rem;justify-self:end;flex-shrink:0}.mobile-theme-toggle{width:5.95rem;height:3.25rem;min-width:5.95rem;min-height:3.25rem;display:inline-flex;align-items:stretch;justify-content:center;flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;vertical-align:top}.mobile-theme-toggle__track{position:relative;width:100%;height:100%;display:grid;flex:1 1 auto;grid-template-columns:repeat(2,1fr);align-items:center;padding:.22rem;border-radius:999px;border:1.5px solid var(--header-button-border);background:var(--header-button-bg);box-shadow:var(--shadow-sm);overflow:hidden}.mobile-theme-toggle__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;color:var(--on-surface-muted);transition:color .22s ease,transform .22s ease}.mobile-theme-toggle__thumb{position:absolute;top:.22rem;left:.22rem;width:calc(50% - .22rem);height:calc(100% - .44rem);border-radius:999px;background:linear-gradient(145deg,#fffffff5,#f0f4f9eb);box-shadow:0 10px 18px #0f172a1f;transition:transform .28s ease}.mobile-theme-toggle.is-dark .mobile-theme-toggle__thumb{transform:translate(calc(100% + .22rem));background:linear-gradient(145deg,#74a7fff5,#5178d1eb)}.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{min-height:3.28rem;display:flex;align-items:center;gap:.7rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 var(--border-strong);padding:0 1rem}.mobile-search-field.is-drawer{margin-bottom:1rem}.mobile-search-field svg{color:var(--input-placeholder);flex-shrink:0}.mobile-search-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--on-surface-primary);font-family:var(--ios-font-family);font-size:1.04rem;font-weight:500;outline:0}.mobile-search-field input::placeholder{color:var(--input-placeholder)}.mobile-search-clear{border:0;background:transparent;color:var(--on-surface-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-filter-sticky{position:sticky;top:calc(var(--app-header-sticky-offset) - 1.2rem);z-index:46;padding:0 .85rem .34rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-filter-track{min-height:3.06rem;display:flex;align-items:center;border-radius:1.72rem;padding:.14rem;background:var(--surface-floating);border:1.5px solid var(--border-subtle);box-shadow:0 8px 30px #0f172a0a;position:relative;overflow:hidden;isolation:isolate;contain:paint;clip-path:inset(0 round 1.72rem);-webkit-mask-image:-webkit-radial-gradient(white,black)}.mobile-filter-row{display:flex;align-items:center;gap:.12rem;overflow-x:auto;padding:0;scrollbar-width:none;width:100%}.mobile-filter-row::-webkit-scrollbar{display:none}.mobile-filter-pill{border:0;background:transparent;color:var(--on-surface-primary);border-radius:999px;min-height:2.72rem;padding:0 .82rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.18rem;font-size:.87rem;font-weight:580;letter-spacing:-.016em;cursor:pointer}.mobile-filter-count{position:relative;top:-.28em;min-width:1.42rem;height:1.42rem;padding:0 .22rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;line-height:1;color:var(--on-surface-secondary)}.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{flex:1;min-height:0;padding:0 0 116px;touch-action:pan-y}.mobile-empty-state{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem .85rem 0}.mobile-empty-hero{display:flex;gap:.95rem;align-items:flex-start;padding:1rem;border-radius:1.6rem;background:#ffffffdb;border:1px solid rgba(228,232,238,.94);box-shadow:0 12px 34px #0f172a0a}.mobile-empty-badge{width:3rem;height:3rem;border-radius:1rem;background:#eef2f7;color:#5f6d82;display:grid;place-items:center;flex-shrink:0}.mobile-empty-copy{min-width:0}.mobile-empty-copy h2{font-size:1.45rem;line-height:1.08;font-weight:800;color:#1a2438;letter-spacing:-.03em}.mobile-empty-copy p{margin-top:.45rem;font-size:.95rem;line-height:1.45;color:#7a8598}.mobile-empty-features{display:flex;flex-direction:column;gap:.7rem}.mobile-empty-feature{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border-radius:1.35rem;background:#ffffffc2;border:1px solid rgba(231,234,239,.94)}.mobile-empty-feature-icon{width:2.6rem;height:2.6rem;border-radius:.9rem;display:grid;place-items:center}.mobile-empty-feature-icon.tone-security{background:#edf6f1;color:#406fcb}.mobile-empty-feature-icon.tone-ai{background:#f1edff;color:#7560d8}.mobile-empty-feature strong{display:block;font-size:.94rem;line-height:1.2;font-weight:750;color:#1e293b}.mobile-empty-feature span{display:block;margin-top:.22rem;font-size:.84rem;line-height:1.45;color:#7b8799}.mobile-empty-create{min-height:3.4rem;border:0;border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:inherit;font-size:.96rem;font-weight:800;box-shadow:0 18px 36px #0f172a1f;cursor:pointer}.mobile-empty-create.is-secondary{background:#eef2f7;color:#243146;box-shadow:none}.mobile-note-list-skeleton{display:flex;flex-direction:column}.mobile-note-skeleton-row{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.78rem;align-items:start;padding:.72rem .95rem .68rem;border-bottom:1px solid rgba(216,218,223,.9)}.mobile-note-skeleton-avatar,.mobile-note-skeleton-line{position:relative;overflow:hidden;background:#eef1f5}.mobile-note-skeleton-avatar:after,.mobile-note-skeleton-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:skeleton-sheen 1.3s ease-in-out infinite}.mobile-note-skeleton-avatar{width:3.6rem;height:3.6rem;border-radius:50%}.mobile-note-skeleton-body{display:flex;flex-direction:column;gap:.28rem;padding-top:0}.mobile-note-skeleton-line{height:.88rem;border-radius:999px}.mobile-note-skeleton-line.is-title{width:58%;height:1rem}.mobile-note-skeleton-line.is-short{width:42%}.mobile-note-list{display:flex;flex-direction:column;min-height:100%}.mobile-note-row{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.78rem;align-items:flex-start;padding:.72rem .95rem .68rem;border-bottom:1px solid rgba(216,218,223,.9);cursor:pointer}.mobile-note-row:hover{background:#f8fafcb3}.mobile-note-avatar{width:3.6rem;height:3.6rem;border-radius:50%;background:linear-gradient(145deg,#f0f2f6,#fafbfc);color:#7d8595;display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,220,226,.9);padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;overflow:hidden}.mobile-note-avatar--image-slot{cursor:default}.mobile-note-avatar--preview{background:#dfe6f2}.mobile-note-avatar img{width:3.6rem;height:3.6rem;border-radius:50%;object-fit:cover;display:block}.mobile-note-body{min-width:0;display:flex;flex-direction:column;gap:.18rem}.mobile-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.mobile-note-text{min-width:0}.mobile-note-text h3{font-family:var(--ios-font-family);font-size:1.02rem;line-height:1.16;font-weight:590;letter-spacing:-.024em;color:#202a38;margin-bottom:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-note-text p{font-family:var(--ios-font-family);font-size:.95rem;line-height:1.24;font-weight:430;color:#7f8a98;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mobile-note-taxonomy{flex:1 1 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:.22rem;min-width:0;overflow:hidden}.mobile-note-taxonomy-row{margin-top:0rem;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}.mobile-note-taxonomy-chips{flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;gap:.22rem;overflow:hidden}.mobile-note-icon-picker{flex:0 0 auto;width:1.72rem;height:1.72rem;min-width:1.72rem;min-height:1.72rem;border:0;border-radius:999px;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;-webkit-appearance:none}.mobile-note-icon-picker-thumb{width:1.22rem;height:1.22rem;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0f2f6,#fafbfc);border:1px solid rgba(217,220,226,.9)}.mobile-note-icon-picker-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mobile-note-chip{min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;gap:.24rem;min-height:1.2rem;padding:0 .45rem;border-radius:999px;border:1px solid rgba(225,229,236,.92);background:#fbfcfec7;color:#9198a5;font-family:var(--ios-font-family);font-size:.62rem;font-weight:600;line-height:1;white-space:nowrap}.mobile-note-chip.category{color:#7b8899;letter-spacing:.02em}.mobile-note-chip.tag{min-height:16px;gap:.14rem;padding:0 .12rem 0 0;border:0;background:transparent;color:#8e9aa9;font-size:.58rem;font-weight:550}.mobile-note-chip svg{flex-shrink:0;color:#a0a8b5}.mobile-note-date-row{margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.72rem;line-height:1.3;color:#a0a5ae}.mobile-note-date-row span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.mobile-note-meta{flex-shrink:0}.mobile-note-meta span{font-family:var(--ios-font-family);font-size:.82rem;font-weight:520;color:#98a4b3}.mobile-note-favorite{flex:0 0 auto;border:0;background:transparent;color:#c6cad2;padding:.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-note-favorite--meta{width:1.56rem;height:1.56rem;border-radius:999px}.mobile-note-taxonomy-action{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;width:1.56rem}.mobile-note-favorite.is-active{color:#eab308}.mobile-note-delete,.mobile-note-unlink{border:0;background:transparent;color:#d2a4a4;padding:.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-note-delete:hover{color:#d44d4d}.mobile-note-unlink{color:#8aa0b8}.mobile-note-unlink:hover{color:#4da2ff}.mobile-list-status,.mobile-load-more{margin:1rem auto 0;color:var(--on-surface-secondary);font-size:.95rem}.mobile-load-more{border:0;background:var(--surface-strong);border-radius:999px;padding:.75rem 1.1rem;font-weight:700;cursor:pointer}@keyframes skeleton-sheen{to{transform:translate(100%)}}.bottom-nav-shell{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + .78rem);z-index:50;pointer-events:none;display:flex;justify-content:center}.bottom-nav-inner{position:relative;width:min(calc(100vw - 2.45rem),calc(var(--app-frame-max-width) - 2.45rem))}.bottom-nav-bar{position:relative;isolation:isolate;overflow:hidden;pointer-events:auto;width:calc(100% - 5.55rem);margin:0;min-height:4.4rem;border-radius:999px;padding:.18rem .2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.1rem;background:linear-gradient(180deg,#ffffffd1,#f7f9fceb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(201,210,223,.72);box-shadow:0 24px 50px #0f172a14,inset 0 1px #fffffff2,inset 0 -1px #d3dae49e}.bottom-nav-bar:before,.bottom-nav-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.bottom-nav-bar:before{inset:1px;border:1px solid rgba(255,255,255,.32)}.bottom-nav-bar:after{inset:0;background:linear-gradient(180deg,#ffffff1f,#fff0);opacity:.8}.bottom-nav-item{position:relative;z-index:1;border:0;background:transparent;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;color:var(--on-surface-secondary);min-height:3.95rem;padding:.18rem .14rem .22rem;cursor:pointer;font-family:var(--ios-font-family)}.bottom-nav-item svg{width:1.6rem;height:1.6rem;flex-shrink:0}.bottom-nav-item span{font-size:.76rem;font-weight:520;line-height:1;letter-spacing:-.01em}.bottom-nav-item.is-active{background:linear-gradient(180deg,#f4f6faf5,#e8edf4f5);color:var(--primary);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #cbd2dcb8}.bottom-nav-item.is-active:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(208,215,225,.78);pointer-events:none}.bottom-nav-item--genai{color:#5263d9}.bottom-nav-item--genai svg{filter:drop-shadow(0 6px 12px rgba(82,99,217,.18))}.bottom-search-fab{pointer-events:auto;position:absolute;right:.02rem;bottom:.02rem;width:4.05rem;height:4.05rem;border-radius:50%;border:1px solid rgba(201,210,223,.72);background:linear-gradient(180deg,#ffffffe6,#f7f9fcf5);color:var(--on-surface-primary);box-shadow:0 24px 50px #0f172a14,inset 0 1px #fffffff5,inset 0 -1px #d3dae4a3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bottom-search-fab:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.32);pointer-events:none}.bottom-search-fab svg{width:1.72rem;height:1.72rem;flex-shrink:0}: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{width:3.25rem;height:3.25rem;border-radius:999px;background:#11171d;border-color:#5c6b8029;color:#f4f7fb;box-shadow:inset 0 1px #ffffff05}:root[data-theme=dark] .mobile-topbar .mobile-icon-button.is-active{background:#3a434e;color:#fff}:root[data-theme=dark] .mobile-topbar .mobile-theme-toggle{width:5.95rem;height:3.25rem;min-width:5.95rem;min-height:3.25rem;aspect-ratio:1.83 / 1}: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;padding:0 .82rem;font-family:var(--ios-font-family);font-size:.87rem;font-weight:580;color:#f0f4fa;letter-spacing:-.016em}:root[data-theme=dark] .mobile-home-screen .mobile-filter-pill.is-active{background:#3a3e44;color:#fff}:root[data-theme=dark] .mobile-home-screen .mobile-filter-count{top:-.28em;min-width:1.42rem;height:1.42rem;padding:0 .22rem;border-radius:999px;background:#707883;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}:root[data-theme=dark] .mobile-home-screen .mobile-filter-pill.is-active .mobile-filter-count{background:#67aef8}:root[data-theme=dark] .settings-tabs{background:var(--surface-floating)}:root[data-theme=dark] .settings-tab-btn{min-height:2.72rem;padding:0 .82rem;font-family:var(--ios-font-family);font-size:.87rem;font-weight:580;color:#f0f4fa;letter-spacing:-.016em}:root[data-theme=dark] .settings-tab-btn.active{background:#3a3e44;color:#fff}: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{grid-template-columns:3.6rem minmax(0,1fr);gap:.78rem;align-items:flex-start;padding:.72rem 1.5rem .68rem;border-bottom-color:#46546852}: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-empty-hero{background:linear-gradient(180deg,#1c2634f5,#18212dfa);border-color:#4f607857;box-shadow:0 16px 34px #050a122e,inset 0 1px #ffffff0a}:root[data-theme=dark] .mobile-home-screen .mobile-empty-badge{background:linear-gradient(180deg,#2a3648f5,#222d3dfa);color:#9fafc5;border:1px solid rgba(86,103,126,.22)}:root[data-theme=dark] .mobile-home-screen .mobile-empty-copy h2{color:#f3f7fc}:root[data-theme=dark] .mobile-home-screen .mobile-empty-copy p{color:#9eabbc}:root[data-theme=dark] .mobile-home-screen .mobile-empty-feature{background:linear-gradient(180deg,#1d2836f0,#19222ffa);border-color:#4d5e764d;box-shadow:inset 0 1px #ffffff08,0 10px 24px #050a121f}:root[data-theme=dark] .mobile-home-screen .mobile-empty-feature-icon.tone-security{background:#e2f5ec14;color:#74a8ff}:root[data-theme=dark] .mobile-home-screen .mobile-empty-feature-icon.tone-ai{background:#9e80ff1a;color:#9d8bff}:root[data-theme=dark] .mobile-home-screen .mobile-empty-feature strong{color:#f1f6fb}:root[data-theme=dark] .mobile-home-screen .mobile-empty-feature span{color:#9ba8ba}:root[data-theme=dark] .mobile-home-screen .mobile-empty-create.is-secondary{background:linear-gradient(180deg,#253141f5,#1f2a38fa);color:#eef4fb;border:1px solid rgba(79,96,120,.28);box-shadow:0 14px 30px #060c1429,inset 0 1px #ffffff08}: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,transparent,rgba(255,255,255,.08),transparent)}:root[data-theme=dark] .mobile-home-screen .mobile-note-avatar{width:3.6rem;height:3.6rem;background:#253240;border-color:#56657938;box-shadow:none}:root[data-theme=dark] .mobile-home-screen .mobile-note-avatar img{width:3.6rem;height:3.6rem;border-radius:50%;object-fit:cover}:root[data-theme=dark] .mobile-home-screen .mobile-note-icon-picker-thumb{background:#253240;border-color:#56657938}: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);font-size:1.02rem;line-height:1.16;font-weight:590;letter-spacing:-.024em;color:#f4f7fb;margin-bottom:.14rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-text p{font-family:var(--ios-font-family);font-size:.95rem;line-height:1.24;font-weight:430;color:#7f8b9a}:root[data-theme=dark] .mobile-home-screen .mobile-note-taxonomy{margin-top:.28rem;gap:.22rem}:root[data-theme=dark] .mobile-home-screen .mobile-note-chip{min-height:1.2rem;border-radius:999px;border-color:#58677b38;background:#222c39ad;color:#8390a0;font-family:var(--ios-font-family);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{background:transparent;border-color:transparent;color:#728092}: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);font-size:.82rem;font-weight:520;color:#8893a2}:root[data-theme=dark] .mobile-home-screen .mobile-note-favorite,:root[data-theme=dark] .mobile-home-screen .mobile-note-delete,:root[data-theme=dark] .mobile-home-screen .mobile-note-unlink{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{background:#11171d;color:#f4f7fb}: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{width:calc(100% - 5.55rem);min-height:4.4rem;padding:.18rem .2rem;background:linear-gradient(180deg,#0c1016fa,#080c10fc);border-color:#43516352;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(180deg,#a0afc414,#a0afc400)}:root[data-theme=dark] .bottom-nav-item{min-height:3.95rem;color:#b4c2d1;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{font-size:.76rem;font-weight:520;letter-spacing:-.01em}:root[data-theme=dark] .bottom-nav-item.is-active{background:linear-gradient(180deg,#3a3c40f5,#313338fa);color:#63b3ff;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-nav-item--genai{color:#95b8ff}:root[data-theme=dark] .bottom-search-fab{right:.04rem;bottom:.04rem;width:4.05rem;height:4.05rem;background:linear-gradient(180deg,#0c1016fc,#080c10);border-color:#43516352;color:#f5f8fc;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{border-color:#4a586a38;background:#11171d;color:#d6dde7}:root[data-theme=dark] .mobile-drawer-chip.is-active{background:#69aef829;border-color:#69aef838;color:#84bfff}.mobile-bottom-search-panel{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100vw - 1.5rem),var(--app-frame-max-width));bottom:6.2rem;z-index:45;border-radius:30px;padding:1rem 1rem 1.1rem;background:#fffffffa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 24px 60px #0f172a1a;max-height:min(58vh,520px);overflow:auto}.mobile-bottom-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.mobile-bottom-search-header span{font-size:1rem;font-weight:800;color:var(--on-surface-primary)}.mobile-bottom-search-header button{border:0;background:transparent;color:var(--on-surface-muted);display:inline-flex;cursor:pointer}.mobile-drawer-groups{display:flex;flex-direction:column;gap:1rem}.mobile-drawer-group h4{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-muted);margin-bottom:.55rem}.mobile-drawer-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.mobile-drawer-chip-grid.tags{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-drawer-chip{min-height:38px;padding:.55rem .75rem;border-radius:14px;border:1px solid rgba(228,230,235,.95);background:#f5f6f8;color:#505866;font-size:.88rem;font-weight:700;text-align:left;cursor:pointer}.mobile-drawer-chip.is-active{color:#1a73d9;background:#ebf3ff;border-color:#1a73d926}.mobile-icon-filter-row{display:flex;gap:.7rem;overflow-x:auto;padding:.3rem .2rem .35rem .75rem;scroll-padding-left:.75rem;scrollbar-width:none}.mobile-icon-filter-row::-webkit-scrollbar{display:none}.mobile-icon-filter-button,.note-icon-picker-option{border:0;background:transparent;padding:0;cursor:pointer;flex:0 0 auto}.mobile-icon-filter-avatar,.note-icon-picker-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#f0f2f6,#fafbfc);border:1px solid rgba(217,220,226,.9);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.mobile-icon-filter-avatar img,.note-icon-picker-avatar img{width:34px;height:34px;object-fit:contain;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;box-shadow:0 0 0 4px #1a73d91f;transform:translateY(-1px)}.note-icon-picker-sheet{width:min(100%,30rem);border-radius:1.9rem;border:1px solid rgba(213,220,232,.95);background:#fffffffa;box-shadow:0 24px 70px #1a233629;padding:1.2rem 1.1rem 1.25rem}.note-icon-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.note-icon-picker-head strong{display:block;font-size:1rem;line-height:1.2;color:#1f2937}.note-icon-picker-head span{display:block;margin-top:.22rem;font-size:.78rem;line-height:1.3;color:#8b94a3}.note-icon-picker-close{border:0;background:#f2f4f7;color:#667085;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.note-icon-picker-row{display:flex;gap:.8rem;overflow-x:auto;padding:.35rem .5rem .45rem .75rem;scroll-snap-type:x proximity;scroll-padding-left:.75rem;scrollbar-width:none}.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{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.mobile-loading-spinner{width:38px;height:38px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%}.pwa-update-banner{position:fixed;left:.9rem;right:.9rem;bottom:1rem;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.85rem .95rem;border-radius:22px;background:#111111f0;color:#fff;box-shadow:0 24px 56px #0f172a33}.pwa-update-copy{min-width:0;display:flex;flex-direction:column;gap:.18rem}.pwa-update-copy strong{font-size:.92rem;line-height:1.2;font-weight:800}.pwa-update-copy span{font-size:.8rem;line-height:1.3;color:#ffffffb8}.pwa-update-actions{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.pwa-update-button{min-height:38px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.82rem;font-weight:700;cursor:pointer}.pwa-update-button.primary{background:#fff;color:#111}.pwa-install-banner-card{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.95rem;padding:1rem 1rem 1rem 1.05rem;border-radius:26px;background:radial-gradient(circle at top right,rgba(255,217,138,.34),transparent 46%),linear-gradient(135deg,#fffaf0fa,#fffffff5);border:1px solid rgba(239,219,190,.9);box-shadow:0 18px 44px #c992331f,inset 0 1px #fffc;overflow:visible}.pwa-install-banner-card__glow{position:absolute;inset:auto auto -38px -24px;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,92,.24),transparent 70%);z-index:-1;pointer-events:none}.pwa-install-banner-card__main{min-width:0;display:flex;align-items:flex-start;gap:.9rem;flex:1 1 260px}.pwa-install-banner-card__icon{width:3.1rem;height:3.1rem;border-radius:1.1rem;display:grid;place-items:center;color:#b45309;background:linear-gradient(145deg,#fff1d5fa,#ffe8bde0);box-shadow:inset 0 1px #ffffffc2;flex-shrink:0}.pwa-install-banner-card__copy{min-width:0}.pwa-install-banner-card__eyebrow{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .62rem;border-radius:999px;background:#ffffffc7;color:#9a670d;font-size:.72rem;line-height:1;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.pwa-install-banner-card__copy h3{margin-top:.5rem;font-size:1.02rem;line-height:1.08;font-weight:850;color:#111;letter-spacing:-.03em}.pwa-install-banner-card__copy p{margin-top:.34rem;font-size:.87rem;line-height:1.48;color:#6f6675;max-width:42ch}.pwa-install-banner-card__actions{position:relative;display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-install-banner-card__primary,.pwa-install-banner-card__dismiss,.pwa-install-banner-card__installed{min-height:42px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:inherit}.pwa-install-banner-card__primary{padding:0 1rem;background:#111;color:#fff;font-size:.84rem;font-weight:800;cursor:pointer;box-shadow:0 14px 28px #0f172a24}.pwa-install-banner-card__dismiss{width:42px;background:#1111110f;color:#6d7280;cursor:pointer}.pwa-install-banner-card__installed{padding:0 .9rem;background:#fffc;color:#166534;font-size:.84rem;font-weight:800;border:1px solid rgba(34,197,94,.16)}.pwa-install-banner-card.is-installed{background:radial-gradient(circle at top right,rgba(176,240,196,.34),transparent 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{width:min(100%,360px);padding:.9rem;border-radius:24px}.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{width:100%;justify-content:space-between}.pwa-install-banner-card--hero .pwa-install-banner-card__copy h3{font-size:1.08rem}.pwa-install-modal{width:min(100%,540px)}.pwa-install-modal__steps{display:flex;flex-direction:column;gap:.72rem;margin:0;padding:0;list-style:none}.pwa-install-modal__steps li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.7rem;align-items:start;padding:.82rem .9rem;border-radius:18px;background:linear-gradient(135deg,#2189e51a,#ffffffb8),#ffffffa8;border:1px solid rgba(217,224,238,.76);color:var(--on-surface-primary);font-size:.92rem;line-height:1.45;font-weight:700}.pwa-install-modal__steps li svg{position:relative;top:.12rem;width:2rem;height:2rem;padding:.42rem;border-radius:999px;background:linear-gradient(135deg,#2189e52e,#ff54a624);color:var(--accent-primary)}.pwa-install-modal__note{margin:.12rem 0 0;padding:.9rem 1rem;border-radius:18px;background:#60a5fa1f;color:var(--on-surface-secondary);font-size:.86rem;line-height:1.48;font-weight:650}.settings-screen{min-height:100%;background:#f8f8f8cc;color:var(--on-surface-primary)}.settings-topbar{position:sticky;top:var(--app-header-sticky-offset);z-index:20;display:flex;align-items:center;gap:.85rem;padding:1rem .9rem .85rem;background:#ffffff3d}.settings-back-button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(228,231,236,.95);background:#f7f8fa;color:#1d2433;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.settings-topbar-copy{min-width:0}.settings-topbar-copy h1{font-size:1.1rem;line-height:1.1;font-weight:800;color:#111}.settings-topbar-copy p{margin-top:.18rem;font-size:.84rem;line-height:1.3;color:#8c93a0}.settings-content{width:min(100%,920px);margin:0 auto;padding:1rem .9rem 1.6rem}.settings-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1rem 1.05rem;border-radius:24px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 14px 36px #0f172a0a}.settings-summary-kicker{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-secondary)}.settings-summary-copy h2{margin-top:.45rem;font-size:1.35rem;line-height:1.05;font-weight:800;color:var(--on-surface-primary)}.settings-summary-copy p{margin-top:.28rem;font-size:.9rem;line-height:1.35;color:var(--panel-muted)}.settings-summary-count{text-align:right;flex-shrink:0}.settings-summary-count strong{display:block;font-size:2rem;line-height:1;font-weight:800;color:var(--on-surface-primary)}.settings-summary-count span{display:block;margin-top:.2rem;font-size:.74rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-muted)}.settings-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.settings-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 14px 36px #0f172a0a;overflow:hidden}.settings-panel-header{padding:1rem 1rem .85rem;border-bottom:1px solid var(--panel-divider)}.settings-panel-header--feature{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-panel-header--feature>div:first-child{min-width:0;flex:1 1 220px}.settings-panel-header h2{display:flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:800;color:var(--on-surface-primary)}.settings-panel-header p{margin-top:.22rem;font-size:.82rem;line-height:1.3;color:var(--on-surface-muted)}.settings-input-row{display:flex;gap:.55rem;padding:.9rem 1rem 1rem}.settings-input{flex:1;min-width:0;min-height:48px;border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--on-surface-primary);font-size:.94rem;font-weight:600;padding:0 .95rem;outline:none}.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{width:48px;height:48px;border:0;border-radius:16px;background:var(--on-surface-primary);color:var(--background);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.settings-list{display:flex;flex-direction:column}.settings-list-item{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.78rem 1rem;border-top:1px solid var(--panel-divider)}.settings-item-main{min-width:0;display:flex;align-items:center;gap:.55rem}.settings-item-name{min-width:0;font-size:.95rem;font-weight:700;color:var(--on-surface-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-system-badge{display:inline-flex;align-items:center;gap:.28rem;min-height:1.55rem;padding:0 .58rem;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-muted);color:var(--on-surface-secondary);font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0}.settings-inline-input{flex:1;min-width:0;min-height:40px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--on-surface-primary);font-size:.92rem;font-weight:600;padding:0 .8rem;outline:none}.settings-item-actions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.settings-icon-button{width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-muted);color:var(--on-surface-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.settings-icon-button.confirm{color:#1a73d9;background:#edf4ff}.settings-icon-button.danger{color:#e15252;background:#fff1f1}.settings-empty-state{padding:1rem;border-top:1px solid var(--panel-divider);font-size:.9rem;color:var(--on-surface-muted)}.settings-system-sync-footer{padding:.88rem 1rem 1rem;border-top:1px solid var(--panel-divider);background:color-mix(in srgb,var(--surface-muted) 44%,transparent)}.settings-system-sync-link{border:0;background:transparent;color:var(--accent-primary);display:inline-flex;align-items:center;gap:.42rem;padding:0;font:inherit;font-size:.88rem;line-height:1.35;font-weight:800;cursor:pointer;text-align:left}.settings-system-sync-link:disabled{cursor:wait;opacity:.68}.settings-system-sync-link .is-spinning{animation:genai-spin 1s linear infinite}.settings-footer{padding:1.4rem 0 .2rem;text-align:center}.settings-footer h3{font-size:.9rem;font-weight:800;color:var(--on-surface-primary)}.settings-footer p{margin-top:.18rem;font-size:.8rem;font-weight:600;color:var(--on-surface-muted)}.settings-tabs-sticky{position:sticky;top:calc(var(--app-header-sticky-offset) - 1.42rem);z-index:48;margin-top:.92rem;padding:0 0 .34rem;background:transparent}.settings-tabs{display:flex;align-items:center;gap:.12rem;min-height:3.06rem;padding:.14rem;border-radius:1.72rem;background:var(--surface-floating);border:1.5px solid var(--border-subtle);box-shadow:0 8px 30px #0f172a0a;position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;isolation:isolate;contain:paint;clip-path:inset(0 round 1.72rem);-webkit-mask-image:-webkit-radial-gradient(white,black)}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{background:transparent;border:0;min-height:2.72rem;padding:0 .82rem;font-family:var(--ios-font-family);font-size:.87rem;font-weight:580;letter-spacing:-.016em;color:var(--on-surface-primary);border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex:0 0 auto}.settings-tab-btn:hover{color:var(--on-surface-primary);background:transparent}.settings-tab-btn.active{color:var(--on-surface-primary);background:var(--surface-muted-strong);box-shadow:none}.settings-tab-content{margin:.8rem 0}.settings-panel-app{padding-bottom:.5rem}.settings-panel-info{padding-bottom:1rem}.settings-info-grid{display:grid;grid-template-columns:1fr;gap:.8rem;padding:1rem}.settings-info-card{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.85rem;align-items:flex-start;padding:1rem;border-radius:20px;border:1px solid var(--panel-border);background:linear-gradient(180deg,var(--surface-elevated),var(--surface-strong))}.settings-info-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;background:var(--surface-muted);color:var(--on-surface-secondary)}.settings-info-copy h3{font-size:.98rem;line-height:1.2;font-weight:800;color:var(--on-surface-primary)}.settings-info-copy p{margin-top:.32rem;font-size:.86rem;line-height:1.45;color:var(--on-surface-secondary)}.settings-info-card.tone-security .settings-info-icon{background:#edf6f1;color:#2f7b5f}.settings-info-card.tone-automation .settings-info-icon{background:#eef3ff;color:#3f67c9}.settings-info-card.tone-offline .settings-info-icon{background:#f5f3ff;color:#7560d8}.settings-info-card.tone-sync .settings-info-icon{background:#edf7ff;color:#2877b8}.settings-info-card.tone-pwa .settings-info-icon{background:#fff4e8;color:#d97706}.settings-form-row{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 1rem;border-top:1px solid var(--panel-divider)}.settings-form-label{display:flex;flex-direction:column;gap:.25rem}.settings-form-label strong{font-size:.95rem;font-weight:700;color:var(--on-surface-primary)}.settings-form-label span{font-size:.84rem;color:var(--panel-muted);line-height:1.35}.settings-form-control{max-width:140px}.settings-form-control--wide{width:100%;max-width:520px}.settings-input-number{min-height:44px;text-align:center}.settings-select{width:100%;min-height:46px;padding-right:2.2rem;border-radius:16px;color:var(--on-surface-primary);cursor:pointer}.settings-ai-model-row{display:flex;flex-direction:column;gap:.6rem}.settings-ai-model-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:.42rem;min-height:2.05rem;padding:0 .72rem;border-radius:999px;background:var(--surface-accent-soft);color:var(--primary);font-size:.78rem;font-weight:750}.settings-form-note{margin:0;color:var(--panel-muted);font-size:.78rem;line-height:1.35}.settings-mode-segmented{display:grid;grid-template-columns:1fr;gap:.24rem;padding:.16rem;border-radius:1.55rem;background:var(--surface-floating);border:1.5px solid var(--border-subtle);box-shadow:0 8px 30px #0f172a0a}.settings-mode-option{border:1.5px solid transparent;border-radius:1.35rem;background:transparent;background-clip:padding-box;color:var(--on-surface-secondary);min-height:3.35rem;padding:.66rem .82rem;text-align:left;display:flex;flex-direction:column;gap:.16rem;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.settings-mode-option span{font-family:var(--ios-font-family);font-size:.88rem;font-weight:720;letter-spacing:-.016em;color:var(--on-surface-primary)}.settings-mode-option small{font-size:.74rem;line-height:1.28;font-weight:600;color:var(--panel-muted)}.settings-mode-option.is-active{background:linear-gradient(180deg,var(--surface-muted-strong),var(--surface-muted));border-color:var(--border-strong);box-shadow:inset 0 1px #fff3,0 10px 24px #0f172a0f}.settings-mode-option.is-active small{color:var(--on-surface-secondary)}:root[data-theme=dark] .settings-mode-option.is-active{background:linear-gradient(180deg,#3d4b62fa,#263248fa);border-color:#91a4c26b;box-shadow:inset 0 1px #ffffff24,0 14px 28px #00000038}.genai-modal-overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 50% 18%,rgba(82,99,217,.22),transparent 36%),#070c1694;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;animation:fade-in-overlay .18s ease;pointer-events:auto}.genai-modal{position:relative;width:min(100%,520px);max-height:min(720px,86dvh);display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:linear-gradient(160deg,#fffffffa,#f7f9fffa),var(--surface-floating);border:1px solid rgba(217,224,238,.88);box-shadow:0 34px 90px #0f172a3d,inset 0 1px #ffffffeb}.genai-modal:before{content:"";position:absolute;inset:-45% -15% auto auto;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(91,163,242,.22),transparent 62%);pointer-events:none}.genai-modal-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.28rem 1.28rem 1rem;border-bottom:1px solid var(--panel-divider)}.genai-modal-title-group{min-width:0}.genai-modal-badge{display:inline-flex;align-items:center;gap:.4rem;min-height:2rem;padding:0 .72rem;border-radius:999px;background:linear-gradient(135deg,#2189e524,#6366f124);color:#3367dd;font-size:.78rem;font-weight:850;letter-spacing:.01em}.genai-modal-title-group h3{margin-top:.76rem;color:var(--on-surface-primary);font-size:clamp(1.38rem,4vw,1.8rem);line-height:1.02;font-weight:900;letter-spacing:-.045em}.genai-modal-title-group p{margin-top:.46rem;color:var(--on-surface-secondary);font-size:.96rem;line-height:1.4;font-weight:650}.genai-modal-project-hint{display:inline-block;max-width:100%;margin-top:.62rem;padding:.45rem .7rem;border-radius:999px;background:#60a5fa24;color:var(--accent-primary);font-size:.84rem;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.genai-modal-close{flex:0 0 auto;width:2.35rem;height:2.35rem;border:0;border-radius:999px;background:var(--surface-muted);color:var(--on-surface-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.genai-modal-close:disabled{opacity:.45;cursor:not-allowed}.genai-modal-scroll{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.genai-modal-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.82rem;padding:1.1rem 1.28rem 1.28rem}.genai-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.genai-mode-switch__option{min-width:0;min-height:5rem;border:1px solid rgba(118,136,167,.18);border-radius:22px;background:#121b2d0a;color:var(--on-surface-secondary);padding:.9rem .95rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.38rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.genai-mode-switch__option strong{color:var(--on-surface-primary);font-size:.9rem;line-height:1.2;font-weight:850;letter-spacing:-.02em}.genai-mode-switch__option span{font-size:.78rem;line-height:1.38;font-weight:650}.genai-mode-switch__option.is-active{border-color:#4f7bff4d;background:radial-gradient(circle at 12% 18%,rgba(107,174,248,.16),transparent 32%),linear-gradient(180deg,#5263d91f,#5263d90a);box-shadow:0 16px 28px #4056ba24}.genai-mode-switch__option:disabled{opacity:.55;cursor:not-allowed}.genai-mode-callout{display:flex;flex-direction:column;gap:.48rem;padding:.92rem 1rem;border-radius:22px;background:radial-gradient(circle at 15% 18%,rgba(102,173,248,.14),transparent 36%),#121c2e0d;border:1px solid rgba(116,135,165,.18)}.genai-mode-callout__badge{display:inline-flex;align-items:center;gap:.42rem;align-self:flex-start;min-height:1.85rem;padding:0 .72rem;border-radius:999px;background:#3d79e624;color:#3468dd;font-size:.76rem;line-height:1;font-weight:850;letter-spacing:.01em}.genai-mode-callout p{color:var(--on-surface-secondary);font-size:.82rem;line-height:1.45;font-weight:650}.genai-modal-label{color:var(--on-surface-primary);font-size:.98rem;line-height:1.2;font-weight:850;letter-spacing:-.018em}.genai-prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.genai-prompt-heading .genai-modal-label{min-width:0}.genai-prompt-enhance{flex:0 0 auto;width:2.35rem;height:2.35rem;border:1px solid rgba(66,112,230,.24);border-radius:999px;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.55),transparent 28%),linear-gradient(135deg,#1f8fff29,#6a5cff29);color:#356fdf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px #5263d921;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.genai-prompt-enhance:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 28px #5263d933}.genai-prompt-enhance:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.genai-textarea-wrap{position:relative}.genai-modal-textarea{width:100%;min-height:10.5rem;resize:vertical;border:1.5px solid var(--input-border);border-radius:24px;background:var(--input-bg);color:var(--on-surface-primary);padding:1rem;font:inherit;font-size:.98rem;line-height:1.5;outline:none;box-shadow:inset 0 1px #ffffff57}.genai-modal-textarea:focus{border-color:#2189e56b;box-shadow:0 0 0 4px #2189e51f}.genai-modal-textarea::placeholder{color:var(--input-placeholder)}.genai-textarea-loading{position:absolute;inset:0;z-index:2;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.62rem;background:radial-gradient(circle at 50% 35%,rgba(103,179,249,.22),transparent 42%),#f8faffd6;color:var(--on-surface-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;font-size:.88rem;font-weight:800}.genai-textarea-loader{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1f8fff,#6a5cff 58%,#ec5aa8);box-shadow:0 16px 32px #5263d942}.genai-textarea-loader svg{animation:genai-spin 1s linear infinite}.genai-context-block{display:grid;gap:.55rem}.genai-context-trigger{width:100%;min-height:3.35rem;border-radius:1rem;border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--on-surface-primary);display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .82rem;cursor:pointer;text-align:left}.genai-context-trigger:disabled{opacity:.6;cursor:not-allowed}.genai-context-trigger>span{min-width:0;display:grid;gap:.2rem}.genai-context-trigger strong{font-size:.92rem;font-weight:850}.genai-context-trigger small{color:var(--on-surface-secondary);font-size:.78rem;font-weight:700}.genai-context-trigger svg{flex:0 0 auto;transition:transform .18s ease}.genai-context-trigger.is-open svg{transform:rotate(180deg)}.genai-context-panel{border:1px solid var(--border-subtle);border-radius:1rem;background:var(--surface-elevated);box-shadow:var(--shadow-md);padding:.55rem;display:grid;gap:.45rem}.genai-context-search{width:100%;height:2.35rem;border:1px solid var(--border-subtle);border-radius:.78rem;background:var(--surface-muted);color:var(--on-surface-primary);padding:0 .75rem;font-weight:700}.genai-context-list{max-height:12rem;overflow:auto;display:grid;gap:.35rem}.genai-context-option{width:100%;min-height:2.42rem;border:0;border-radius:.75rem;background:transparent;color:var(--on-surface-primary);display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.45rem .55rem;text-align:left;cursor:pointer;font-weight:760}.genai-context-option:hover{background:var(--surface-muted)}.genai-context-option.is-all{color:var(--accent-primary)}.genai-context-option span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genai-context-checkbox{width:1.05rem;height:1.05rem;border-radius:.32rem;border:1.5px solid var(--border-strong);background:var(--surface-elevated);display:inline-flex;align-items:center;justify-content:center;color:#fff}.genai-context-checkbox.is-checked{border-color:var(--accent-primary);background:var(--accent-primary)}.genai-context-counter{color:var(--on-surface-secondary);font-size:.82rem;font-weight:750}.genai-context-counter.is-limit{color:#d94b4b}.genai-context-current-note{display:grid;gap:.22rem;padding:.78rem .86rem;border-radius:1rem;border:1px solid var(--border-subtle);background:radial-gradient(circle at 12% 18%,rgba(77,162,255,.12),transparent 36%),var(--surface-muted);color:var(--on-surface-primary)}.genai-context-current-note strong{font-size:.9rem;font-weight:850}.genai-context-current-note span{color:var(--on-surface-secondary);font-size:.8rem;line-height:1.32;font-weight:720}.genai-modal-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;color:var(--panel-muted);font-size:.76rem;line-height:1.35;font-weight:650}.genai-modal-meta .is-limit{color:var(--error)}.genai-provider-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;flex:1 1 auto;min-width:0}.genai-provider-field{display:flex;min-width:0;flex-direction:column;gap:.34rem}.genai-provider-field span{color:var(--panel-muted);font-size:.72rem;line-height:1.2;font-weight:850}.genai-provider-select{min-width:0;min-height:2.62rem;width:100%;border:1.5px solid var(--input-border);border-radius:16px;background:var(--input-bg);color:var(--on-surface-primary);padding:0 .78rem;font:inherit;font-size:.84rem;line-height:1.2;font-weight:750;outline:none}.genai-provider-select:focus{border-color:#2189e56b;box-shadow:0 0 0 4px #2189e51f}.genai-provider-select:disabled{opacity:.58;cursor:not-allowed}.genai-modal-error{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .95rem;border-radius:18px;background:var(--error-soft);color:var(--error);font-size:.84rem;line-height:1.38}.genai-modal-submit{min-height:3.55rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.58rem;color:#fff;background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.35),transparent 22%),linear-gradient(135deg,#1f8fff,#6a5cff 54%,#ec5aa8);box-shadow:0 18px 34px #5263d947,inset 0 1px #ffffff47;font:inherit;font-size:1rem;font-weight:900;letter-spacing:-.02em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.genai-modal-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 22px 42px #5263d957,inset 0 1px #ffffff52}.genai-modal-submit:disabled{opacity:.48;cursor:not-allowed}.ocr-hidden-input{display:none}.ocr-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.ocr-source-option{min-width:0;min-height:9rem;border:1px solid rgba(118,136,167,.18);border-radius:24px;background:radial-gradient(circle at 18% 16%,rgba(77,162,255,.13),transparent 32%),#121b2d0a;color:var(--on-surface-secondary);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.45rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ocr-source-option:not(:disabled):hover{transform:translateY(-1px);border-color:#4f7bff47;box-shadow:0 16px 28px #4056ba24}.ocr-source-option span{width:2.65rem;height:2.65rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f8fff2e,#6a5cff29);color:#356fdf}.ocr-source-option strong{color:var(--on-surface-primary);font-size:1rem;font-weight:900;letter-spacing:-.02em}.ocr-source-option small{font-size:.8rem;line-height:1.35;font-weight:650}.ocr-preview-block,.ocr-result-block{display:grid;gap:.85rem}.ocr-preview-image{width:100%;max-height:23rem;object-fit:contain;border-radius:24px;background:var(--surface-muted);border:1px solid var(--border-subtle)}.ocr-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.ocr-result-content{max-height:20rem;margin:0}.ocr-result-content pre{margin:.65rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--on-surface-secondary);line-height:1.5}.ocr-progress-bar{width:min(18rem,80vw);height:.48rem;overflow:hidden;border-radius:999px;background:#7688a738}.ocr-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f8fff,#6a5cff 58%,#ec5aa8);transition:width .22s ease}.genai-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.genai-editor-actions .dialog-button{min-height:3.25rem}.genai-preview-panel{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:1rem;background:#070c1661;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.genai-preview-card{width:min(100%,32rem);max-height:min(86dvh,38rem);display:flex;flex-direction:column;overflow:hidden;border-radius:1.25rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:1rem}.genai-preview-content{min-height:0;overflow:auto;margin:.2rem 0 .95rem;padding:.85rem;border-radius:.95rem;background:var(--surface-muted);color:var(--on-surface-primary);line-height:1.52;font-size:.92rem}.genai-preview-content h1,.genai-preview-content h2,.genai-preview-content h3{margin:.55rem 0 .35rem;line-height:1.18}.genai-preview-content p,.genai-preview-content ul,.genai-preview-content ol,.genai-preview-content blockquote{margin:.45rem 0}.genai-modal-loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.05rem;padding:1.4rem;background:radial-gradient(circle at 50% 30%,rgba(103,179,249,.28),transparent 38%),#f8faffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.genai-loader{position:relative;width:6.2rem;height:6.2rem;display:grid;place-items:center}.genai-loader-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(33,137,229,.22),rgba(236,90,168,.8),rgba(106,92,255,.9),transparent);animation:genai-spin 1.45s linear infinite}.genai-loader-ring:after{content:"";position:absolute;inset:.44rem;border-radius:50%;background:var(--surface-floating)}.genai-loader-core{position:relative;z-index:1;width:3.7rem;height:3.7rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1f8fff,#6a5cff 58%,#ec5aa8);box-shadow:0 18px 38px #5263d957;animation:genai-float 1.85s ease-in-out infinite}.genai-loader-star{position:absolute;width:.48rem;height:.48rem;border-radius:50%;background:#fff;box-shadow:0 0 18px #ffffffeb;animation:genai-orbit 2.6s ease-in-out infinite}.genai-loader-star--one{top:.4rem;right:1rem}.genai-loader-star--two{left:.6rem;bottom:1.3rem;animation-delay:.35s}.genai-loader-star--three{right:.55rem;bottom:.7rem;animation-delay:.7s}.genai-loading-copy{display:flex;flex-direction:column;gap:.28rem}.genai-loading-copy strong{color:var(--on-surface-primary);font-size:1.08rem;font-weight:900;letter-spacing:-.02em}.genai-loading-copy span{color:var(--on-surface-secondary);font-size:.9rem;font-weight:700}.genai-loading-pulse{display:inline-flex;gap:.35rem}.genai-loading-pulse span{width:.42rem;height:.42rem;border-radius:50%;background:var(--primary);animation:genai-pulse 1.1s ease-in-out infinite}.genai-loading-pulse span:nth-child(2){animation-delay:.16s}.genai-loading-pulse span:nth-child(3){animation-delay:.32s}@media(max-width:640px){.genai-mode-switch,.genai-provider-controls{grid-template-columns:1fr}}.file-manager-modal-overlay{position:fixed;inset:0;z-index:260;background:#080e198a;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px))}.file-manager-modal{width:min(100%,760px);max-width:calc(100vw - 2rem);max-height:min(720px,86dvh);display:flex;flex-direction:column;overflow:hidden;border-radius:30px;background:linear-gradient(160deg,#fffffffa,#f8fafffa),var(--surface-floating);border:1px solid rgba(200,209,223,.86);box-shadow:0 36px 90px #0f172a33,inset 0 1px #ffffffeb}.file-manager-modal-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 4.2rem 1rem 1.3rem;border-bottom:1px solid var(--panel-divider)}.file-manager-modal-title-group{display:flex;flex-direction:column;gap:.42rem}.file-manager-modal-badge{width:fit-content;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .7rem;border-radius:999px;background:#5668f31a;color:#4d62f1;font-size:.78rem;font-weight:800}.file-manager-modal-title-group h3{margin:0;font-size:1.4rem;font-weight:900;letter-spacing:-.03em;color:var(--on-surface-primary)}.file-manager-modal-title-group p{margin:0;max-width:32rem;color:var(--on-surface-secondary);font-size:.96rem;line-height:1.55}.file-manager-ai-button{min-width:12.6rem;align-self:stretch;border:0;border-radius:22px;padding:.72rem .88rem;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.48),transparent 27%),linear-gradient(135deg,#1f8fff,#6a5cff 55%,#ec5aa8);color:#fff;display:grid;grid-template-columns:2.35rem minmax(0,1fr);grid-template-areas:"icon title" "icon hint";column-gap:.62rem;align-items:center;text-align:left;box-shadow:0 18px 36px #5763d94d,inset 0 1px #ffffff47;cursor:pointer}.file-manager-ai-button:disabled{opacity:.58;cursor:not-allowed}.file-manager-ai-button span{grid-area:icon;width:2.35rem;height:2.35rem;border-radius:999px;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center}.file-manager-ai-button strong{grid-area:title;min-width:0;font-size:.94rem;font-weight:900;line-height:1.1}.file-manager-ai-button small{grid-area:hint;min-width:0;color:#ffffffd1;font-size:.72rem;line-height:1.25;font-weight:700}.file-manager-modal-close{position:absolute;top:1.25rem;right:1.3rem;width:2.3rem;height:2.3rem;border:0;border-radius:999px;background:var(--surface-muted);color:var(--on-surface-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.file-manager-modal-close:disabled{opacity:.45;cursor:not-allowed}.file-manager-modal-scroll{overflow-y:auto;min-height:0}.file-manager-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.3rem 1.3rem}.file-manager-modal-error{display:flex;flex-direction:column;gap:.25rem;padding:.95rem 1rem;border-radius:18px;background:#ff6e5b1a;border:1px solid rgba(255,110,91,.18);color:#bf4d3e}.file-manager-section{display:flex;flex-direction:column;gap:.85rem}.file-manager-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-manager-section-head h4{margin:0;font-size:1rem;font-weight:850;color:var(--on-surface-primary)}.file-manager-section-head span{color:var(--on-surface-muted);font-size:.82rem;font-weight:700}.file-manager-empty{min-height:5.8rem;border-radius:22px;border:1px dashed var(--panel-border);background:#94a3b80f;color:var(--on-surface-secondary);display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;padding:1rem}.file-manager-list,.file-manager-uploads{display:flex;flex-direction:column;gap:.75rem}.file-manager-item{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.78rem .82rem;border-radius:22px;background:#0f172a08;border:1px solid rgba(203,212,224,.74)}.file-manager-item.is-preview-pending{border-color:#4da2ff6b;background:#4da2ff14}.file-manager-item-preview{width:4rem;height:4rem;border-radius:18px;overflow:hidden;background:#94a3b81f;display:flex;align-items:center;justify-content:center;color:var(--on-surface-secondary)}.file-manager-item-preview img{width:100%;height:100%;object-fit:cover;display:block}.file-manager-item-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-manager-item-copy{min-width:0;display:flex;flex-direction:column;gap:.26rem}.file-manager-item-copy strong{color:var(--on-surface-primary);font-size:.94rem;font-weight:800;line-height:1.35;word-break:break-word}.file-manager-item-copy span{color:var(--on-surface-secondary);font-size:.82rem;font-weight:600}.file-manager-item-status{color:#257fe6;display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:800;line-height:1.2}.file-manager-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.file-manager-action{min-height:2.25rem;padding:0 .8rem;border-radius:999px;border:1px solid rgba(200,210,223,.8);background:#ffffffc2;color:var(--on-surface-primary);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:.79rem;font-weight:800;cursor:pointer;text-decoration:none}.file-manager-action:disabled,.file-manager-action[aria-disabled=true]{cursor:default;opacity:.64}.file-manager-action.is-active{background:#4da2ff24;border-color:#4da2ff5c;color:#257fe6}.file-manager-action.is-pending{opacity:1}.spin{animation:genai-spin 1s linear infinite}.file-manager-action.is-danger{color:#d35c50}.file-manager-upload{display:flex;flex-direction:column;gap:.42rem;padding:.78rem .85rem;border-radius:18px;background:#0f172a08;border:1px solid rgba(203,212,224,.7)}.file-manager-upload.is-error{background:#ff6e5b14;border-color:#ff6e5b2e}.file-manager-upload-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.file-manager-upload-head strong{min-width:0;color:var(--on-surface-primary);font-size:.84rem;font-weight:800;line-height:1.35;word-break:break-word}.file-manager-upload-head span,.file-manager-upload small{color:var(--on-surface-secondary);font-size:.78rem;font-weight:700}.file-manager-upload-bar{height:.4rem;border-radius:999px;background:#94a3b82e;overflow:hidden}.file-manager-upload-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d94ff,#68c6ff);box-shadow:0 0 12px #5d94ff47}.file-manager-dropzone{border:1px dashed rgba(91,117,152,.38);background:radial-gradient(circle at top,rgba(103,179,249,.1),transparent 40%),#0f172a08;border-radius:26px;padding:1.15rem 1rem;display:flex;align-items:center;gap:.85rem;width:100%;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.file-manager-dropzone.is-drag-active,.file-manager-dropzone:hover{border-color:#4da2ff75;background:radial-gradient(circle at top,rgba(103,179,249,.18),transparent 42%),#0f172a0d;transform:translateY(-1px)}.file-manager-dropzone-icon{width:3rem;height:3rem;border-radius:18px;background:linear-gradient(135deg,#4da2ff2e,#6e5cff2e);color:#4d62f1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.file-manager-dropzone-copy{min-width:0;display:flex;flex-direction:column;gap:.28rem;text-align:left}.file-manager-dropzone-copy strong{color:var(--on-surface-primary);font-size:.96rem;font-weight:850}.file-manager-dropzone-copy span{color:var(--on-surface-secondary);font-size:.84rem;line-height:1.5}.ai-image-generator-overlay{z-index:320}.ai-image-generator-shell{width:min(100%,620px)}.ai-image-generator-body{gap:1rem}.ai-image-controls-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(8rem,.65fr);gap:.8rem}.ai-image-select{width:100%;min-height:2.85rem;margin-top:.45rem;border:1px solid rgba(118,136,167,.22);border-radius:16px;background:var(--input-bg);color:var(--on-surface-primary);font:inherit;font-size:.9rem;font-weight:750;padding:0 .82rem;outline:none}.ai-image-prompt{min-height:8.2rem}.ai-image-prompt-counter{display:block;margin-top:.4rem;color:var(--on-surface-secondary);font-size:.78rem;line-height:1.3;font-weight:750;text-align:right}.ai-image-prompt-counter.is-over-limit{color:#ef8b8b}.ai-image-note-context{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.85rem .95rem;border-radius:20px;border:1px solid rgba(118,136,167,.18);background:#60a5fa1a}.ai-image-note-context div{min-width:0;display:flex;flex-direction:column;gap:.22rem}.ai-image-note-context strong{color:var(--on-surface-primary);font-size:.92rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-image-note-context span{color:var(--on-surface-secondary);font-size:.8rem;line-height:1.4;font-weight:650}.ai-image-note-context label{display:inline-flex;align-items:center;gap:.44rem;color:var(--on-surface-primary);font-size:.82rem;font-weight:850;white-space:nowrap}.ai-image-preview{min-height:19rem;border-radius:26px;border:1px solid rgba(118,136,167,.2);background:radial-gradient(circle at 50% 30%,rgba(103,174,248,.14),transparent 40%),#0f172a0a;overflow:hidden;display:flex;align-items:center;justify-content:center}.ai-image-preview.has-image{background:#0f172a0f}.ai-image-preview img{width:100%;height:100%;max-height:28rem;object-fit:contain;display:block}.ai-image-preview-placeholder{width:min(100%,22rem);display:flex;flex-direction:column;align-items:center;gap:.42rem;padding:2rem 1rem;color:var(--on-surface-secondary);text-align:center}.ai-image-preview-placeholder strong{color:var(--on-surface-primary);font-size:1rem;font-weight:900}.ai-image-preview-placeholder span{font-size:.85rem;line-height:1.42;font-weight:650}.ai-image-preview-placeholder.is-error{color:#ef8b8b}.ai-image-preview-placeholder.is-error strong{color:#ffb4b4}.ai-image-preview-progress{width:min(100%,15rem);height:.42rem;margin-top:.44rem;border-radius:999px;background:#7688a738;overflow:hidden}.ai-image-preview-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ba3f2,#7c5cff,#d657c8);transition:width .28s ease}.ai-image-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.ai-image-actions .dialog-button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.48rem}.ai-image-ready-hint{display:inline-flex;align-items:center;gap:.42rem;color:var(--accent-primary);font-size:.82rem;line-height:1.35;font-weight:800}@keyframes genai-spin{to{transform:rotate(360deg)}}@keyframes genai-float{50%{transform:translateY(-5px) scale(1.03)}}@keyframes genai-orbit{50%{transform:translateY(-8px) scale(1.65);opacity:.58}}@keyframes genai-pulse{50%{transform:translateY(-4px);opacity:.52}}:root[data-theme=dark] .genai-modal{background:linear-gradient(160deg,#121c2efa,#0c1321fa),var(--surface-floating);border-color:#6e829c42;box-shadow:0 34px 90px #00000073,inset 0 1px #ffffff0d}:root[data-theme=dark] .pwa-install-modal__steps li{background:linear-gradient(135deg,#67aef81f,#0f172a94),#0a111d9e;border-color:#6476903d}:root[data-theme=dark] .pwa-install-modal__steps li svg{background:linear-gradient(135deg,#67aef82e,#ff54a629);color:#8ebfff}:root[data-theme=dark] .pwa-install-modal__note{background:#67aef81f}:root[data-theme=dark] .genai-mode-switch__option{background:#0a111d85;border-color:#6476903d}:root[data-theme=dark] .genai-mode-switch__option.is-active{border-color:#67aef861;background:radial-gradient(circle at 12% 18%,rgba(103,174,248,.16),transparent 32%),linear-gradient(180deg,#1d3a6fbd,#101d34d1);box-shadow:0 18px 32px #00000042,inset 0 1px #ffffff0f}:root[data-theme=dark] .genai-mode-callout{background:radial-gradient(circle at 15% 18%,rgba(102,173,248,.12),transparent 36%),#0a111d9e;border-color:#6476903d}:root[data-theme=dark] .genai-prompt-enhance{border-color:#67aef84d;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.12),transparent 28%),linear-gradient(135deg,#1f8fff38,#6a5cff33);color:#8ebfff}:root[data-theme=dark] .genai-textarea-loading{background:radial-gradient(circle at 50% 35%,rgba(103,179,249,.18),transparent 42%),#090f1ad1}:root[data-theme=dark] .genai-modal-loading{background:radial-gradient(circle at 50% 30%,rgba(103,179,249,.2),transparent 38%),#090f1ae6}:root[data-theme=dark] .toolbar-btn-badge{background:#67aef8;box-shadow:0 6px 14px #67aef84d}:root[data-theme=dark] .file-manager-modal{background:linear-gradient(160deg,#121c2efa,#0c1321fa),var(--surface-floating);border-color:#6e829c42;box-shadow:0 34px 90px #00000073,inset 0 1px #ffffff0d}:root[data-theme=dark] .file-manager-modal-error{background:#ff6e5b1f;border-color:#ff6e5b3d;color:#ff9e91}:root[data-theme=dark] .file-manager-empty,:root[data-theme=dark] .file-manager-item,:root[data-theme=dark] .file-manager-upload,:root[data-theme=dark] .file-manager-dropzone{background:#ffffff08;border-color:#6e829c33}:root[data-theme=dark] .file-manager-action{background:#ffffff0a;border-color:#6e829c38;color:#eef4fb}:root[data-theme=dark] .file-manager-action.is-active{background:#67aef829;border-color:#67aef85c;color:#8bc4ff}:root[data-theme=dark] .file-manager-action.is-danger{color:#ff9e91}:root[data-theme=dark] .file-manager-item-preview{background:#ffffff0a;color:#c9d5e7}:root[data-theme=dark] .ai-image-select{background:#0a111db8;border-color:#64769042}:root[data-theme=dark] .ai-image-note-context,:root[data-theme=dark] .ai-image-preview{background:radial-gradient(circle at 50% 30%,rgba(103,174,248,.12),transparent 40%),#ffffff08;border-color:#6e829c38}@media(max-width:767px){.file-manager-modal{max-height:calc(100dvh - 1rem);border-radius:26px}.file-manager-item{grid-template-columns:3.5rem minmax(0,1fr)}.file-manager-item-preview{width:3.5rem;height:3.5rem;border-radius:16px}.file-manager-item-actions{grid-column:1 / -1;justify-content:flex-start}.file-manager-dropzone{flex-direction:column;align-items:flex-start}.file-manager-modal-header{flex-wrap:wrap}.file-manager-ai-button{order:3;width:100%;align-self:auto}.ai-image-controls-grid,.ai-image-note-context,.ai-image-actions{grid-template-columns:1fr}.ai-image-note-context label{white-space:normal}}@media(min-width:768px){.settings-form-row{flex-direction:row;align-items:center;justify-content:space-between}.settings-form-row--top{align-items:flex-start}.settings-mode-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-modal-overlay{position:fixed;inset:0;width:100vw;height:100dvh;z-index:200;background:#0a0f1c73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:fade-in-overlay .18s ease}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.settings-modal{width:min(100%,480px);max-width:calc(100vw - 2rem);background:var(--surface-floating);border:1px solid var(--panel-border);border-radius:28px;box-shadow:0 32px 80px #0f172a2e,0 8px 24px #0f172a14;display:flex;flex-direction:column;animation:slide-up-modal .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden;flex:0 0 auto}@keyframes slide-up-modal{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.2rem .9rem;border-bottom:1px solid var(--panel-divider)}.settings-modal-header h3{display:flex;align-items:center;gap:.45rem;margin:0;font-size:1rem;font-weight:800;color:var(--on-surface-primary)}.settings-modal-close{width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-muted);color:var(--on-surface-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.settings-modal-close:hover{background:var(--surface-muted-strong);color:var(--on-surface-primary)}.settings-modal-body{display:flex;flex-direction:column;gap:0;padding:1rem 1.2rem}.settings-modal-label{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.45rem;font-size:.82rem;font-weight:700;color:var(--on-surface-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-modal-label+.settings-modal-input,.settings-modal-label+.settings-modal-textarea,.settings-modal-label+.settings-modal-readonly{margin-top:0}.settings-modal-label-hint{font-weight:500;color:var(--on-surface-muted);text-transform:none;letter-spacing:0;font-size:.8rem}.settings-modal-input{width:100%;min-height:48px;border-radius:14px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--on-surface-primary);font-size:.97rem;font-weight:600;padding:0 .95rem;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;margin-bottom:1rem}.settings-modal-readonly{min-height:48px;border-radius:14px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--on-surface-primary);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .95rem;margin-bottom:1rem;box-sizing:border-box}.settings-modal-input:focus{border-color:#1a73d961;box-shadow:0 0 0 3px #1a73d91a;background:var(--surface-floating)}.settings-modal-textarea{width:100%;border-radius:14px;border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--on-surface-primary);font-size:.92rem;font-weight:500;line-height:1.6;padding:.75rem .95rem;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;margin-bottom:.65rem}.settings-modal-textarea:focus{border-color:#1a73d961;box-shadow:0 0 0 3px #1a73d91a;background:var(--surface-floating)}.settings-modal-textarea::placeholder,.settings-modal-input::placeholder{color:var(--input-placeholder);font-weight:400}.settings-modal-hint{margin:0;font-size:.8rem;line-height:1.45;color:var(--on-surface-muted)}.settings-modal-link{margin-top:.65rem;align-self:flex-start;border:0;padding:0;background:transparent;color:#5b97e8;font-size:.84rem;font-weight:700;line-height:1.35;cursor:pointer}.settings-modal-link:disabled{opacity:.48;cursor:not-allowed}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.9rem 1.2rem 1.1rem;border-top:1px solid var(--panel-divider)}.settings-modal-btn{min-height:44px;border:0;border-radius:14px;padding:0 1.2rem;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease}.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{background:#111;color:#fff;min-width:110px}.settings-modal-btn--save:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}@media(min-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-empty-state,.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-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa-update-banner{left:max(1.5rem,calc(50% - 430px));right:max(1.5rem,calc(50% - 430px))}}@media(max-width:767px){.pwa-install-banner-card{padding:.95rem;border-radius:24px}.pwa-install-banner-card__actions{width:100%;justify-content:space-between}.pwa-install-banner-card__primary{flex:1 1 auto}.pwa-install-banner-card__copy p{max-width:none}}.ProseMirror .tableWrapper{margin:1.25rem 0;overflow-x:auto}.ProseMirror table{border-collapse:collapse;width:100%;min-width:420px;background:#ffffffb8;border-radius:12px;overflow:hidden}.ProseMirror th,.ProseMirror td{border:1px solid rgba(15,23,42,.08);padding:.75rem .9rem;vertical-align:top}.ProseMirror th{background:#2189e514;color:var(--on-surface-primary);font-weight:700;text-align:left}.ProseMirror td p,.ProseMirror th p{margin:0}.ProseMirror .selectedCell:after{background:#6ea8ff2e;content:"";inset:0;pointer-events:none;position:absolute}.ProseMirror .column-resize-handle{background:var(--primary-light);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.note-editor-screen{--note-editor-side-inset: .85rem;min-height:100vh;display:flex;flex-direction:column;width:min(100%,var(--app-frame-max-width));margin:0 auto;background:var(--header-bg-solid);color:var(--on-surface-primary)}.note-editor-topbar{position:sticky;top:calc(var(--app-header-sticky-offset) - 1.42rem);z-index:48;display:flex;align-items:center;padding:0 var(--note-editor-side-inset) .8rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.note-editor-back{min-height:44px;border:0;border-radius:999px;background:#f0f2f6;color:#243146;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .95rem;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.note-editor-actions{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0;margin-left:auto}.note-editor-icon-button{width:44px;height:44px;border:0;border-radius:14px;background:#f3f5f8;color:#3c4659;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.note-editor-icon-button.is-favorite{background:#fff4d6;color:#dba81c}.note-editor-icon-button.is-danger{background:#fff1f0;color:#d56a60}.note-editor-body{position:relative;flex:1;min-height:0;overflow:auto;padding:0;display:flex;flex-direction:column;gap:0;background:var(--header-bg-solid)}.note-editor-ocr-button{position:absolute;top:calc(100% + .35rem);right:var(--note-editor-side-inset);z-index:2;width:3rem;height:3rem;margin:0;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.42),transparent 26%),linear-gradient(135deg,#1f8fff,#6a5cff 60%,#ec5aa8);color:#fff;box-shadow:0 16px 34px #5263d942,inset 0 1px #ffffff42;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.note-editor-ocr-button:hover{transform:translateY(-1px);box-shadow:0 20px 40px #5263d952,inset 0 1px #ffffff52}.editor-toolbar{display:flex;flex-wrap:nowrap;gap:.45rem;padding:.65rem;background:var(--surface-strong);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 10px 28px #0f172a0a;position:sticky;top:.65rem;z-index:10;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.editor-toolbar.is-inline{display:flex;align-items:center;flex:1 1 auto;width:100%;position:static;top:auto;z-index:auto;margin:0;padding:.45rem .55rem;border-radius:18px;box-shadow:none;overflow:hidden}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.editor-toolbar-scroll::-webkit-scrollbar{display:none}.editor-toolbar-track{display:flex;align-items:center;gap:.45rem;width:max-content;min-width:100%}.editor-toolbar-side{flex:0 0 auto;display:flex;align-items:center;gap:.45rem}.editor-toolbar-divider{flex:0 0 auto;width:1px;min-height:26px;background:var(--panel-divider);margin:0 .1rem}.editor-toolbar-divider--push{margin-left:auto}.toolbar-btn{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;border:0;background:transparent;color:var(--on-surface-secondary);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.toolbar-btn-wide{width:auto;min-width:44px;padding:0 .65rem;font-size:.74rem;font-weight:800;letter-spacing:.02em}.toolbar-btn-nav,.toolbar-btn-icon-action{background:var(--surface-muted);color:var(--on-surface-primary)}.toolbar-btn-genai{width:auto;min-width:58px;padding:0 .72rem;font-size:.82rem;font-weight:800}.toolbar-btn-icon-action{position:relative}.toolbar-btn-badge{position:absolute;top:-.28rem;right:-.22rem;min-width:1rem;height:1rem;padding:0 .22rem;border-radius:999px;background:#4da2ff;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;line-height:1;box-shadow:0 4px 10px #4da2ff52}.toolbar-btn-icon-action.is-favorite{background:#fff4d6;color:#dba81c}.toolbar-btn-icon-action.is-danger{background:#fff1f0;color:#d56a60}.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{background:#22314a;color:#fff}.note-editor-canvas{flex:1;min-height:0;background:var(--header-bg-solid);border:0;border-radius:0;box-shadow:none;padding:0}.note-editor-canvas .ProseMirror{min-height:max(46vh,320px);padding:1.15rem var(--note-editor-side-inset) 1.4rem;font-size:1rem;line-height:1.66;background:var(--header-bg-solid);color:var(--on-surface-primary)}.note-editor-meta-panel{position:sticky;bottom:0;z-index:12;display:flex;flex-direction:column;gap:.8rem;padding:.9rem var(--note-editor-side-inset);background:var(--header-bg-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--panel-divider)}.note-editor-group{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.note-editor-group-trigger{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:.6rem;min-height:2.5rem;cursor:pointer;outline:none}.note-editor-prefix-button,.note-editor-hash,.note-editor-wand{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.note-editor-prefix-button{background:#2189e514;color:var(--primary)}.note-editor-hash{color:var(--on-surface-muted)}.note-editor-wand{border:0;background:#2189e514;color:var(--primary);cursor:pointer}.note-editor-wand:disabled{opacity:.42;cursor:not-allowed}.note-editor-placeholder{font-size:.92rem;font-weight:600;color:var(--on-surface-muted)}.note-editor-category-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;border-radius:999px;padding:0 .85rem;background:#2189e514;color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.note-editor-tag-chip{display:inline-flex;align-items:center;gap:.2rem;min-height:1.7rem;border-radius:999px;padding:0 .15rem 0 0;background:transparent;border:0;color:var(--on-surface-secondary);font-size:.78rem;font-weight:650}.note-editor-chip-remove{cursor:pointer;opacity:.7}.note-editor-tag-input{min-width:7rem;flex:1;border:0;background:transparent;color:var(--on-surface-primary);font:inherit;font-size:.9rem;font-weight:600;outline:none}.note-editor-tag-input::placeholder{color:var(--on-surface-muted)}.note-editor-dropdown{position:absolute;left:0;bottom:calc(100% + .75rem);width:min(20rem,calc(100vw - 1.8rem));max-height:18rem;border-radius:22px;border:1px solid var(--panel-border);background:var(--surface-floating);box-shadow:0 24px 60px #0f172a1f;padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.note-editor-dropdown-search{min-height:46px;display:flex;align-items:center;gap:.65rem;border-radius:16px;background:var(--input-bg);border:1px solid var(--input-border);padding:0 .85rem}.note-editor-dropdown-search svg{color:var(--on-surface-muted);flex-shrink:0}.note-editor-dropdown-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--on-surface-primary);font:inherit;font-size:.9rem;font-weight:600;outline:none}.note-editor-dropdown-list{overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.note-editor-dropdown-item{width:100%;min-height:42px;border:0;border-radius:14px;background:transparent;color:var(--on-surface-primary);display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;font:inherit;font-size:.9rem;font-weight:650;text-align:left;cursor:pointer}.note-editor-dropdown-item.is-selected{background:#2189e514;color:var(--primary)}.note-editor-dropdown-empty{padding:1rem;text-align:center;color:var(--on-surface-muted);font-size:.85rem;line-height:1.45}.note-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem;background:var(--header-bg-solid);border-top:1px solid var(--panel-divider)}.note-editor-footer-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:var(--on-surface-secondary);font-size:.8rem;font-weight:650}.note-editor-footer-meta-item{display:inline-flex;align-items:center;gap:.4rem}.note-editor-saving{display:inline-flex;align-items:center;gap:.55rem;color:var(--primary);font-size:.84rem;font-weight:700;flex-shrink:0}.note-editor-saving-spinner{width:16px;height:16px;border:3px solid rgba(33,137,229,.15);border-top-color:var(--primary);border-radius:50%}.nav-container{display:flex;overflow-x:auto;gap:.75rem;padding:.25rem .5rem;-ms-overflow-style:none;scrollbar-width:none}.nav-container::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;padding:.6rem 1.25rem;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff6;color:var(--on-surface-secondary);display:flex;align-items:center;gap:.5rem}.nav-tab:hover{background:#fffc;color:var(--on-surface-primary);transform:translateY(-1px)}.nav-tab.active{background:#fff;color:var(--primary);border-color:#2189e533;box-shadow:var(--shadow-md)}.tag-pill{white-space:nowrap;padding:.4rem .875rem;border-radius:.75rem;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,.03);transition:all .2s ease;background:#00000005;color:var(--on-surface-secondary);display:flex;align-items:center;gap:.35rem}.tag-pill:hover{background:#0000000d;color:var(--on-surface-primary)}.tag-pill.active{background:var(--on-surface-primary);color:#fff;border-color:var(--on-surface-primary);box-shadow:0 4px 12px #1e293b33}.badge-count{font-size:.7rem;background:#0000000f;padding:.1rem .4rem;border-radius:1rem;opacity:.7}.nav-tab.active .badge-count{background:#2189e51a;color:var(--primary)}.card-label-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#2189e514;padding:.2rem .6rem;border-radius:4px}.card-label-tag{font-size:.75rem;font-weight:500;color:var(--on-surface-muted)}.mobile-icon-button.is-text{min-width:3.6rem;padding:0 .68rem;font-size:.92rem;font-weight:720;letter-spacing:0}.mobile-note-row.is-selectable{grid-template-columns:2.1rem 3.6rem minmax(0,1fr);align-items:center}.mobile-note-row.is-selectable .mobile-note-body,.mobile-note-row.is-selectable .mobile-note-head,.mobile-note-row.is-selectable .mobile-note-text{min-width:0}.mobile-note-row.is-selectable .mobile-note-text{flex:1 1 auto}.mobile-note-row.is-selected{background:#2563eb0f}.mobile-note-select{width:1.52rem;height:1.52rem;border-radius:.48rem;border:1.6px solid rgba(119,130,150,.55);background:linear-gradient(180deg,#fffffff5,#f2f5f9f0);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:inset 0 1px #ffffffe6}.mobile-note-select.is-selected{border-color:#2563ebf2;background:linear-gradient(145deg,#2f6cf6,#1f55d8);box-shadow:0 8px 18px #2563eb3d}.bulk-notes-bar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 5.75rem);z-index:49;transform:translate(-50%);width:min(calc(100vw - 2.45rem),calc(var(--app-frame-max-width) - 2.45rem));display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.62rem;border-radius:1.2rem;background:#ffffffeb;border:1px solid rgba(201,210,223,.8);box-shadow:0 18px 42px #0f172a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bulk-notes-count{display:flex;align-items:baseline;gap:.35rem;color:var(--on-surface-primary);font-size:.88rem;white-space:nowrap}.bulk-notes-count strong{font-size:1.24rem}.bulk-notes-actions{display:flex;gap:.45rem}.bulk-notes-button,.project-assign-create button,.project-detail-title-row button,.project-assign-head button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bulk-notes-button{min-height:2.42rem;border-radius:.82rem;padding:0 .78rem;gap:.4rem;background:#eef4ff;color:#2456c7;font-weight:760}.bulk-notes-button.is-danger{background:#fff0f0;color:#cf2e2e}.bulk-notes-button:disabled,.project-assign-create button:disabled{opacity:.45;cursor:not-allowed}.project-assign-sheet,.project-edit-sheet{width:min(92vw,28rem);max-height:min(82vh,42rem);overflow:auto;border-radius:1.35rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:1rem}.project-assign-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.project-assign-head strong{display:block;color:var(--on-surface-primary);font-size:1.08rem}.project-assign-head span{color:var(--on-surface-secondary);font-size:.86rem}.project-assign-head button{width:2.15rem;height:2.15rem;border-radius:999px;background:var(--surface-muted);color:var(--on-surface-secondary)}.project-assign-create{display:grid;grid-template-columns:minmax(0,1fr) 2.6rem;gap:.55rem;margin-bottom:.85rem}.project-assign-create input,.project-edit-field input,.project-edit-field textarea{width:100%;border-radius:.8rem;border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--on-surface-primary);padding:.78rem .86rem;font:inherit;outline:0}.project-assign-create button{border-radius:.8rem;background:var(--primary);color:#fff}.project-assign-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.95rem}.project-assign-option{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:.9rem;padding:.72rem;display:flex;align-items:center;gap:.72rem;text-align:left;color:var(--on-surface-primary);cursor:pointer}.project-assign-option.is-selected{border-color:#2563eb73;background:#2563eb14}.project-assign-option strong,.project-assign-option small{display:block}.project-assign-option small{color:var(--on-surface-secondary);margin-top:.12rem}.project-assign-radio{width:1.1rem;height:1.1rem;border-radius:999px;border:2px solid rgba(119,130,150,.6)}.project-assign-option.is-selected .project-assign-radio{border:.34rem solid var(--primary)}.project-assign-actions{display:grid;grid-template-columns:1fr 1fr;gap:.62rem}.projects-search-band{display:block}.project-row .mobile-note-text p{-webkit-line-clamp:2}.project-row .mobile-note-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.24rem}.project-detail-hero{padding:0 .85rem .8rem}.project-detail-cover-wrap{position:relative;margin-bottom:.82rem}.project-detail-cover{width:100%;height:12rem;border-radius:1.1rem;background:linear-gradient(145deg,#edf2f7,#dfe7f3);border:1px solid var(--border-subtle);color:#748197;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:inset(0 round 1.1rem);contain:paint;isolation:isolate;padding:0;cursor:pointer}.project-detail-cover:disabled{cursor:progress}.project-detail-cover.is-empty{background:radial-gradient(circle at 20% 18%,rgba(77,162,255,.2),transparent 34%),radial-gradient(circle at 82% 72%,rgba(55,195,145,.18),transparent 38%),linear-gradient(145deg,#f7fbff,#e7eef8);border:1.5px dashed rgba(77,162,255,.48);color:var(--on-surface-primary);box-shadow:inset 0 1px #ffffffb8,0 16px 32px #2f568c14}.project-detail-cover.is-empty:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.52) 44%,transparent 66%),repeating-linear-gradient(135deg,rgba(77,162,255,.08) 0 1px,transparent 1px 14px);opacity:.72;transform:translate(-36%);transition:transform .32s ease,opacity .22s ease}.project-detail-cover.is-empty:hover:before{opacity:.95;transform:translate(18%)}.project-cover-file-input{display:none}.project-cover-delete{position:absolute;top:.72rem;right:.72rem;z-index:5;width:2.45rem;height:2.45rem;border-radius:999px;border:1px solid rgba(255,255,255,.44);background:#101824a3;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.project-cover-delete:hover:not(:disabled){transform:translateY(-1px);background:#d54e46e0;color:#fff}.project-cover-delete:disabled{opacity:.48;cursor:progress}.project-cover-thumbnail{position:absolute;left:.72rem;bottom:.72rem;z-index:5;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid rgba(255,255,255,.74);background:linear-gradient(145deg,#f0f2f6,#fafbfc);color:#7d8595;display:inline-flex;align-items:center;justify-content:center;padding:0;overflow:hidden;box-shadow:0 14px 28px #0000002e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.project-cover-thumbnail:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 18px 34px #00000038}.project-cover-thumbnail:disabled{opacity:.7;cursor:progress}.project-cover-thumbnail img{width:3.6rem;height:3.6rem;border-radius:50%;object-fit:cover;display:block}.project-cover-thumbnail.is-uploading{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.92),rgba(255,255,255,.24) 48%,transparent 72%),linear-gradient(145deg,#e7f0ff,#dbe8fa);color:#2d6db8}.project-cover-thumbnail.is-uploading:after{content:"";position:absolute;inset:-18%;background:conic-gradient(from 0deg,transparent,rgba(77,162,255,.36),transparent 42%);animation:project-thumbnail-spin 1.1s linear infinite}.project-cover-thumbnail__progress{position:relative;z-index:1;font-size:.78rem;font-weight:850}.project-detail-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.project-detail-cover-image{opacity:0;transform:scale(1.015);transition:opacity .18s ease,transform .24s ease}.project-detail-cover-image.is-loaded{opacity:1;transform:scale(1)}.project-cover-empty{position:relative;z-index:1;display:grid;justify-items:center;gap:.42rem;max-width:18rem;padding:0 1.2rem;text-align:center}.project-cover-empty__halo{position:absolute;top:-1.1rem;width:4.8rem;height:4.8rem;border-radius:999px;background:#4da2ff1f;filter:blur(.1px);animation:project-empty-halo 2.2s ease-in-out infinite}.project-cover-empty__icon{position:relative;width:3.45rem;height:3.45rem;border-radius:1.05rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffffd1;color:#307fd6;border:1px solid rgba(77,162,255,.26);box-shadow:0 12px 26px #2f568c24}.project-cover-empty__title{font-size:1rem;font-weight:850;color:var(--on-surface-primary)}.project-cover-empty__text{font-size:.82rem;line-height:1.34;font-weight:650;color:var(--on-surface-secondary)}.project-detail-cover.is-empty:hover .project-cover-empty__icon{transform:translateY(-.08rem);color:#1c6fca}.project-detail-cover.is-loading{cursor:default}.project-detail-cover.is-uploading{cursor:progress}.project-cover-loader{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;clip-path:inset(0 round 1.1rem);contain:paint;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.9),rgba(255,255,255,.18) 38%,transparent 62%),linear-gradient(145deg,#edf2f7eb,#dfe7f3db)}.project-cover-loader--empty{position:relative;width:100%;height:100%}.project-cover-loader:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.38) 46%,transparent 68%);transform:translate(-100%);animation:project-cover-shimmer 1.65s ease-in-out infinite}.project-cover-loader__ring{position:absolute;width:5rem;height:5rem;border-radius:999px;border:1px solid rgba(77,162,255,.2);box-shadow:0 0 #4da2ff33;animation:project-cover-pulse 1.55s ease-out infinite}.project-cover-loader__icon{width:3.35rem!important;height:3.35rem!important;border-radius:1.05rem;object-fit:cover;filter:drop-shadow(0 12px 18px rgba(15,23,42,.16));animation:project-cover-float 1.85s ease-in-out infinite}.project-cover-loader__label{position:absolute;top:calc(50% + 2.7rem);left:50%;z-index:3;transform:translate(-50%);padding:.32rem .72rem;border-radius:999px;background:#ffffffc7;color:#2d6db8;font-size:.82rem;font-weight:850;box-shadow:0 10px 24px #2f568c1f;white-space:nowrap}@keyframes project-cover-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes project-cover-pulse{0%{opacity:.7;transform:scale(.86);box-shadow:0 0 #4da2ff33}70%{opacity:.16;transform:scale(1.18);box-shadow:0 0 0 1.05rem #4da2ff00}to{opacity:0;transform:scale(1.24);box-shadow:0 0 0 1.05rem #4da2ff00}}@keyframes project-cover-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.24rem) scale(1.035)}}@keyframes project-empty-halo{0%,to{opacity:.62;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}@keyframes project-thumbnail-spin{to{transform:rotate(360deg)}}.project-detail-copy h1{margin:0;color:var(--on-surface-primary);font-size:1.38rem;line-height:1.15;letter-spacing:0}.project-detail-copy p{margin-top:.4rem;color:var(--on-surface-secondary);line-height:1.38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.project-detail-copy p.is-expanded{display:block}.project-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-detail-title-row button{width:2.3rem;height:2.3rem;border-radius:999px;background:var(--surface-muted);color:var(--on-surface-secondary)}.project-description-toggle{margin-top:.32rem;border:0;background:transparent;color:var(--primary);font-weight:700;padding:0;cursor:pointer}.project-detail-filters{top:calc(var(--app-header-sticky-offset) - 1rem)}.project-edit-field{display:flex;flex-direction:column;gap:.38rem;margin-bottom:.78rem;color:var(--on-surface-secondary);font-size:.88rem;font-weight:680}.project-edit-upload{min-height:3rem;border-radius:.9rem;border:1px dashed var(--border-strong);background:var(--surface-muted);color:var(--on-surface-secondary);display:flex;align-items:center;gap:.55rem;padding:0 .8rem;margin-bottom:.85rem;cursor:pointer;overflow:hidden}.project-edit-upload input{display:none}.project-edit-upload span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-upload-progress{color:var(--on-surface-secondary);font-size:.88rem;margin:-.35rem 0 .75rem}.project-image-viewer{width:min(92vw,42rem);max-height:min(88vh,48rem);overflow:auto;border-radius:1.35rem;background:var(--surface-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);padding:1rem}.project-image-viewer-frame{width:100%;max-height:60vh;border-radius:1rem;overflow:hidden;background:#0f1720;display:flex;align-items:center;justify-content:center;margin-bottom:.95rem}.project-image-viewer-frame img{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block}.project-download-link,.project-replace-label{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.project-replace-label input{display:none}.project-replace-label.is-disabled{opacity:.55;pointer-events:none}:root[data-theme=dark] .bulk-notes-bar,:root[data-theme=dark] .project-assign-sheet,:root[data-theme=dark] .project-edit-sheet,:root[data-theme=dark] .project-image-viewer{background:#1a1f2af0}:root[data-theme=dark] .project-detail-cover.is-empty{background:radial-gradient(circle at 20% 18%,rgba(92,159,255,.2),transparent 34%),radial-gradient(circle at 82% 72%,rgba(65,210,163,.14),transparent 38%),linear-gradient(145deg,#1f2b36,#14202b);border-color:#6ca9ff6b;box-shadow:inset 0 1px #ffffff0a,0 16px 32px #0000002e}:root[data-theme=dark] .project-detail-cover.is-empty:before{background:linear-gradient(110deg,transparent 20%,rgba(122,174,255,.12) 44%,transparent 66%),repeating-linear-gradient(135deg,rgba(122,174,255,.07) 0 1px,transparent 1px 14px)}:root[data-theme=dark] .project-cover-empty__icon{background:#0b141fc7;color:#7ab2ff;border-color:#7aaeff3d;box-shadow:0 14px 28px #00000038}:root[data-theme=dark] .project-cover-thumbnail{background:linear-gradient(145deg,#151f2a,#22303c);color:#9aa8ba;border-color:#fff3;box-shadow:0 16px 30px #00000047}:root[data-theme=dark] .project-cover-thumbnail.is-uploading{background:radial-gradient(circle at 50% 38%,rgba(122,174,255,.22),rgba(122,174,255,.08) 48%,transparent 72%),linear-gradient(145deg,#142131,#0e1722);color:#9bc3ff}:root[data-theme=dark] .mobile-note-row.is-selected{background:#74a7ff1f}:root[data-theme=dark] .mobile-home-screen .mobile-note-row.is-selectable{grid-template-columns:2.1rem 3.6rem minmax(0,1fr);align-items:center}:root[data-theme=dark] .mobile-topbar .mobile-icon-button.is-text{color:#f4f7fb}:root[data-theme=dark] .mobile-topbar .mobile-icon-button.is-text.is-active{color:#fff}@media(min-width:768px){.note-editor-screen{--note-editor-side-inset: 1.5rem}.project-detail-hero{padding-left:1.5rem;padding-right:1.5rem}}.splash-screen{position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(140deg,rgba(103,179,249,.18) 0%,transparent 28%),linear-gradient(320deg,rgba(154,165,255,.16) 0%,transparent 32%),linear-gradient(180deg,#08111d,#0d1726 48%,#101b2c);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:10000;transition:opacity .3s ease-out}.splash-screen.hidden{opacity:0;pointer-events:none}.splash-screen.visible{opacity:1}.splash-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.splash-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(103,179,249,.52),rgba(244,204,94,.54),transparent);transform-origin:center;opacity:.62;animation:splash-line-drift 4.8s ease-in-out infinite}.splash-line--one{top:22%;left:-12%;width:64%;transform:rotate(-18deg)}.splash-line--two{right:-18%;bottom:24%;width:72%;transform:rotate(-18deg);animation-delay:.65s}.splash-line--three{left:18%;bottom:14%;width:42%;background:linear-gradient(90deg,transparent,rgba(82,208,141,.42),rgba(154,165,255,.44),transparent);transform:rotate(14deg);animation-delay:1.1s}.splash-idea-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#edf3ffe6;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.76rem;font-weight:800;line-height:1;letter-spacing:0;box-shadow:0 20px 60px #00000038;opacity:.82;animation:splash-accent-float 5.2s ease-in-out infinite}.splash-idea-chip--one{top:18%;right:18%;background:linear-gradient(135deg,#67b3f9e0,#2189e538);transform:rotate(-16deg)}.splash-idea-chip--two{left:16%;bottom:22%;background:linear-gradient(135deg,#f4cc5ee6,#ff935e33);transform:rotate(18deg);animation-delay:.76s}.splash-idea-chip--three{right:14%;bottom:16%;background:linear-gradient(135deg,#52d08ddb,#67b3f92e);transform:rotate(12deg);animation-delay:1.25s}.splash-idea-mark{position:absolute;display:block;width:38px;height:38px;opacity:.72;animation:splash-mark-drift 5.8s ease-in-out infinite}.splash-idea-mark:before,.splash-idea-mark:after{content:"";position:absolute;display:block}.splash-idea-mark--pen{top:31%;left:18%;transform:rotate(-24deg)}.splash-idea-mark--pen:before{left:6px;top:17px;width:28px;height:4px;border-radius:999px;background:linear-gradient(90deg,#f4cc5e,#67b3f9)}.splash-idea-mark--pen:after{right:3px;top:14px;width:0;height:0;border-left:8px solid rgba(237,243,255,.72);border-top:5px solid transparent;border-bottom:5px solid transparent}.splash-idea-mark--spark{top:30%;right:24%;animation-delay:.64s}.splash-idea-mark--spark:before{left:18px;top:4px;width:3px;height:30px;border-radius:999px;background:linear-gradient(180deg,#52d08d00,#52d08d,#52d08d00)}.splash-idea-mark--spark:after{left:4px;top:18px;width:30px;height:3px;border-radius:999px;background:linear-gradient(90deg,#67b3f900,#67b3f9,#67b3f900)}.splash-idea-mark--note{left:25%;bottom:16%;width:34px;height:42px;border-radius:9px;border:1px solid rgba(154,165,255,.48);background:linear-gradient(145deg,#9aa5ff33,#edf3ff0a);box-shadow:inset 0 0 0 1px #edf3ff14;transform:rotate(-10deg);animation-delay:1s}.splash-idea-mark--note:before,.splash-idea-mark--note:after{left:8px;width:18px;height:2px;border-radius:999px;background:#edf3ff70}.splash-idea-mark--note:before{top:13px}.splash-idea-mark--note:after{top:21px}.splash-content{position:relative;z-index:1;width:min(86vw,420px);display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:2.1rem 1.6rem;animation:splash-enter .66s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.splash-logo-shell{position:relative;width:122px;height:122px;display:grid;place-items:center}.splash-logo-shell:before,.splash-logo-shell:after{content:"";position:absolute;inset:0;border-radius:32px;border:1px solid rgba(103,179,249,.28);transform:rotate(12deg);animation:splash-frame-breathe 2.8s ease-in-out infinite}.splash-logo-shell:after{inset:10px;border-color:#f4cc5e3d;transform:rotate(-10deg);animation-delay:.44s}.splash-logo{position:relative;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.34));animation:splash-logo-hover 3.2s ease-in-out infinite}.splash-copy{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.splash-title{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.2rem,8vw,3.45rem);line-height:.98;font-weight:800;color:#edf3ff;margin:0;letter-spacing:0;background:linear-gradient(100deg,#edf3ff,#67b3f9,#9aa5ff 48%,#52d08d 68%,#f4cc5e,#edf3ff);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:splash-title-gradient 3.4s ease-in-out infinite}.splash-phrase{min-height:1.45rem;margin:0;color:#edf3ffbd;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(.98rem,3vw,1.08rem);font-weight:600;line-height:1.32;letter-spacing:0;animation:splash-phrase-in .72s ease-out .18s both}.splash-progress{width:min(220px,58vw);height:3px;margin-top:.35rem;border-radius:999px;overflow:hidden;background:#edf3ff1f}.splash-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67b3f9,#9aa5ff,#52d08d,#f4cc5e);animation:splash-progress 1.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes splash-enter{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splash-logo-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes splash-frame-breathe{0%,to{opacity:.5;transform:rotate(12deg) scale(.98)}50%{opacity:.9;transform:rotate(17deg) scale(1.04)}}@keyframes splash-title-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes splash-phrase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-progress{0%{transform:translate(-105%)}to{transform:translate(245%)}}@keyframes splash-line-drift{0%,to{opacity:.38;filter:saturate(.9)}50%{opacity:.82;filter:saturate(1.25)}}@keyframes splash-accent-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes splash-mark-drift{0%,to{opacity:.54;translate:0 0}50%{opacity:.86;translate:0 -7px}}@media(max-width:520px){.splash-content{gap:.95rem;padding:1.8rem 1.2rem}.splash-logo-shell{width:110px;height:110px}.splash-logo{width:86px;height:86px}.splash-idea-chip--one{right:6%}.splash-idea-chip--two{left:7%}.splash-idea-mark--pen{left:8%}.splash-idea-mark--spark{right:10%}}@media(prefers-reduced-motion:reduce){.splash-content,.splash-logo,.splash-logo-shell:before,.splash-logo-shell:after,.splash-title,.splash-phrase,.splash-progress span,.splash-line,.splash-idea-chip,.splash-idea-mark{animation:none}.splash-content{opacity:1}.splash-screen{transition:opacity .15s ease-out}}
