:root{color-scheme:light;--ink: #111827;--muted: #6b7280;--soft: #f3f4f8;--paper: #ffffff;--line: #e5e7eb;--teal: #ffcc00;--teal-dark: #7c5c00;--coral: #e45a38;--amber: #ffb200;--violet: #6366f1;--charcoal: #000000;--cyan: #2bc4d9;--cyan-soft: #e8f7fa;--warm-surface: #faf7f2;--shadow: 0 18px 48px rgba(0, 0, 0, .08);--font-family-base: Inter, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-family-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs: 12px;--text-sm: 13px;--text-body: 15px;--text-title-sm: 18px;--text-display-md: 30px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-tight: 1.35;--leading-normal: 1.45;--leading-relaxed: 1.6;--leading-chat: 1.65;--leading-reading: 1.72;--text-primary: var(--ink);--text-secondary: var(--muted);--text-inverse: #ffffff;--text-accent: var(--teal-dark);--text-danger: var(--coral);--text-success: #0f8f5f;--hover-bg: #f8f9fb;--hover-border: #d4d8e0;--hover-shadow: 0 10px 24px rgba(17, 24, 39, .08);--primary-hover-bg: var(--amber);font-family:var(--font-family-base);background:#f3f4f8;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;min-width:1120px;min-height:100vh;background:var(--soft)}a{color:var(--text-accent);text-decoration:underline;text-decoration-color:#7c5c0073;text-underline-offset:3px;border-radius:4px;transition:color .18s ease,background-color .18s ease,text-decoration-color .18s ease}a:hover,a:focus-visible{color:#4f3b00;background:#fc03;text-decoration-color:currentColor}.app-view-fade{animation:app-fade-in .22s ease both}.workspace-view-fade,.modal-sheet,.search-modal-sheet,.profile-modal,.payment-confirm-sheet,.note-folder-picker,.transcription-select-popover,.note-sort-menu,.login-language-popover,.ask-folder-popover,.folder-manager-modal{animation:app-fade-in .18s ease both}button,input,textarea,select{font:inherit}button{cursor:pointer}:where(button,[role=button],.upload-action){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,filter .18s ease}:where(button,[role=button],.upload-action):not(:disabled):hover{filter:brightness(.985)}:where(button,[role=button],.upload-action):not(:disabled):focus-visible{outline:2px solid rgba(255,204,0,.42);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-icon{display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle}.primary-button .app-icon{padding:2px;border-radius:5px;background:var(--paper)}.app-spinner{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:999px;display:inline-block;animation:spin .9s linear infinite}.app-spinner.small{width:13px;height:13px;border-width:1.5px}.boot-screen{min-height:100vh;display:grid;place-items:center;background:var(--soft)}.boot-orb{width:58px;height:58px;border-radius:999px;background:var(--teal);display:grid;place-items:center;animation:breathe 1.8s ease-in-out infinite}.boot-icon{width:34px;height:34px;object-fit:contain}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px;width:min(464px,calc(100vw - 64px));margin:0 auto}.login-top-actions{position:fixed;top:max(22px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:calc(100vw - 40px)}.login-site-entry,.login-language-button{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-extrabold);white-space:nowrap;box-shadow:0 8px 24px #0a1f2314;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.login-site-entry:hover,.login-site-entry:focus-visible,.login-language-button:hover,.login-language-button:focus-visible{border-color:var(--hover-border);background:var(--hover-bg);box-shadow:var(--hover-shadow)}.login-language-wrap{position:relative}.login-language-button{min-width:58px}.login-language-popover{position:absolute;top:calc(100% + 8px);right:0;width:178px;padding:6px;border-radius:14px;background:var(--paper);box-shadow:0 18px 44px #00000024;display:grid;gap:4px}.login-language-popover button{min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);display:grid;justify-items:start;gap:2px;padding:7px 10px;text-align:left}.login-language-popover button:hover,.login-language-popover button.active{background:var(--hover-bg)}.login-language-popover strong{font-size:var(--text-sm);font-weight:var(--font-bold)}.login-language-popover span{color:var(--text-secondary);font-size:var(--text-xs)}.login-footer-brand{position:fixed;left:50%;bottom:22px;transform:translate(-50%);margin:0;color:#aeb4bf;font-size:var(--text-xs);letter-spacing:0}.login-panel{border:1px solid rgba(17,24,39,.08);background:var(--paper);box-shadow:var(--shadow)}.status-pill,.eyebrow{display:inline-flex;align-items:center;width:fit-content;gap:6px;color:var(--text-accent);background:#ffcc002e;padding:5px 8px;border-radius:6px;font-size:var(--text-xs);font-weight:var(--font-bold)}.login-panel{width:100%;border-radius:16px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:520px}.login-panel-head{display:grid;justify-items:center;gap:10px;text-align:center}.login-brand-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--teal);border:0;box-shadow:0 12px 28px #0a1f231f;overflow:hidden}.login-brand-mark img{width:52px;height:52px;object-fit:contain}.login-panel h2{margin:4px 0 0;font-size:var(--text-display-md);font-weight:var(--font-regular);letter-spacing:0}.login-subtitle{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.muted{color:var(--text-secondary);word-break:break-all}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:10px;background:var(--soft)}.segmented button{border:0;border-radius:8px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px}.segmented button.active{background:var(--paper);color:var(--text-primary);box-shadow:0 4px 14px #00000014}.login-form,.stack-form{display:grid;gap:16px}label span,.field-label{display:block;margin-bottom:8px;font-size:var(--text-sm);color:var(--text-secondary)}.login-code-block{display:grid}.login-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;align-items:center}.code-send-button{min-height:44px;padding:0 10px;border:1px solid var(--teal);border-radius:10px;background:var(--teal);color:var(--charcoal);font-size:var(--text-sm);font-weight:var(--font-extrabold);white-space:nowrap}.code-send-button:disabled{cursor:not-allowed;opacity:.48;background:var(--soft);border-color:var(--line);color:var(--text-secondary)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text-primary);padding:12px 13px;outline:none}textarea{min-height:130px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ffcc0038}.form-error{margin:0;color:var(--text-danger);font-size:var(--text-sm)}.primary-button,.secondary-button,.danger-button,.icon-text-button,.ghost-button,.toolbar button,.inline-form button{border:0;border-radius:10px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--charcoal);color:var(--text-inverse);font-weight:var(--font-bold)}.secondary-button{background:#fff8d8;color:var(--text-primary);border:1px solid #ffe36b;font-weight:var(--font-bold)}.register-button{background:var(--teal);color:var(--charcoal);border-color:var(--teal)}.danger-button{background:#fdecee;color:#c62828;border:1px solid rgba(228,90,56,.28);font-weight:var(--font-bold)}.primary-button.compact{width:fit-content;min-height:38px}.add-action-button,.toolbar .add-action-button,.inline-form .add-action-button{background:var(--paper);color:var(--text-primary);border:1px solid var(--line);font-weight:var(--font-bold)}.add-action-button:hover:not(:disabled),.toolbar .add-action-button:hover:not(:disabled),.inline-form .add-action-button:hover:not(:disabled){background:var(--hover-bg)}.add-action-button .app-icon{background:transparent}.danger-button.compact{width:fit-content;min-height:38px}.icon-text-button,.ghost-button,.toolbar button,.inline-form button{background:var(--soft);color:var(--text-primary)}.toolbar button:disabled{opacity:.38;cursor:not-allowed}:where(.segmented button,.login-language-popover button,.panel-toggle,.rail-icon-entry,.search-trigger,.rail-nav button,.note-sort-button,.note-sort-menu button,.icon-button,.account-pill-button,.folder-manage-button,.selected-note-return,.note-folder-heading,.note-row:not(.active),.plan-completed-toggle,.quick-date-row button,.linked-note-row,.search-result-row,.profile-side-user,.profile-side-nav nav button,.profile-card-row button,.language-toggle-group button,.profile-menu-item,.ask-note-scope button,.ask-folder-trigger,.ask-folder-popover button,.note-folder-chip,.note-folder-picker button,.transcription-select-trigger,.transcription-select-popover button,.transcription-check-list label,.tabs button,.template-card-main,.plan-row,.todo-meta-card,.membership-tier-tabs button,.membership-package-card:not(.selected),.payment-provider-button:not(.active)):not(:disabled):hover{background:var(--clickable-hover-bg, var(--hover-bg));border-color:var(--clickable-hover-border, var(--hover-border));box-shadow:var(--clickable-hover-shadow, none)}.login-assurances{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-secondary);font-size:var(--text-sm)}.login-actions{display:grid;gap:10px}.login-actions .primary-button,.login-actions .secondary-button{font-weight:var(--font-regular)}.login-assurances span{display:inline-flex;gap:6px;align-items:center}.workspace{height:100vh;display:grid;grid-template-columns:var(--left-width, 276px) 12px minmax(0,1fr) 12px var(--right-width, 360px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--soft)}.left-rail,.ask-panel{position:relative;border-right:0;padding:14px 12px;overflow:auto}.left-rail{background:var(--soft);grid-column:1;grid-row:1 / span 2;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-content:start;gap:10px}.ask-panel{background:var(--paper)}.rail-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0}.brand-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:0}.brand-row img{width:30px;height:30px;object-fit:contain}.brand-row strong{font-size:var(--text-sm);font-weight:var(--font-bold)}.brand-row strong,.brand-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-row span{color:var(--text-secondary);font-size:var(--text-xs)}.panel-toggle{border:0;width:36px;height:36px;border-radius:9px;background:#f8f9fb;color:var(--text-primary);display:inline-grid;place-items:center;flex:0 0 auto}.left-rail .panel-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:none;color:var(--text-primary)}.panel-toggle .app-icon{width:22px!important;height:22px!important}.toggle-icon{transition:transform .16s ease}.toggle-icon.expand,.toggle-icon.ask-collapse{transform:rotate(180deg)}.resize-handle{position:relative;z-index:20;width:12px;min-width:12px;height:100%;border:0;padding:0;background:transparent;cursor:col-resize}.resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;border-radius:999px;transform:translate(-50%);background:var(--line)}.resize-handle:after{content:"";position:absolute;top:var(--resize-handle-y, 50%);left:50%;width:8px;height:34px;border:1.5px solid var(--line);border-radius:999px;opacity:0;transform:translate(-50%,-50%);background:var(--paper);transition:opacity .16s ease,border-color .16s ease,background-color .16s ease}.resize-handle:hover:after,.resize-handle:focus-visible:after,.resize-handle.is-resizing:after{border-color:#d4d8e0;opacity:1;background:var(--paper)}.resize-handle:hover:before,.resize-handle:focus-visible:before,.resize-handle.is-resizing:before{background:#d4d8e0}.left-resize-handle{grid-column:2;grid-row:1 / span 2}.right-resize-handle{grid-column:4;grid-row:2}.record-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:0;background:transparent;border:0}.record-card p{grid-column:1 / -1;margin:4px 0 0;color:var(--text-secondary);font-size:var(--text-xs);display:inline-flex;align-items:center;gap:6px}.auto-transcribe-toggle{grid-column:1 / -1;min-height:30px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;font-size:var(--text-xs);font-weight:var(--font-semibold);position:relative}.auto-transcribe-toggle input{position:absolute;opacity:0;pointer-events:none}.auto-transcribe-switch{width:32px;height:18px;display:inline-block;margin:0;border-radius:999px;background:#e5e7eb;position:relative;flex:0 0 auto;transition:background .16s ease}.auto-transcribe-label{margin:0}.auto-transcribe-switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:999px;background:var(--paper);box-shadow:0 1px 4px #1118272e;transition:transform .16s ease}.auto-transcribe-toggle input:checked+.auto-transcribe-switch{background:var(--teal)}.auto-transcribe-toggle:has(input:checked) .auto-transcribe-switch{background:var(--teal)}.auto-transcribe-toggle input:checked+.auto-transcribe-switch:after{transform:translate(14px)}.auto-transcribe-toggle:has(input:checked) .auto-transcribe-switch:after{transform:translate(14px)}.auto-transcribe-toggle:has(input:focus-visible){border-color:var(--teal);box-shadow:0 0 0 3px #ffcc0038}.record-action,.upload-action{border:1px solid var(--line);background:var(--paper);display:grid;grid-template-columns:28px minmax(34px,auto);align-items:center;justify-content:center;justify-items:center;column-gap:6px;min-height:40px;height:40px;border-radius:10px;color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm);line-height:1;cursor:pointer}.record-action{min-height:40px;padding:0 12px;background:#f44336;color:var(--text-inverse);border-color:#f44336;grid-template-columns:minmax(0,1fr)}.record-action .record-label{color:var(--text-inverse)}.record-action.recording{background:#111827;border-color:#111827}.upload-action input{display:none}.record-label,.upload-label{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;margin:0;color:var(--text-primary);font-size:var(--text-sm);line-height:22px;font-weight:var(--font-bold);text-align:center;white-space:nowrap}.upload-action .upload-label{margin:0}.upload-action .app-icon{width:22px!important;height:22px!important}.record-progress{margin-left:auto;color:var(--teal-dark);font-weight:var(--font-bold)}.record-toast{position:fixed;left:50%;bottom:28px;z-index:80;max-width:min(360px,calc(100vw - 32px));transform:translate(-50%);padding:10px 14px;border-radius:12px;background:#111827;color:var(--text-inverse);box-shadow:0 14px 34px #1118273d;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.45;text-align:center;animation:app-fade-in .18s ease both;pointer-events:none}.rail-icon-entry{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;place-items:center}.search-box{margin:0;display:flex;align-items:center;gap:8px;padding:0 12px;min-height:40px;border-radius:10px;background:#f8f9fb;border:1px solid var(--line)}.search-box input{border:0;box-shadow:none;padding:0;background:transparent}.search-trigger{width:100%;color:var(--text-secondary);text-align:left}.search-trigger span{display:block;margin:0;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-nav{display:grid;gap:6px;align-content:start}.rail-nav button{min-height:40px;width:100%;min-width:0;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--text-primary);font-weight:var(--font-regular);text-align:left}.rail-nav button>.app-icon{display:block;width:24px!important;height:24px!important;padding:1px;border-radius:7px;object-fit:contain}.rail-nav span{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--leading-normal)}.rail-nav button.active{background:var(--teal);border:0;box-shadow:none;color:var(--text-primary);font-weight:var(--font-regular)}.rail-nav button.active>.app-icon{background:var(--paper);padding:3px}.rail-nav em{margin-left:auto;font-size:var(--text-xs);color:inherit;font-style:normal;white-space:nowrap;line-height:1}.left-compact .left-rail{padding:12px 8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px}.left-compact .rail-header{display:flex;justify-content:center;place-items:center;width:44px;margin-bottom:0}.left-compact .brand-row{display:none}.left-compact .record-card{width:44px;grid-template-columns:1fr;justify-items:center;gap:8px;padding:0;border:0;background:transparent}.left-compact .record-action,.left-compact .upload-action,.left-compact .rail-icon-entry,.left-compact .rail-nav button,.right-compact .ask-panel-toggle{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;border:1px solid var(--line);background:var(--paper);box-shadow:none;color:var(--text-primary);justify-content:center;align-items:center}.left-compact .record-action,.left-compact .upload-action{grid-template-columns:1fr;justify-items:center;column-gap:0}.left-compact .record-action{background:#f44336;border-color:#f44336;color:var(--text-inverse)}.left-compact .record-action .app-icon,.left-compact .upload-action .app-icon,.left-compact .rail-icon-entry .app-icon,.left-compact .rail-nav .app-icon,.left-compact .panel-toggle .app-icon,.right-compact .ask-panel-toggle .app-icon{width:22px!important;height:22px!important}.left-compact .rail-nav button.active{background:var(--teal);border:0;box-shadow:none}.left-compact .rail-nav button{background:transparent;border:1px solid transparent;color:var(--text-primary);display:grid;place-items:center}.left-compact .rail-nav button:not(.active):not(:disabled):hover,.left-compact .rail-nav button:not(.active):focus-visible{background:var(--clickable-hover-bg, var(--hover-bg));border:1px solid var(--clickable-hover-border, var(--hover-border));box-shadow:var(--clickable-hover-shadow, none)}.left-compact .upload-label,.left-compact .record-card p,.left-compact .rail-nav span,.left-compact .rail-nav em{display:none}.left-compact .record-label{display:inline-flex;min-width:0;font-size:var(--text-xs)}.left-compact .rail-nav{width:44px;margin-top:0;display:grid;gap:8px;place-items:center}.block-title,.pane-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:8px}.pane-header-actions{display:inline-flex;align-items:center;gap:8px}.note-sort-menu-wrap{position:relative;display:inline-flex}.note-sort-button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.note-sort-button[aria-expanded=true]{background:var(--hover-bg);border-color:var(--hover-border)}.note-sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:132px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 16px 32px #0a1f2324;display:grid;gap:2px}.note-sort-menu button{min-height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);text-align:left;font-size:var(--text-xs)}.note-sort-menu button:hover{background:var(--hover-bg);color:var(--text-primary)}.note-sort-menu button.active{background:var(--hover-bg);color:var(--text-primary);font-weight:var(--font-extrabold)}.folder-dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.folder-icon-badge{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;flex:0 0 auto;background:transparent}.icon-button{border:0;width:30px;height:30px;border-radius:8px;background:var(--soft);color:var(--text-secondary);display:inline-grid;place-items:center}.center-stage{grid-column:3;grid-row:2;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.workspace-content{min-height:0;height:100%;overflow:hidden;opacity:0;transition:opacity .26s ease}.workspace-content.ready,.workspace-content.loading{opacity:1}.workspace-content>.notes-layout,.workspace-content>.workspace-view,.workspace-content>.workspace-view-fade,.workspace-content>.workspace-frame-skeleton{height:100%}.workspace-view-fade{min-height:0;overflow:hidden}.workspace-frame-skeleton{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:0}.skeleton-list,.skeleton-detail{border-radius:14px;background:var(--paper);display:grid;align-content:start;gap:12px;padding:18px;overflow:hidden}.skeleton-list span,.skeleton-detail span{height:18px;border-radius:999px;background:linear-gradient(90deg,#f3f4f8,#fff,#f3f4f8);animation:pulse 1.2s infinite}.skeleton-list span:first-child{height:42px;border-radius:10px}.skeleton-list span:nth-child(3),.skeleton-detail span:nth-child(2){width:74%}.skeleton-list span:nth-child(4),.skeleton-detail span:nth-child(3){width:56%}.skeleton-detail span:first-child{height:190px;border-radius:14px}.account-bar{grid-column:3 / 6;grid-row:1;min-height:48px;padding:8px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-bottom:1px solid var(--line);background:var(--paper)}.account-pill{min-height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:var(--text-xs)}.account-pill-button{cursor:pointer;color:var(--text-primary)}.account-pill-button.active{background:#fff8d8;border-color:#ffe36b}.account-pill:disabled{cursor:default;opacity:1}.me-entry{font-weight:var(--font-extrabold)}.account-pill strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-pill em{color:var(--text-secondary);font-style:normal}.topbar{min-height:76px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.topbar h1{margin:0;font-size:var(--text-display-md);letter-spacing:0;display:inline-flex;align-items:baseline;gap:8px}.topbar-title-count{color:inherit;font-size:inherit;font-style:normal;font-weight:inherit}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-action-button{white-space:nowrap}.topbar-action-button .app-icon{padding:0;border-radius:0;background:transparent}.notes-layout{min-height:0;height:100%;display:grid;grid-template-columns:var(--note-list-width, 252px) 11px minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.note-list-pane{min-height:0;height:100%;overflow:hidden;padding:0;border-right:0;background:var(--paper);display:grid;grid-template-rows:auto minmax(0,1fr)}.note-list-pane .pane-header{position:sticky;top:0;z-index:12;margin:0;padding:18px 12px 10px;background:var(--paper)}.note-list-resize-handle{width:11px;min-width:11px;height:100%;border:0;border-radius:0;background:var(--paper);cursor:col-resize;position:relative;padding:0}.note-list-resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;border-radius:999px;transform:translate(-50%);background:var(--line)}.note-list-resize-handle:after{content:"";position:absolute;top:var(--resize-handle-y, 50%);left:50%;width:8px;height:34px;border:1.5px solid var(--line);border-radius:999px;opacity:0;transform:translate(-50%,-50%);background:var(--paper);transition:opacity .16s ease,border-color .16s ease,background-color .16s ease}.note-list-resize-handle:hover:after,.note-list-resize-handle:focus-visible:after,.note-list-resize-handle.is-resizing:after{border-color:#d4d8e0;opacity:1;background:var(--paper)}.note-list-wrap{min-height:0;max-height:100%;position:relative;overflow:hidden;display:grid}.note-list{min-height:0;height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding:14px 0 86px;display:grid;align-content:start;gap:12px;padding:0 14px 18px}.selected-note-return{--clickable-hover-shadow: 0 14px 34px rgba(17, 24, 39, .16);position:absolute;right:16px;bottom:16px;z-index:14;min-height:38px;max-width:calc(100% - 32px);border:1px solid var(--line);border-radius:999px;padding:0 12px 0 10px;background:var(--paper);color:var(--text-primary);box-shadow:var(--clickable-hover-shadow);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--font-semibold);animation:selected-note-return-in .18s ease both;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,filter .18s ease}.selected-note-return:active{filter:brightness(.97)}.note-folder-group{display:grid;gap:7px}.note-folder-heading{position:sticky;top:0;z-index:8;width:100%;min-height:28px;display:flex;align-items:center;gap:8px;padding:4px 6px;border:0;background:var(--paper);color:var(--text-secondary);font-size:var(--text-xs);text-align:left}.note-folder-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--text-sm)}.note-folder-heading em{margin-left:auto;flex:0 0 auto;font-style:normal}.note-folder-icon{opacity:.82}.folder-collapse-icon{transform:rotate(-90deg);opacity:.58;transition:transform .15s ease}.folder-collapse-icon.collapsed{transform:rotate(180deg)}.note-row{width:100%;border:0;background:transparent;border-radius:12px;padding:0 4px 0 0;display:block;text-align:left;color:var(--text-primary);white-space:normal}.note-row-surface{width:100%;min-height:70px;border:1px solid transparent;border-radius:11px;padding:10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:flex-start}.note-row-copy{min-width:0;width:100%;max-width:100%;display:grid;align-content:start;justify-items:stretch}.note-row.active{background:transparent;border-radius:12px}.note-row.active .note-row-surface{background:var(--soft);border-radius:12px;border-color:transparent;box-shadow:none}.note-row:not(.active):hover .note-row-surface,.note-row:not(.active):focus-visible .note-row-surface{background:var(--hover-bg);border-color:var(--hover-border)}.note-row-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--text-primary)}.note-row strong,.note-row small,.note-row em{display:block}.note-row-title{min-width:0;width:100%;max-width:100%;font-size:var(--text-sm);line-height:var(--leading-tight);overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:break-all}.note-row-title-line{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:6px}.note-row-title-line .note-row-title{flex:0 1 auto;width:auto}.note-row-new-dot{width:7px;height:7px;border-radius:999px;background:#f44336;flex:0 0 auto;cursor:pointer}.note-row-new-dot:focus-visible{outline:2px solid rgba(244,67,54,.32);outline-offset:3px}.note-row small,.note-row em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:var(--text-secondary);font-style:normal;font-size:var(--text-xs)}.note-row .note-row-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.note-row-created-at,.note-row-duration{min-width:0;color:var(--text-secondary);font-size:var(--text-xs);font-style:normal;line-height:var(--leading-tight);margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-duration{text-align:right}.note-row-transcription{width:100%;margin-top:7px;display:grid;gap:5px;color:var(--text-accent)}.note-row-transcription-copy{min-width:0;display:flex;align-items:center;gap:6px;font-size:var(--text-xs);line-height:1.2}.note-row-transcription-copy span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-transcription-copy strong{margin-left:auto;color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.transcription-mini-pulse{width:7px;height:7px;border-radius:999px;background:var(--teal);box-shadow:0 0 #ffcc006b;animation:transcription-pulse 1.4s ease-out infinite}.note-row-transcription-track{width:100%;height:4px;overflow:hidden;border-radius:999px;background:#edf0f3}.note-row-transcription-track span{display:block;width:var(--transcription-progress, 0%);height:100%;border-radius:inherit;background:var(--teal);transition:width .22s ease}.note-row-transcription-track.indeterminate span{width:42%;animation:transcription-track-scan 1.25s ease-in-out infinite}.note-row-transcription.failed{color:var(--text-danger)}.note-row-transcription.failed .transcription-mini-pulse,.note-row-transcription.failed .note-row-transcription-track span{background:var(--coral);animation:none}.note-folder-empty{min-height:38px;display:flex;align-items:center;padding:0 10px 0 43px;border-radius:10px;color:var(--text-secondary);font-size:var(--text-xs)}.detail-pane{min-width:0;min-height:0;height:100%;overflow:hidden;position:relative;container-type:inline-size;background:var(--paper)}.detail-scroll{min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;padding:22px 28px 104px;scroll-padding-bottom:104px}.detail-top-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb,.meta-line{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:var(--text-xs)}.audio-player{width:100%;max-width:100%;min-width:0;margin-top:14px;position:sticky;top:12px;z-index:12;container-type:inline-size;border-radius:16px;background:var(--paper);box-shadow:0 10px 30px #11182714;display:grid;gap:8px;padding:16px 20px 10px;transition:padding .18s ease,border-radius .18s ease,box-shadow .18s ease}.audio-player.mini{width:min(320px,calc(100% - 24px));justify-self:center;padding:6px 8px;border-radius:12px;box-shadow:0 10px 28px #1118271f}.audio-player audio{display:none}.audio-waveform-track{min-width:0;height:48px;border-radius:12px;background:#f8f8fa;padding:8px 12px;cursor:pointer;touch-action:none;outline:none;position:relative;transition:height .18s ease,padding .18s ease}.audio-player.mini .audio-waveform-track{height:30px;padding:4px 8px}.audio-waveform-track:focus-visible{box-shadow:0 0 0 3px #ffcc003d}.audio-waveform-viewport{position:relative;min-width:0;height:100%;overflow:hidden}.audio-waveform-progress{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;border-radius:10px;clip-path:inset(0 calc(100% - var(--progress-offset)) 0 0);overflow:hidden;pointer-events:none}.audio-waveform-bars{min-width:0;position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(1px,.8cqw,3px);overflow:hidden}.audio-waveform-bars span{width:auto;flex:1 1 0;height:calc(var(--bar-height) / 2);min-height:7px;min-width:1px;max-width:2.5px;border-radius:999px;background:#d9dce3;transition:background-color .12s ease,height .12s ease}.audio-player.mini .audio-waveform-bars span{max-width:2px;height:var(--mini-bar-height);min-height:5px}.audio-waveform-progress .audio-waveform-bars span{background:#ff3b30}.audio-progress-track{position:relative;height:100%;display:flex;align-items:center}.audio-progress-track:before{content:"";width:100%;height:4px;border-radius:999px;background:#d9dce3}.audio-progress-fill{position:absolute;left:0;width:var(--progress-offset);height:4px;border-radius:999px;background:#ff3b30}.audio-player.mini .audio-progress-fill{left:0;width:var(--progress-offset)}.audio-waveform-cursor{position:absolute;z-index:3;top:10%;bottom:10%;left:var(--progress-offset);width:1.5px;border-radius:999px;background:#ff3b30;transform:translate(-50%);opacity:.95;pointer-events:none}.audio-player.mini .audio-waveform-track:after{content:none}.audio-player.mini .audio-waveform-cursor{top:12%;bottom:12%}.audio-player.dragging .audio-waveform-cursor{width:2.5px}.audio-time-row{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 2px}.audio-control-row{min-height:44px;display:grid;grid-template-columns:minmax(44px,60px) minmax(0,1fr) minmax(32px,60px);align-items:center;transition:min-height .18s ease}.audio-mini-row{display:grid;grid-template-columns:32px minmax(0,1fr) 28px;gap:8px;align-items:center}.audio-player.mini .audio-control-row{min-height:38px}.audio-speed-button,.audio-enhance-button,.audio-skip-button,.audio-play-button{border:0;display:inline-grid;place-items:center;color:var(--text-primary)}.audio-speed-button{justify-self:start;min-width:48px;height:30px;border-radius:999px;background:#f0f1f4;padding:0 8px;font-size:var(--text-sm);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.audio-enhance-button{justify-self:end;width:32px;height:32px;border-radius:999px;background:#f0f1f4;color:var(--text-secondary)}.audio-enhance-button.active{background:#ff3b301f;color:#ff3b30}.audio-main-controls{justify-self:center;display:flex;align-items:center;gap:clamp(8px,4cqw,14px)}.audio-skip-button{width:36px;height:36px;position:relative;background:transparent;color:#4b5563}.audio-skip-button em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-top:1px;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-bold)}.audio-play-button{width:40px;height:40px;border-radius:999px;background:var(--charcoal);color:var(--text-inverse)}.audio-play-button .play-triangle{transform:translate(1px)}.audio-play-button:disabled,.audio-skip-button:disabled,.audio-speed-button:disabled,.audio-enhance-button:disabled{opacity:.42;cursor:not-allowed}.audio-player-status{min-height:20px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:var(--text-xs)}.audio-player.mini .audio-player-status,.audio-player.mini .audio-time-row,.audio-player.mini .audio-control-row,.audio-player.mini .audio-speed-button,.audio-player.mini .audio-enhance-button,.audio-player.mini .audio-skip-button{display:none}.audio-player.mini .audio-play-button{width:32px;height:32px}.audio-expand-button{width:28px;height:28px;border:0;border-radius:999px;background:#f0f1f4;color:var(--text-secondary);display:grid;place-items:center}@container (max-width: 380px){.audio-player{padding:12px 12px 9px;border-radius:14px}.audio-waveform-track{height:42px;padding:7px 9px}.audio-control-row{min-height:40px;grid-template-columns:minmax(40px,50px) minmax(0,1fr) minmax(30px,50px)}.audio-main-controls{gap:8px}.audio-speed-button{min-width:42px;height:28px;padding:0 7px;font-size:var(--text-xs)}.audio-enhance-button{width:30px;height:30px}.audio-skip-button{width:32px;height:32px}.audio-play-button{width:38px;height:38px}}@container (max-width: 520px){.detail-top-row{align-items:stretch;gap:10px}.breadcrumb{flex-basis:100%}.detail-actions{width:100%;margin-left:0;justify-content:stretch}.detail-actions button{flex:1 1 0;padding:0 8px}}.note-title-block{margin:26px 0 16px}.note-title-block h2,.note-title-block input{margin:0 0 8px;font-size:var(--text-display-md);font-weight:var(--font-extrabold);letter-spacing:0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.detail-actions{flex:0 1 auto;min-width:0;max-width:100%;justify-content:flex-end;margin-top:0;margin-left:auto}.detail-actions button{flex:0 1 auto;min-width:0;white-space:nowrap;min-height:32px;padding:0 10px;border-radius:8px;font-size:var(--text-xs)}.note-meta-line{flex-wrap:wrap;justify-content:flex-start}.note-meta-line>span{min-height:28px;border:1px solid var(--line);border-radius:999px;background:#f8f9fb;display:inline-flex;align-items:center;gap:6px;padding:0 10px}.note-meta-line>span strong{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-regular)}.note-meta-line>span em{color:var(--text-primary);font-size:var(--text-xs);font-style:normal}.note-folder-meta{position:relative;min-width:0;max-width:min(280px,100%)}.note-folder-chip{height:28px;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;padding:0 9px;font-size:var(--text-xs);font-weight:var(--font-regular)}.note-folder-chip span,.note-folder-picker button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-folder-chip svg{flex:0 0 auto;color:var(--text-secondary)}.note-folder-picker{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(220px,calc(100vw - 48px));max-width:min(220px,calc(100vw - 48px));border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 42px #11182724;padding:6px}.note-folder-picker button{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:8px;min-height:34px;padding:0 8px;text-align:left;font-size:var(--text-sm);font-weight:var(--font-regular)}.note-folder-picker button.selected{background:var(--teal)}.toolbar .ai-process-button,.ai-process-button{background:var(--teal);color:var(--text-primary);border-color:transparent;font-weight:var(--font-regular)}.transcription-options-dialog{width:min(460px,100%);max-width:460px;display:grid;gap:16px;padding:20px}.transcription-options-dialog .modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.transcription-options-dialog .modal-title-row h2{margin:0;color:var(--text-primary);font-size:var(--text-title-sm);font-weight:var(--font-bold);letter-spacing:0}.transcription-options-dialog .modal-title-row p{max-width:340px;margin:5px 0 0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.transcription-options-dialog .close-button{flex:0 0 auto}.transcription-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.transcription-select-field{position:relative;display:grid;gap:7px;min-width:0}.transcription-select-field>span{margin-bottom:0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.transcription-select-trigger{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px 10px;text-align:left;font-size:var(--text-sm)}.transcription-select-trigger>span,.transcription-select-popover button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcription-select-chevron{justify-self:end;color:var(--text-secondary);transform:rotate(90deg);transition:transform .16s ease}.transcription-select-chevron.open{transform:rotate(-90deg)}.transcription-select-popover{position:absolute;z-index:24;top:calc(100% + 6px);left:0;width:min(220px,100%);max-height:216px;overflow:auto;padding:6px;border:0;border-radius:10px;background:#fff;box-shadow:0 14px 32px #11182724}.transcription-select-popover button{width:100%;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 8px;text-align:left;font-size:var(--text-sm)}.transcription-select-popover button svg{justify-self:end;color:var(--text-secondary)}.transcription-select-popover button:hover,.transcription-select-popover button.selected{background:var(--hover-bg)}.transcription-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;border:1px solid var(--line);border-radius:12px;background:#f8f9fb;padding:10px;gap:8px}.transcription-check-list label{min-height:34px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;background:var(--paper);padding:0 9px;color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-tight);cursor:pointer}.transcription-check-list input{width:15px;height:15px;flex:0 0 auto;accent-color:var(--teal)}.transcription-default-toggle{min-height:54px;background:#f8f9fb;padding:8px 10px}.auto-transcribe-copy{min-width:0;display:grid;gap:3px;margin:0}.auto-transcribe-copy strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.auto-transcribe-copy em{overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);font-style:normal;font-weight:var(--font-regular);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.transcription-options-dialog .modal-actions{margin-top:0;padding-top:2px}.transcription-options-dialog .modal-actions button{min-height:38px;border-radius:9px;font-size:var(--text-sm)}.audio-enhance-control{position:relative;justify-self:end;display:grid;place-items:center}.voice-enhancement-popover{position:absolute;z-index:24;top:calc(100% + 8px);right:0;width:168px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 18px 42px #11182724;padding:7px}.voice-enhancement-popover-title{padding:4px 7px 7px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.voice-enhancement-options{display:grid;gap:4px}.voice-enhancement-option{width:100%;min-width:0;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);display:grid;grid-template-columns:minmax(0,1fr) 15px;align-items:center;gap:8px;padding:0 8px;text-align:left;font-size:var(--text-sm);font-weight:var(--font-regular)}.voice-enhancement-option span{min-width:0;text-align:left;white-space:nowrap}.voice-enhancement-option svg{justify-self:end;color:#ff3b30}.voice-enhancement-option:hover,.voice-enhancement-option.selected{background:var(--hover-bg)}.voice-enhancement-option.selected{color:#ff3b30}.note-chat-fab{position:absolute;right:28px;bottom:24px;margin:0;z-index:40;width:52px;height:52px;border:0;border-radius:999px;background:var(--teal);color:var(--text-primary);display:grid;place-items:center;box-shadow:0 14px 30px #1118272e}.note-chat-fab .app-icon{filter:brightness(0) saturate(100%)}.tabs{display:flex;align-items:center;width:100%;max-width:100%;gap:4px;border-bottom:0;margin-top:12px;padding:6px;border-radius:22px;background:var(--paper);box-shadow:0 8px 18px #1118270f;overflow-x:auto}.tabs button{border:0;background:transparent;color:var(--text-secondary);min-height:40px;padding:0 12px;border-bottom:2px solid transparent;border-radius:16px;font-size:var(--text-body);font-weight:var(--font-medium);white-space:nowrap}.tabs button.active{color:var(--text-primary);background:var(--teal);border-bottom-color:transparent;font-weight:var(--font-semibold)}.detail-content{padding-top:16px;width:100%;--detail-text-size: var(--text-body);--detail-text-line-height: var(--leading-reading);--detail-text-weight: var(--font-regular);color:var(--text-primary);font-size:var(--detail-text-size);font-weight:var(--detail-text-weight);line-height:var(--detail-text-line-height)}.rich-text{width:100%;max-width:none;color:var(--text-primary);font:inherit;line-height:inherit}.rich-text p{margin:0 0 14px}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6{margin:22px 0 10px;line-height:var(--leading-tight);letter-spacing:0;color:var(--text-primary)}.rich-text h1:first-child,.rich-text h2:first-child,.rich-text h3:first-child,.rich-text h4:first-child,.rich-text h5:first-child,.rich-text h6:first-child{margin-top:0}.rich-text h1{font-size:var(--text-display-md)}.rich-text h2,.rich-text h3{font-size:var(--text-title-sm)}.rich-text h4,.rich-text h5,.rich-text h6{font-size:var(--text-body)}.rich-text ul,.rich-text ol{display:grid;gap:8px;margin:0 0 16px 22px;padding:0}.rich-text li{padding-left:2px}.rich-text blockquote{margin:0 0 16px;padding:10px 14px;border-left:3px solid var(--teal);background:var(--soft);border-radius:8px;color:var(--text-secondary)}.rich-text code{border-radius:5px;background:#f1f3f4;padding:2px 5px;font-family:var(--font-family-code);font-size:.92em}.rich-text .markdown-code-block{margin:0 0 16px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#f7f8fa;padding:14px}.rich-text .markdown-code-block code{display:block;padding:0;background:transparent;white-space:pre}.rich-text a{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px}.rich-text hr{height:1px;border:0;background:var(--line);margin:22px 0}.rich-text img{display:block;max-width:100%;border-radius:8px;margin:10px 0 16px}.rich-text .task-list-item{display:flex;align-items:flex-start;gap:8px;list-style:none;margin-left:-22px}.rich-text .task-list-item input{width:16px;height:16px;margin-top:6px;accent-color:var(--teal);flex:0 0 auto}.markdown-table-wrap{width:100%;overflow-x:auto;margin:0 0 16px}.markdown-table-wrap table{width:100%;border-collapse:collapse;min-width:420px}.markdown-table-wrap th,.markdown-table-wrap td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.markdown-table-wrap th{background:var(--soft);font-weight:var(--font-bold)}.json-dump{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:16px;max-height:520px;overflow:auto}.note-tab-empty{width:min(520px,100%);min-height:clamp(260px,38vh,430px);max-width:520px;margin:0 auto;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text-secondary);text-align:center;padding:24px}.note-summary-editor{width:100%;max-width:none;min-height:280px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text-primary);padding:14px 16px;resize:vertical;font:inherit;font-size:var(--detail-text-size);line-height:var(--detail-text-line-height)}.note-summary-editor:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ffcc0038;outline:none}.note-tab-empty strong{color:var(--text-primary);font-size:var(--text-body);font-weight:var(--font-medium)}.note-tab-empty p{margin:0;max-width:360px;font-size:var(--text-sm);line-height:var(--leading-chat)}.transcription-processing-banner{margin:18px 0 16px;border:1px solid rgba(255,204,0,.42);border-radius:14px;background:linear-gradient(135deg,#fff9dc,#fff 72%);display:grid;grid-template-columns:54px minmax(0,1fr) minmax(150px,190px);align-items:center;gap:14px;padding:13px 14px;box-shadow:0 10px 24px #1118270d}.transcription-activity,.transcription-empty-animation{display:inline-flex;align-items:center;justify-content:center;gap:4px}.transcription-activity{width:42px;height:42px;border-radius:12px;background:var(--paper);color:var(--text-accent);box-shadow:inset 0 0 0 1px #ffcc006b}.transcription-activity span,.transcription-empty-animation span{width:4px;border-radius:999px;background:var(--teal-dark);animation:transcription-wave .92s ease-in-out infinite}.transcription-activity span{height:14px}.transcription-empty-animation span{height:18px}.transcription-activity span:nth-child(2),.transcription-empty-animation span:nth-child(2){animation-delay:.12s}.transcription-activity span:nth-child(3),.transcription-empty-animation span:nth-child(3){animation-delay:.24s}.transcription-activity span:nth-child(4),.transcription-empty-animation span:nth-child(4){animation-delay:.36s}.transcription-processing-copy{min-width:0;display:grid;gap:3px}.transcription-processing-copy strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.transcription-processing-copy p{margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal)}.transcription-processing-progress{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;color:var(--text-secondary);font-size:var(--text-xs)}.transcription-processing-progress span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcription-processing-progress em{color:var(--text-primary);font-style:normal;font-weight:var(--font-semibold)}.transcription-progress-track{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#edf0f3}.transcription-progress-track i{display:block;width:var(--transcription-progress, 0%);height:100%;border-radius:inherit;background:var(--teal);transition:width .22s ease}.transcription-progress-track.indeterminate i{width:38%;animation:transcription-track-scan 1.25s ease-in-out infinite}.transcription-empty-animation{width:48px;height:48px;border-radius:16px;background:#fff8d8;box-shadow:inset 0 0 0 1px #ffcc0061}.empty-ai-transcription-button{min-height:42px;margin-top:6px;border:0;border-radius:999px;background:var(--teal);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:0 12px 24px #7c5c002e}.empty-ai-transcription-button:hover{background:var(--primary-hover-bg)}.empty-ai-transcription-button .app-icon{padding:2px;border-radius:6px;background:var(--paper)}.insight-example-card{border:1px solid var(--line);border-radius:12px;background:var(--paper)}.insight-list{display:grid;gap:12px;max-width:760px}.insight-card{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px 16px}.insight-card strong{display:block;margin-bottom:6px;font-weight:var(--font-semibold)}.insight-card p{margin:0;color:var(--text-secondary)}.note-tab-panel{display:grid;gap:16px;width:100%;max-width:none;color:var(--text-primary);font-size:var(--detail-text-size);font-weight:var(--detail-text-weight);line-height:var(--detail-text-line-height)}.summary-tab-panel{gap:14px}.note-meta-info-block{display:flex;flex-wrap:wrap;gap:10px}.note-meta-info-block span{min-height:34px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb;display:inline-flex;align-items:center;gap:8px;padding:0 10px}.note-meta-info-block strong{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-regular)}.note-meta-info-block em{color:var(--text-primary);font-size:var(--text-xs);font-style:normal}.note-tag-list{display:flex;flex-wrap:wrap;gap:8px}.note-tag-list.compact{margin-left:auto;gap:6px}.note-tag-list.compact span{height:28px}.note-tag-list span{height:28px;border-radius:999px;background:#f4f5f7;color:var(--text-secondary);display:inline-flex;align-items:center;padding:0 10px;font-size:var(--text-xs)}.ai-mark{display:inline-flex;align-items:center;width:fit-content;gap:6px;color:var(--text-secondary);font-size:var(--text-xs)}.transcript-list{display:grid;gap:16px}.transcript-segment{display:grid;gap:6px}.transcript-segment header{display:flex;align-items:center;gap:8px}.transcript-segment header strong{color:var(--transcript-speaker-title, var(--text-accent));font-size:var(--text-sm);font-weight:var(--font-semibold)}.transcript-segment header span{color:var(--text-secondary);font-size:var(--text-xs)}.transcript-segment p,.transcript-translation{margin:0;padding:12px 14px;border-radius:12px;color:var(--text-primary);font:inherit;line-height:inherit}.transcript-segment p{background:var(--transcript-speaker-bg, #fff8d8)}.transcript-translation{display:grid;gap:6px;background:#f8f9fb}.transcript-translation strong{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.transcript-translation span{display:block}.speaker-summary-list{gap:16px}.speaker-summary-card{border:1px solid rgba(255,204,0,.38);border-radius:16px;background:var(--paper);box-shadow:0 8px 18px #1118270a;padding:18px 20px}.speaker-summary-card header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.speaker-summary-card header span{width:38px;height:38px;border-radius:999px;background:#fff8d8;color:var(--text-accent);display:grid;place-items:center;font-size:var(--text-body)}.speaker-summary-card header strong{color:var(--text-accent);font-size:var(--text-body);font-weight:var(--font-semibold)}.speaker-summary-card p{margin:0;color:var(--text-primary);font:inherit;line-height:inherit}.quote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.quote-grid blockquote{margin:0;padding:18px 20px;border:1px solid rgba(255,204,0,.38);border-radius:16px;background:var(--paper)}.quote-grid blockquote p{margin:0;color:var(--text-primary);font:inherit;font-style:normal;line-height:inherit}.quote-grid blockquote cite{margin-top:12px;display:block;color:var(--text-accent);font-size:var(--text-sm);font-style:normal;text-align:right}.mindmap-preview{min-height:360px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(90deg,rgba(255,204,0,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(255,204,0,.12) 1px,transparent 1px),var(--soft);background-size:34px 34px}.mindmap-preview:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0}.mindmap-preview:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;border-radius:0}.mindmap-canvas{width:100%;min-height:420px;display:block;cursor:grab;touch-action:none}.mindmap-preview:fullscreen .mindmap-canvas{height:100vh;min-height:100vh}.mindmap-preview:-webkit-full-screen .mindmap-canvas{height:100vh;min-height:100vh}.mindmap-canvas:active{cursor:grabbing}.mindmap-link{fill:none;stroke:#111827;stroke-width:1.4;stroke-linecap:round}.mindmap-node rect{fill:var(--paper);stroke:var(--line);stroke-width:1}.mindmap-node.root rect{fill:var(--charcoal);stroke:var(--charcoal)}.mindmap-node-label{width:100%;height:100%;display:grid;place-items:center;padding:0 10px;color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-regular);line-height:1.25;text-align:center;overflow:hidden}.mindmap-node.root .mindmap-node-label{color:var(--text-inverse);font-weight:var(--font-regular)}.mindmap-actions{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:8px}.mindmap-actions button{min-height:32px;border:0;border-radius:999px;background:var(--paper);color:var(--text-primary);box-shadow:0 8px 20px #1118271a;padding:0 12px;font-size:var(--text-xs)}.mindmap-actions button:hover{background:var(--hover-bg)}.mind-root{position:absolute;left:12px;bottom:10px;color:var(--text-secondary);font-size:var(--text-xs);pointer-events:none}.translation-box{max-width:620px;display:grid;gap:14px}.translation-box>div:first-child{display:flex;align-items:center;gap:8px}.templates-center{min-height:0;height:100%;overflow:auto;padding:22px 24px;display:grid;align-content:start;gap:22px;background:var(--paper)}.template-module-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.template-module{min-width:0;border:0;border-radius:0;background:transparent;padding:0}.template-module .section-title-row em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.custom-template-grid,.preset-template-grid{display:grid;gap:10px}.custom-template-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.preset-template-groups{display:grid;gap:18px}.preset-template-group{display:grid;gap:10px}.preset-template-heading{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:var(--text-xs)}.preset-template-heading strong{color:var(--text-primary);font-size:var(--text-body)}.preset-template-heading em{font-style:normal}.preset-template-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.template-card{min-height:142px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.primary-button:disabled,.ask-input button:disabled{cursor:default;opacity:.45}.template-card{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.template-card.active{border-color:#ffe36b;box-shadow:inset 0 0 0 1px #ffe36b}.template-card:hover{border-color:var(--hover-border);box-shadow:var(--hover-shadow)}.template-card-main{min-width:0;border:0;background:transparent;color:var(--text-primary);text-align:left;padding:14px;display:grid;align-content:start;gap:10px}.template-card-icon{width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--text-secondary);display:grid;place-items:center}.template-card-main>span:not(.template-card-icon):not(.template-tag-row){min-width:0}.template-card-main strong,.template-card-main small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.template-card-main strong{font-size:var(--text-sm);white-space:nowrap}.template-card-main small{min-height:34px;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-tag-row{display:flex;flex-wrap:wrap;gap:5px}.template-tag-row em{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:var(--soft);color:var(--text-secondary);padding:3px 6px;font-size:var(--text-xs);font-style:normal}.template-card-actions{min-height:42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 8px}.template-editor-modal{width:min(640px,100%)}.template-editor-modal input[readonly],.template-editor-modal textarea[readonly]{background:#f8f9fb;color:var(--text-primary);cursor:default}.management-grid{overflow:auto;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px}.panel-section{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px}.panel-section h2{margin:0 0 14px;font-size:var(--text-title-sm)}.panel-section h3{margin:22px 0 10px;font-size:var(--text-body)}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title-row h2{margin:0}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:14px}.entity-list,.plan-list{display:grid;gap:8px}.entity-row{min-height:42px;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--soft)}.entity-row.tall{min-height:64px}.entity-row strong,.entity-row small{display:block}.entity-row small,.entity-row em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.plans-grid{min-height:0;height:100%;overflow:auto;grid-template-columns:minmax(0,1fr);align-content:start;background:var(--paper)}.left-compact.right-compact .detail-pane,.left-compact.right-compact .plans-grid,.left-compact.right-compact .templates-center{padding-left:clamp(22px,4vw,56px);padding-right:clamp(22px,4vw,56px)}.plan-grouped-list,.plan-section,.plan-timeline-block{display:grid;gap:12px}.plan-grouped-list{gap:20px}.plan-section-title,.plan-date-heading{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-regular)}.plan-section-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-regular)}.completed-plan-section{gap:8px}.plan-completed-toggle{width:100%;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:0 4px;text-align:left;font-size:var(--text-sm);font-weight:var(--font-regular)}.plan-completed-toggle em{font-style:normal;font-size:var(--text-xs)}.plan-completed-toggle svg{transition:transform .16s ease}.plan-completed-toggle svg.expanded{transform:rotate(90deg)}.plan-source-card{border:0;border-radius:0;background:transparent;padding:0;display:grid;gap:10px}.plan-source-card .plan-list{display:grid;gap:6px}.plan-row{width:100%;min-height:52px;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;text-align:left}.plan-row>span{width:22px;height:22px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center}.plan-row.completed{color:var(--text-secondary)}.plan-row.completed strong{text-decoration:line-through}.plan-row strong{font-weight:var(--font-regular)}.plan-row em{font-size:var(--text-xs);color:var(--text-secondary);font-style:normal;font-weight:var(--font-regular)}.plan-source-note{min-height:46px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb;padding:8px 10px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;color:var(--text-secondary)}.plan-source-note strong,.plan-source-note small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-source-note strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.plan-source-note small{margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:22px;background:#00000047}.modal-sheet{width:min(520px,100%);border-radius:16px;border:0;background:var(--paper);box-shadow:0 24px 70px #0003;padding:18px}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{margin-bottom:16px}.modal-header h2{margin:0;font-size:var(--text-title-sm)}.modal-actions{justify-content:flex-end}.todo-composer-modal{width:min(640px,100%)}.share-export-dialog{width:min(420px,100%);display:grid;gap:14px}.share-export-dialog .modal-header{margin-bottom:0}.share-export-dialog .modal-header p{margin:4px 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.share-export-options{display:grid;gap:8px}.share-export-option{width:100%;min-height:58px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;text-align:left}.share-export-option:hover{border-color:var(--hover-border);background:var(--hover-bg)}.share-export-icon{width:34px;height:34px;border-radius:999px;background:#f0f1f4;color:var(--text-primary);display:grid;place-items:center}.share-export-option strong,.share-export-option em{display:block}.share-export-option strong{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.share-export-option em,.share-export-message{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.share-export-message{min-height:18px;margin:0}.todo-composer-form,.todo-option-panel{display:grid;gap:12px}.todo-input-shell{min-height:62px;display:grid;grid-template-columns:22px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:10px 10px 10px 14px;border-radius:10px;background:var(--soft)}.todo-checkbox{width:22px;height:22px;border:2px solid var(--ink);border-radius:6px}.todo-input-shell input{min-width:0;min-height:40px;border:0;background:transparent;padding:0;font-size:var(--text-body)}.todo-input-shell input:focus{box-shadow:none}.todo-submit-button{width:40px;height:40px;border:0;border-radius:999px;background:var(--charcoal);color:var(--text-inverse);display:grid;place-items:center}.todo-submit-button:disabled{background:#d1d5db;color:var(--text-inverse);cursor:not-allowed}.todo-submit-button .app-spinner{border-color:#ffffff73;border-top-color:var(--text-inverse)}.todo-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.todo-meta-card{min-height:76px;display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;border:0;border-radius:10px;background:var(--soft);color:var(--text-primary);padding:14px;text-align:left}.todo-meta-card.disabled{color:#9ca3af;background:#eef0f4;cursor:not-allowed}.todo-meta-card strong,.todo-meta-card em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-meta-card strong{font-size:var(--text-sm);font-weight:var(--font-medium)}.todo-meta-card em{margin-top:4px;color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.quick-date-row{display:flex;flex-wrap:wrap;gap:8px}.quick-date-row button{min-height:34px;border:0;border-radius:8px;background:#fff8d8;color:var(--text-primary);padding:0 12px}.schedule-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-field-grid label,.schedule-select-list label{min-width:0}.schedule-field-grid input{width:100%}.schedule-select-list{display:grid;overflow:hidden;border-radius:10px;background:var(--soft)}.schedule-select-list label{display:grid;grid-template-columns:20px minmax(70px,1fr) minmax(160px,auto);align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text-primary)}.schedule-select-list label:last-child{border-bottom:0}.schedule-select-list select{min-width:0;border:0;background:transparent;color:var(--text-primary);text-align:right;box-shadow:none}.linked-notes-search{min-height:44px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;border-radius:10px;background:var(--soft);padding:0 12px;color:var(--text-secondary)}.linked-notes-search input{min-width:0;border:0;background:transparent;padding:0}.linked-notes-search input:focus{box-shadow:none}.linked-notes-list{max-height:360px;overflow:auto;display:grid;gap:6px}.linked-note-row{min-height:54px;display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:10px;border:0;border-radius:10px;background:#fff;color:var(--text-primary);padding:10px;text-align:left}.linked-note-row.selected{background:#fff8d8}.linked-note-row strong,.linked-note-row em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-note-row strong{font-size:var(--text-sm);font-weight:var(--font-medium)}.linked-note-row em{margin-top:3px;color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.linked-note-check{width:22px;height:22px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center;color:var(--charcoal);font-size:var(--text-sm)}.search-modal-backdrop{place-items:center;padding:22px}.search-modal-sheet{width:min(720px,calc(100vw - 44px));max-height:min(720px,calc(100vh - 96px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:hidden}.search-modal-input-row{min-height:52px;display:grid;grid-template-columns:24px minmax(0,1fr) auto 34px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:8px 10px 8px 14px}.search-modal-input-row input{min-height:34px;border:0;border-radius:9px;background:transparent;box-shadow:none;padding:6px 0;font-size:var(--text-body)}.search-modal-input-row input:focus{border:0;box-shadow:none}.search-modal-input-row .app-spinner{grid-column:3}.search-modal-input-row .app-icon{padding:0;border-radius:0;background:transparent}.search-modal-input-row .close-button{grid-column:4}.search-results-header{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:var(--text-xs)}.search-results-header span{color:var(--text-primary);font-weight:var(--font-extrabold)}.search-results-header em{font-style:normal}.search-results-list{min-height:260px;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.search-result-row{width:100%;min-height:72px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 12px;text-align:left}.search-result-row:hover,.search-result-row:focus-visible{border-color:var(--hover-border);background:var(--hover-bg);box-shadow:none}.search-result-icon{width:34px;height:34px;border-radius:10px;background:#fdecee;display:grid;place-items:center}.search-result-main{min-width:0;display:grid;gap:4px}.search-result-main strong,.search-result-main small,.search-result-main em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-main strong{font-size:var(--text-sm)}.search-result-main small,.search-result-main em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.search-result-arrow{transform:rotate(180deg);opacity:.48}.profile-page{min-height:0;overflow:auto;padding:22px;display:grid;grid-template-columns:240px minmax(0,1fr);align-content:start;align-items:start;gap:18px;max-width:1120px;width:100%;margin:0 auto}.profile-modal-backdrop{padding:24px}.profile-modal-sheet{width:min(1040px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr)}.profile-modal-sheet>.modal-header{margin-bottom:18px}.profile-modal-sheet .profile-page{max-width:none;min-height:0;height:100%;padding:0;overflow:hidden;align-items:stretch}.profile-modal-sheet .profile-side-nav{position:static;top:auto;min-height:0;height:100%;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.profile-modal-sheet .profile-content-panel{min-height:0;height:100%;overflow:auto}.profile-side-nav,.profile-content-panel{border:1px solid var(--line);border-radius:16px;background:var(--paper)}.profile-side-nav{padding:14px;display:grid;gap:14px;position:sticky;top:18px}.profile-side-user{width:100%;min-height:70px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:10px;padding:10px;text-align:left;cursor:pointer}.profile-side-user.active{border-color:#ffe36b;box-shadow:inset 0 0 0 1px #ffe36b;color:var(--text-accent)}.profile-side-user .profile-avatar{width:44px;height:44px;grid-row:span 2}.profile-side-user strong,.profile-side-user em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-side-user strong{font-size:var(--text-sm)}.profile-side-user em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.profile-side-nav nav{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto}.profile-side-nav nav button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;text-align:left}.profile-side-nav nav button.active{border-color:#ffe36b;box-shadow:inset 0 0 0 1px #ffe36b;color:var(--text-accent);font-weight:var(--font-bold)}.profile-side-section{display:block;margin:8px 2px 0;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold)}.profile-side-nav nav span,.profile-side-nav nav em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-side-nav nav em{color:var(--text-secondary);font-size:var(--text-xs);font-style:normal}.profile-content-panel{min-height:520px;padding:18px}.profile-content-header{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:18px}.profile-content-header h2{margin:0;font-size:var(--text-title-sm)}.profile-content-stack{display:grid;gap:12px}.profile-header-card,.profile-membership-card,.profile-info-card,.profile-menu-group{width:100%;border:0;border-radius:16px;background:var(--paper);box-shadow:0 8px 22px #0000000b}.profile-header-card{min-height:96px;display:flex;align-items:center;gap:16px;padding:20px;color:var(--text-primary);text-align:left}.profile-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--paper);border:1px solid var(--line);flex:0 0 auto}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar img[src="/happyrec-logo.png"]{width:70%;height:70%;object-fit:contain}.profile-identity{min-width:0;flex:1;display:grid;gap:4px}.profile-identity strong{font-size:var(--text-title-sm);font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-identity em{color:var(--text-secondary);font-size:var(--text-sm);font-style:normal}.profile-identity small{min-width:0;color:var(--text-secondary);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-card{align-items:center;border:1px solid var(--line);box-shadow:none}.account-profile-avatar{width:64px;height:64px}.account-detail-card{border:1px solid var(--line);box-shadow:none}.account-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-detail-grid span{min-width:0;border-radius:12px;background:#f8f9fb;display:grid;gap:5px;padding:12px}.account-detail-grid strong,.account-detail-grid em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-detail-grid strong{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.account-detail-grid em{color:var(--text-primary);font-size:var(--text-sm);font-style:normal;font-weight:var(--font-bold)}.profile-arrow{transform:rotate(180deg);opacity:.56}.profile-membership-card{min-height:120px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;color:var(--text-inverse);text-align:left;background:linear-gradient(135deg,#3b82f6,#4e8af9);box-shadow:0 14px 34px #3b82f638}.profile-membership-card.premium{background:linear-gradient(135deg,#fc0,#ffe36b);color:#1f2937;box-shadow:0 14px 34px #ffcc0038}.profile-membership-card span,.profile-membership-card em,.profile-membership-card strong,.profile-membership-card small{display:block}.profile-membership-card em{font-style:normal;font-size:var(--text-sm);font-weight:var(--font-bold);opacity:.92}.profile-membership-card strong{margin-top:12px;font-size:var(--text-title-sm);font-weight:var(--font-extrabold)}.profile-membership-card small{margin-top:6px;font-size:var(--text-xs);opacity:.82}.profile-membership-card b{border-radius:999px;padding:6px 14px;background:#ffffff29;font-size:var(--text-xs);white-space:nowrap}.profile-info-card{padding:16px}.profile-card-row,.profile-link-row,.profile-storage-head,.profile-menu-item{display:flex;align-items:center}.profile-card-row{justify-content:space-between;gap:12px}.profile-card-row span{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm)}.profile-card-row button{border:1px solid var(--amber);border-radius:14px;background:#fff7ed;color:var(--text-accent);padding:5px 12px;font-size:var(--text-xs);font-weight:var(--font-bold)}.language-toggle-group{display:inline-flex;align-items:center;gap:6px;padding:3px;border-radius:16px;background:var(--soft)}.profile-card-row .language-toggle-group button{border:0;background:transparent;color:var(--text-secondary)}.profile-card-row .language-toggle-group button.active{background:var(--paper);color:var(--text-primary);box-shadow:0 4px 12px #00000014}.profile-link-row{justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;color:#666;font-size:var(--text-sm)}.profile-storage-head{justify-content:space-between;gap:12px;font-size:var(--text-sm)}.profile-storage-head em{color:#666;font-style:normal;font-weight:var(--font-medium)}.profile-info-card p{margin:6px 0 8px;color:#666;font-size:var(--text-xs)}.profile-storage-bar{height:6px;border-radius:999px;background:#f0f0f0;overflow:hidden}.profile-storage-bar i{display:block;height:100%;border-radius:inherit;background:var(--amber)}.profile-info-card small{display:block;margin-top:7px;color:#666;font-size:var(--text-xs)}.profile-info-card small.warning{color:var(--coral)}.membership-center{gap:14px}.membership-user-row{display:flex;align-items:center;gap:10px}.membership-user-row strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-body)}.membership-user-row em{min-height:28px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--amber));color:var(--text-primary);display:inline-flex;align-items:center;gap:5px;padding:0 10px;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-extrabold)}.membership-user-row .profile-avatar{width:36px;height:36px}.membership-storage-card{border-color:var(--line)}.membership-tier-tabs{min-height:46px;border:1px solid var(--line);border-radius:999px;background:var(--paper);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px}.membership-tier-tabs button{border:0;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.membership-tier-tabs button.active{background:var(--teal);color:var(--text-primary)}.membership-basic-card{border-radius:18px;background:linear-gradient(135deg,#2563eb,#4f8cff);color:var(--paper);padding:18px;box-shadow:0 14px 28px #2563eb2e}.membership-basic-card span,.membership-basic-card strong,.membership-basic-card p{display:block}.membership-basic-card span{width:fit-content;border-radius:999px;background:#ffffff29;padding:4px 9px;font-size:var(--text-xs);font-weight:var(--font-bold)}.membership-basic-card strong{margin-top:12px;font-size:var(--text-title-sm)}.membership-basic-card p{margin:6px 0 0;font-size:var(--text-sm);line-height:1.5}.membership-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.membership-package-card{position:relative;min-height:150px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--text-primary);display:grid;justify-items:start;align-content:start;gap:7px;padding:16px;text-align:left}.membership-package-card.selected{border-color:var(--teal);box-shadow:0 0 0 3px #fc03}.membership-package-card:not(.selected):hover,.payment-provider-button:not(.active):hover{border-color:var(--hover-border);box-shadow:var(--hover-shadow)}.membership-package-card>em{position:absolute;top:10px;right:10px;border-radius:999px;background:#fff8d8;color:var(--text-accent);padding:3px 8px;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-extrabold)}.membership-package-card span{padding-right:44px;color:var(--text-secondary);font-size:var(--text-sm)}.membership-package-card strong{font-size:var(--text-display-md);line-height:1.1}.membership-package-card del,.membership-package-card small,.membership-package-card p{color:var(--text-secondary);font-size:var(--text-xs)}.membership-package-card p{margin:0;line-height:var(--leading-normal)}.membership-benefit-list{border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}.membership-benefit-list header,.membership-benefit-row{display:flex;align-items:center}.membership-benefit-list header{justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--line)}.membership-benefit-list header strong,.membership-benefit-list header small{display:block}.membership-benefit-list header strong{font-size:var(--text-body)}.membership-benefit-list header small{margin-top:3px;color:var(--text-secondary);font-size:var(--text-xs)}.membership-benefit-list header em{border-radius:999px;background:#f4f5f7;color:var(--text-secondary);padding:5px 9px;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-bold)}.membership-benefit-row{min-height:64px;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(229,231,235,.7)}.membership-benefit-row:last-of-type{border-bottom:0}.membership-benefit-row>span{width:40px;height:40px;border-radius:12px;background:#ffcc0024;display:grid;place-items:center}.membership-benefit-row strong{flex:1;font-size:var(--text-sm)}.membership-benefit-row em{min-width:76px;border-radius:999px;background:#fff8d8;color:var(--text-accent);padding:6px 9px;text-align:center;font-size:var(--text-xs);font-style:normal;font-weight:var(--font-extrabold)}.membership-benefit-row.unsupported{color:var(--text-secondary)}.membership-benefit-row.unsupported>span,.membership-benefit-row.unsupported em{background:#f4f5f7;color:var(--text-secondary)}.membership-benefit-list>p{margin:0;background:#eef5ff;color:#1d4ed8;padding:14px 18px;font-size:var(--text-xs);line-height:1.5;font-weight:var(--font-semibold)}.membership-cta-button{min-height:46px;border:0;border-radius:12px;background:var(--teal);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:var(--text-body);font-weight:var(--font-extrabold)}.membership-cta-button:disabled{cursor:default;opacity:.48}.payment-message{margin:0;border-radius:10px;background:#eefbf5;color:#0f8f5f;padding:10px 12px;font-size:var(--text-sm)}.payment-message.error{background:#fff1f2;color:var(--coral)}.payment-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#11182757;display:grid;place-items:end center;padding:24px}.payment-confirm-sheet{width:min(460px,100%);border:0;border-radius:22px;background:var(--paper);box-shadow:0 28px 70px #11182738;display:grid;gap:14px;padding:18px}.payment-confirm-sheet header,.payment-confirm-sheet footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-confirm-sheet header strong,.payment-confirm-sheet header small,.payment-order-card small,.payment-order-card strong,.payment-order-card em{display:block}.payment-confirm-sheet header strong{font-size:var(--text-title-sm)}.payment-confirm-sheet header small{margin-top:3px;color:var(--text-secondary);font-size:var(--text-xs)}.payment-order-card{border-radius:16px;background:linear-gradient(135deg,#fff8d8,#fffdf2);padding:16px}.payment-order-card small{color:var(--text-accent);font-size:var(--text-xs);font-weight:var(--font-extrabold)}.payment-order-card strong{margin-top:8px;font-size:var(--text-title-sm)}.payment-order-card em{margin-top:8px;color:var(--text-primary);font-size:var(--text-display-md);font-style:normal;font-weight:var(--font-black)}.payment-provider-list{display:grid;gap:10px}.payment-provider-button{min-height:66px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:10px;padding:12px;text-align:left}.payment-provider-button span{grid-row:1 / span 2;width:38px;height:38px;border-radius:12px;background:#ffcc0029;display:grid;place-items:center}.payment-provider-button strong,.payment-provider-button small{min-width:0;overflow-wrap:anywhere}.payment-provider-button strong{font-size:var(--text-sm)}.payment-provider-button small{color:var(--text-secondary);font-size:var(--text-xs)}.payment-provider-button.active{border-color:var(--teal);box-shadow:0 0 0 3px #ffcc002e}.payment-confirm-sheet footer{justify-content:flex-end;flex-wrap:wrap}.hardware-access-intro{min-height:92px;display:flex;align-items:center;gap:14px}.hardware-access-intro span,.hardware-access-intro strong,.hardware-access-intro small{display:block}.hardware-access-intro strong{font-size:var(--text-body);font-weight:var(--font-bold)}.hardware-access-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hardware-access-form label{display:grid;gap:8px}.hardware-access-form label span{margin:0}.hardware-access-form input,.hardware-access-form select,.hardware-access-form textarea{min-height:42px}.hardware-access-description,.hardware-access-message,.hardware-access-form button{grid-column:1 / -1}.hardware-access-form textarea{min-height:132px}.hardware-access-message{margin:0;color:var(--coral);font-size:var(--text-sm)}.hardware-access-message.success{color:#0f8f5f}.profile-about-card{min-height:88px;display:flex;align-items:center;gap:14px}.profile-about-card img{width:48px;height:48px;object-fit:contain}.profile-about-card strong,.profile-about-card small{display:block}.profile-about-card small{margin-top:4px}.profile-menu-section{display:grid;gap:10px;margin-top:6px}.profile-menu-section h2{margin:0 0 0 4px;font-size:var(--text-body);font-weight:var(--font-medium)}.profile-menu-group{overflow:hidden;display:grid}.profile-menu-item{min-height:56px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-primary);padding:0 16px;gap:12px;text-align:left}.profile-menu-item:last-child{border-bottom:0}.profile-menu-item strong{flex:1;font-size:var(--text-body);font-weight:var(--font-semibold)}.profile-menu-item em{color:var(--text-secondary);font-size:var(--text-sm);font-style:normal}.ai-switch-item{min-height:64px}.ai-switch-item.active{background:#fffdf2}.ai-switch-state{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-bold)}.ai-switch-item.active .ai-switch-state{color:var(--text-accent)}.ai-switch-track{width:46px;height:28px;border-radius:999px;background:#d7dbe2;display:flex;align-items:center;padding:3px;transition:background .16s ease}.ai-switch-track i{width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:0 2px 8px #1118272e;transition:transform .16s ease}.ai-switch-item.active .ai-switch-track{background:var(--teal)}.ai-switch-item.active .ai-switch-track i{transform:translate(18px)}.profile-action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.membership-layout{overflow:auto;padding:22px;display:grid;gap:18px}.membership-hero{min-height:170px;border-radius:18px;background:radial-gradient(circle at 88% 20%,rgba(255,204,0,.35),transparent 30%),linear-gradient(135deg,#111827,#000);color:var(--text-inverse);padding:24px;display:grid;grid-template-columns:1fr 330px;align-items:end;gap:18px}.membership-hero h2{margin:12px 0 8px;font-size:var(--text-display-md)}.storage-meter strong,.storage-meter span{display:block}.storage-meter span{height:9px;border-radius:999px;background:#ffffff2e;margin-top:12px;overflow:hidden}.storage-meter i{display:block;height:100%;background:linear-gradient(90deg,#fc0,#e45a38)}.package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.package-card{min-height:140px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px}.package-card span,.package-card strong{display:block}.package-card strong{margin:12px 0;font-size:var(--text-display-md)}.device-note p{color:var(--text-secondary);line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-grid span{display:block;border-radius:12px;background:var(--soft);padding:14px}.stat-grid strong,.stat-grid em{display:block}.stat-grid strong{font-size:var(--text-title-sm)}.stat-grid em{color:var(--text-secondary);font-style:normal;font-size:var(--text-xs)}.me-actions{display:flex;flex-wrap:wrap;gap:10px}.ask-panel{grid-column:5;grid-row:2;border-left:0;border-right:0;padding:14px 14px 14px 24px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;min-height:0;height:100%}.ask-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ask-panel-title{min-width:0;display:inline-flex;align-items:center;gap:8px}.ask-panel-title-icon{flex:0 0 auto}.ask-panel h2{margin:0;font-size:var(--text-title-sm)}.ask-panel-toggle{margin-left:auto}.ask-panel-toggle{border:1px solid var(--line);background:var(--paper)}.right-compact .ask-panel{padding:12px 16px 12px 12px;grid-template-rows:auto;overflow:hidden;justify-items:stretch}.right-compact .ask-panel header{justify-content:flex-end;width:100%}.right-compact .ask-panel-toggle{width:44px;height:44px;margin-left:auto;border-radius:12px}.ask-folder-row{display:grid;grid-template-columns:minmax(0,220px) 44px;gap:8px;align-items:center;position:relative}.ask-note-scope{min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;grid-template-columns:20px minmax(0,1fr) 26px;align-items:center;gap:7px;padding:0 7px 0 10px}.ask-note-scope span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:var(--text-sm)}.ask-note-scope button{width:24px;height:24px;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);display:grid;place-items:center}.ask-folder-trigger,.folder-manage-button{min-height:34px;padding:7px 10px;border-radius:9px;font-size:var(--text-sm)}.ask-folder-trigger{width:100%;max-width:220px;border:1px solid var(--line);background:var(--paper);color:var(--text-primary);display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;text-align:left}.ask-folder-trigger span,.ask-folder-popover button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-folder-chevron{justify-self:end;color:var(--text-secondary);transform:rotate(90deg);transition:transform .16s ease}.ask-folder-chevron.open{transform:rotate(-90deg)}.ask-folder-popover{position:absolute;z-index:35;top:calc(100% + 6px);left:0;width:min(220px,calc(100% - 52px));max-height:min(260px,42vh);overflow:auto;padding:6px;border:0;border-radius:10px;background:#fff;box-shadow:0 14px 32px #11182724}.ask-folder-popover button{width:100%;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;text-align:left;font-size:var(--text-sm)}.ask-folder-popover button:hover,.ask-folder-popover button.selected{background:var(--hover-bg)}.folder-manage-button{width:44px;height:34px;min-height:34px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;padding:0}.folder-manage-button.compact{width:34px}.folder-manager-modal{width:min(600px,100%)}.folder-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:14px}.folder-create-form input{min-height:42px}.folder-manager-list{display:grid;gap:8px;max-height:min(440px,58vh);overflow:auto;padding-right:2px}.folder-manager-row{min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr) 34px 34px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:8px 10px}.folder-manager-row>span:nth-child(2){min-width:0}.folder-manager-row strong,.folder-manager-row small{display:block}.folder-manager-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.folder-manager-row small{margin-top:2px;color:var(--text-secondary);font-size:var(--text-xs)}.folder-manager-row input{min-height:34px;padding:7px 10px;border-radius:9px}.icon-button:disabled{cursor:default;opacity:.38}.close-button{position:relative}.close-button span,.close-button span:after{content:"";position:absolute;width:14px;height:2px;border-radius:999px;background:currentColor}.close-button span{transform:rotate(45deg)}.close-button span:after{top:0;right:0;bottom:0;left:0;transform:rotate(90deg)}.chat-stream{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.chat-bubble{max-width:88%;border-radius:13px;padding:12px 13px;background:#fff;border:1px solid var(--line);align-self:flex-start;font-size:var(--text-body);line-height:var(--leading-chat)}.chat-bubble.user{background:#fff8d8;border-color:#ffe36b;align-self:flex-end}.chat-bubble.error{border-color:#e45a3866;color:#c62828}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-markdown .rich-text{max-width:none;font-size:var(--text-body);line-height:var(--leading-chat)}.chat-markdown .rich-text p{margin:0 0 10px}.chat-markdown .rich-text p:last-child{margin-bottom:0}.chat-markdown .rich-text h1,.chat-markdown .rich-text h2,.chat-markdown .rich-text h3,.chat-markdown .rich-text h4,.chat-markdown .rich-text h5,.chat-markdown .rich-text h6{margin:10px 0 6px;font-size:var(--text-body);font-weight:var(--font-semibold)}.chat-markdown .rich-text h1:first-child,.chat-markdown .rich-text h2:first-child,.chat-markdown .rich-text h3:first-child,.chat-markdown .rich-text h4:first-child,.chat-markdown .rich-text h5:first-child,.chat-markdown .rich-text h6:first-child{margin-top:0}.chat-markdown .rich-text ul,.chat-markdown .rich-text ol{gap:6px;margin:0 0 10px 18px}.chat-markdown .rich-text blockquote{margin:0 0 8px;padding:7px 10px}.chat-markdown .rich-text .markdown-code-block{margin:0 0 8px;padding:10px}.chat-bubble span{display:block;margin-top:6px;color:var(--text-secondary);font-size:var(--text-xs)}.tool-status{display:none}.ask-input{display:grid;grid-template-columns:1fr auto;gap:6px;padding-top:2px}.ask-input input{min-height:38px;padding:8px 11px;border-radius:9px;font-size:var(--text-sm)}.ask-input button{border:0;border-radius:9px;background:var(--teal);color:var(--text-primary);min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:var(--text-sm);font-weight:var(--font-extrabold)}.ask-input button .app-icon{width:16px!important;height:16px!important;filter:brightness(0) saturate(100%)}.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--text-secondary);border:1px dashed var(--line);border-radius:14px;padding:18px}.empty-state strong{color:var(--text-primary)}.empty-state p{margin:0;max-width:330px;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.loading-rows{display:grid;gap:12px}.loading-rows span{height:18px;border-radius:999px;background:linear-gradient(90deg,#f3f4f8,#fff,#f3f4f8);animation:pulse 1.2s infinite}.loading-rows span:nth-child(2){width:78%}.loading-rows span:nth-child(3){width:58%}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes app-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes selected-note-return-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes breathe{0%,to{transform:scale(.94);box-shadow:0 10px 28px #fc03}50%{transform:scale(1);box-shadow:0 16px 38px #ffcc0057}}@keyframes pulse{50%{opacity:.48}}@keyframes transcription-wave{0%,to{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1.35);opacity:1}}@keyframes transcription-pulse{70%{box-shadow:0 0 0 8px #fc00}to{box-shadow:0 0 #fc00}}@keyframes transcription-track-scan{0%{transform:translate(-115%)}to{transform:translate(260%)}}@media (max-width: 540px){.login-shell{width:min(464px,calc(100vw - 32px));padding:72px 16px 32px}.login-top-actions{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));max-width:calc(100vw - 28px)}.login-site-entry,.login-language-button{min-height:34px;padding:0 10px;font-size:var(--text-xs)}.login-language-button{min-width:50px}.transcription-option-grid,.transcription-check-list,.membership-package-grid,.hardware-access-form,.account-detail-grid{grid-template-columns:minmax(0,1fr)}.transcription-options-dialog .modal-title-row p{max-width:calc(100vw - 118px)}.transcription-processing-banner{grid-template-columns:42px minmax(0,1fr)}.transcription-processing-progress{grid-column:1 / -1}.payment-sheet-backdrop{align-items:end;padding:10px}.payment-confirm-sheet{border-radius:18px}.payment-confirm-sheet footer{display:grid;grid-template-columns:minmax(0,1fr)}}@media (max-width: 1260px){.workspace{grid-template-columns:var(--left-width, 250px) 12px minmax(0,1fr) 12px var(--right-width, 330px)}.notes-layout{grid-template-columns:var(--note-list-width, 252px) 11px minmax(0,1fr)}}