:root{--glass-bg: rgba(255, 255, 255, .38);--glass-border: rgba(255, 255, 255, .65);--glass-shine: rgba(255, 255, 255, .35);--glass-shadow: 0 20px 50px rgba(60, 72, 140, .18);--glass-orb-1: #9fb8ff;--glass-orb-2: #e6a8ff;--glass-orb-3: #7890ff;--bg-gradient: linear-gradient( to right top, #ffffff, #e6e5fe, #c6cdfe, #9fb8ff, #7890ff );--surface: #ffffff;--surface-alt: #f8fafc;--surface-muted: #f1f5f9;--surface-hover: rgba(0, 0, 0, .05);--surface-panel: var(--surface);--surface-input: var(--surface);--surface-floating: var(--surface);--note-card-bg: transparent;--note-card-hover: transparent;--border: #e2e8f0;--border-soft: #eef2f6;--border-strong: #d1d1d1;--text-base: #000000;--text-strong: #1e293b;--text: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--text-faint: #cbd5e1;--primary-color: #7890ff;--primary-soft: #eef1ff;--on-primary: #ffffff;--success: #16a34a;--success-soft: #ecfdf5;--success-icon: #4caf50;--danger: #ef4444;--danger-soft: #fef2f2;--highlight: #facc15;--on-highlight: #1a1a1a;--overlay: rgba(0, 0, 0, .5);--shadow-panel: 0 8px 32px 0 rgba(31, 38, 135, .37);--shadow-panel-soft: 0 0px 16px 0 rgba(31, 38, 135, .3);--shadow-card: 0 2px 8px 0 rgba(63, 68, 138, .3);--shadow-card-drag: 0 10px 24px 0 rgba(63, 68, 138, .45);--scrollbar: var(--primary-color)}:root[data-theme=dark]{--glass-bg: rgba(40, 40, 46, .45);--glass-border: rgba(255, 255, 255, .09);--glass-shine: rgba(255, 255, 255, .06);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .45);--glass-orb-1: #3b42a8;--glass-orb-2: #5a2f7a;--glass-orb-3: #26306e;color-scheme:dark;--bg-gradient: linear-gradient( to right top, #121214, #121214, #141416, #17171a, #1a1a1e );--surface: #1a1a1e;--surface-alt: #1a1a1e;--surface-muted: #222225;--surface-hover: rgba(255, 255, 255, .04);--surface-panel: #1a1a1e;--surface-input: #222327;--surface-floating: #252429;--note-card-bg: #222225;--note-card-hover: #2c2c30;--border: #29292d;--border-soft: #29292d;--border-strong: #323237;--text-base: #efeff1;--text-strong: #fbfbfb;--text: #efeff1;--text-muted: #abacb2;--text-subtle: #96979e;--text-faint: #81828a;--primary-color: #5865f2;--primary-soft: rgba(88, 101, 242, .2);--on-primary: #ffffff;--success: #45a366;--success-soft: rgba(69, 163, 102, .15);--success-icon: #45a366;--danger: #da3e44;--danger-soft: rgba(218, 62, 68, .15);--highlight: #f0b232;--on-highlight: #121214;--overlay: rgba(0, 0, 0, .7);--shadow-panel: 0 8px 16px 0 rgba(0, 0, 0, .32);--shadow-panel-soft: 0 0px 16px 0 rgba(0, 0, 0, .4);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 0 rgba(0, 0, 0, .08);--shadow-card-drag: 0 8px 16px 0 rgba(0, 0, 0, .45);--scrollbar: #323237}:root[data-theme=sunset]{--glass-bg: rgba(255, 250, 243, .36);--glass-border: rgba(255, 255, 255, .6);--glass-shine: rgba(255, 255, 255, .35);--glass-shadow: 0 20px 50px rgba(150, 70, 50, .18);--glass-orb-1: #ffb08a;--glass-orb-2: #d9a3d6;--glass-orb-3: #f6a192;--bg-gradient: linear-gradient( to right top, #fff7ed, #ffe1cc, #ffc4a8, #f6a192, #d9a3d6 );--surface: #fffaf3;--surface-alt: #fdf3e8;--surface-muted: #f9ebdd;--surface-hover: rgba(120, 60, 40, .06);--border: #f0dccb;--border-soft: #f5e6d8;--border-strong: #e6c9b4;--text-base: #2e1c16;--text-strong: #2e1c16;--text: #4a2f27;--text-muted: #7d5646;--text-subtle: #a07a69;--text-faint: #dcc3b3;--primary-color: #c2553a;--primary-soft: #fbe4dc;--on-primary: #ffffff;--success: #3f8a4a;--success-soft: #e8f3e3;--success-icon: #3f8a4a;--danger: #c0392b;--danger-soft: #fde8e4;--highlight: #f5b841;--on-highlight: #2e1c16;--overlay: rgba(46, 28, 22, .5);--shadow-panel: 0 8px 32px 0 rgba(150, 70, 50, .28);--shadow-panel-soft: 0 0px 16px 0 rgba(150, 70, 50, .25);--shadow-card: 0 2px 8px 0 rgba(150, 70, 50, .22);--shadow-card-drag: 0 10px 24px 0 rgba(150, 70, 50, .35);--scrollbar: var(--primary-color)}[data-theme-preview]{display:inline-block;flex-shrink:0;width:20px;height:20px;border-radius:50%;box-sizing:border-box;border:2px solid}[data-theme-preview=classic]{background:linear-gradient(135deg,#fff,#c6cdfe,#7890ff);border-color:#7890ff}[data-theme-preview=dark]{background:linear-gradient(135deg,#252429,#1a1a1e,#121214);border-color:#5865f2}[data-theme-preview=sunset]{background:linear-gradient(135deg,#fff7ed,#ffc4a8,#d9a3d6);border-color:#c2553a}@media(prefers-reduced-motion:no-preference){.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important}}:root{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;-webkit-user-select:text;user-select:text}h1,h2,h3,h4,h5,h6,p{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background-image:var(--bg-gradient);color:var(--text-base);margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar);border-radius:5px}::-webkit-scrollbar-button{display:none}.main-container{height:100vh;height:100dvh;display:grid;grid-template-columns:auto 1fr;gap:48px}@media(max-width:768px){.main-container{display:block;gap:0px}}.app-version{position:fixed;left:16px;bottom:12px;z-index:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-strong);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.app-version{left:10px;bottom:max(4px,env(safe-area-inset-bottom));font-size:10px}}.note-stage{position:relative;min-width:0;height:100vh;height:100dvh}@media(min-width:769px){.no-active-note{inset:14px 14px 14px 0}}@media(max-width:768px){.note-stage{position:absolute;top:0;left:0;width:100%}}.note-c-container{position:relative;display:flex;justify-self:end;flex-direction:column;height:100vh;height:100dvh;width:100%;box-shadow:var(--shadow-panel);background-color:var(--surface);overflow:hidden}@media(min-width:769px){.note-c-container{width:calc(100% - 14px);height:calc(100vh - 28px);height:calc(100dvh - 28px);margin:14px 14px 14px 0;border-radius:16px;box-shadow:0 10px 30px #0f172a1f}}.note-c-container.is-launching{will-change:transform,clip-path,opacity,filter}@media(min-width:769px){.note-c-container.is-launching{z-index:3}}.note-c-container:after{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px;background:color-mix(in srgb,var(--surface) 25%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px 0 0 8px;pointer-events:none;z-index:5}.note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px 0 20px;box-sizing:border-box;border-bottom:1px solid var(--border-soft);background-color:var(--surface-alt);flex-shrink:0}.save-status{display:flex;min-width:0;overflow:hidden;align-items:center;gap:6px;font-size:.75rem;color:var(--text-subtle);white-space:nowrap}.note-toolbar .action-btn{background:transparent;border-color:transparent;box-shadow:none;padding:6px}.note-toolbar .action-btn:hover,.note-toolbar .action-btn[aria-expanded=true],.note-toolbar .action-btn[aria-pressed=true]{transform:none;background-color:var(--primary-soft);border-color:transparent;color:var(--primary-color)}.note-toolbar .copy-btn.is-copied{background-color:var(--success-soft);color:var(--success)}.note-heading{width:100%;max-width:calc(var(--reading-width) + 40px);margin-inline:auto;padding:20px 20px 0;box-sizing:border-box;flex-shrink:0}.loading-icon{color:var(--text-muted);animation:spin 1s linear infinite}.check-icon{color:var(--success-icon)}.title-input{width:100%;padding:0;font-size:1.5rem;line-height:1.25;font-weight:600;letter-spacing:-.02em;color:var(--text-strong);border:none;outline:none;background-color:transparent;font-family:inherit;text-overflow:ellipsis}.title-input::placeholder{color:var(--text-faint)}.note-c-container{--reading-width: 720px}.thinking-list{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:20px;box-sizing:border-box}.thinking-item{padding:12px;box-sizing:border-box;border-left:1px solid var(--border-strong)}.thinking-input,.thinking-input-edit{width:100%;min-height:120px;padding:12px 16px;box-sizing:border-box;font-size:1rem;line-height:1.5;color:var(--text);background-color:var(--surface-input);border:2px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000d;resize:vertical;outline:none;transition:border .2s ease}.composer{width:100%;max-width:var(--reading-width);margin-inline:auto;box-sizing:border-box;display:flex;align-items:flex-end;gap:6px;flex-shrink:0;padding:6px 6px 6px 16px;background-color:var(--surface-input);border:1px solid var(--border);border-radius:22px;box-shadow:0 1px 3px #0f172a0d;cursor:text;transition:border-color .2s ease,box-shadow .2s ease}.composer:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.composer-input{flex:1;min-width:0;min-height:24px;max-height:min(12rem,30vh);margin:0 0 5px;padding:0;overflow-y:auto;resize:none;border:none;outline:none;background:transparent;font-family:inherit;font-size:1rem;line-height:1.5;color:var(--text)}.composer-input::placeholder{color:var(--text-subtle)}.composer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.composer-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:50%;background-color:var(--primary-color);color:var(--on-primary);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.composer-send.is-empty{opacity:.35;cursor:default}.composer-hint{flex-shrink:0;width:100%;max-width:var(--reading-width);max-height:0;margin:8px auto 0;padding-left:16px;box-sizing:border-box;overflow:hidden;opacity:0;font-size:.72rem;color:var(--text-subtle);transition:opacity .2s ease,max-height .2s ease,margin .2s ease}.thinking-list:has(.composer:focus-within) .composer-hint{max-height:20px;margin:10px auto 6px;opacity:1}@media(pointer:coarse){.composer-hint{display:none}.composer{margin-top:12px;margin-inline:auto}}.composer .dictation-btn{width:34px;height:34px;padding:0;border-radius:50%;border-color:transparent;background:transparent;box-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.composer .dictation-btn,.composer-send{width:40px;height:40px}.composer-input{margin-bottom:8px}}.dictation-message{width:100%;max-width:var(--reading-width);margin:6px auto 0;padding-inline:4px;box-sizing:border-box;font-size:.85rem;color:var(--text-muted);animation:dictationFadeIn .2s ease-out}.dictation-message.is-error{color:var(--danger)}@keyframes dictationFadeIn{0%{opacity:0}to{opacity:1}}.composer .dictation-btn:hover{transform:none;color:var(--primary-color);background-color:var(--primary-soft)}.composer .dictation-btn.is-listening{color:var(--on-primary);background-color:var(--primary-color);border-color:var(--primary-color);animation:dictationPulse 1.6s ease-out infinite}@keyframes dictationPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--primary-color) 45%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--primary-color) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.dictation-btn.is-listening{animation:none}}.thinking-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary-color) 10%,transparent);background-color:var(--surface-alt)}.thinking-input::placeholder{color:var(--text-subtle);font-style:italic}.thinking-text-container{--thinking-pad-y: 5px;--thinking-line: 1.55;position:relative;display:flex;flex-shrink:0;align-items:flex-start;gap:8px;padding:var(--thinking-pad-y) 12px var(--thinking-pad-y) 28px;border-radius:8px;transition:background-color .2s ease}.thinking-text-container:before{content:"";position:absolute;left:12px;top:calc(var(--thinking-pad-y) + .95rem * var(--thinking-line) / 2 - 3px);width:6px;height:6px;border-radius:50%;background-color:var(--primary-color);transition:background-color .2s ease,box-shadow .2s ease}.thinking-text-container:hover{background-color:var(--surface-muted)}.thinkings-container{counter-reset:thinking}:root[data-bullet=line] .thinking-text-container{padding-left:16px}:root[data-bullet=line] .thinking-text-container:before{top:3px;bottom:3px;left:4px;width:2px;height:auto;border-radius:2px}:root[data-bullet=number] .thinking-text-container{counter-increment:thinking;padding-left:34px}:root[data-bullet=number] .thinking-text-container:before{content:counter(thinking);top:var(--thinking-pad-y);left:4px;width:22px;height:auto;border-radius:4px;background:none;font-size:.78rem;font-weight:600;line-height:calc(.95rem * var(--thinking-line));text-align:right;font-variant-numeric:tabular-nums;color:var(--primary-color)}:root[data-bullet=number] .thinking-has-match:before{box-shadow:none;background-color:var(--highlight);color:var(--on-highlight)}:root[data-bullet=none] .thinking-text-container{padding-left:12px}:root[data-bullet=none] .thinking-text-container:before{display:none}.thinking-text{width:100%;font-size:.95rem;line-height:var(--thinking-line);color:var(--text);white-space:pre-wrap;word-wrap:break-word;border:none;outline:none;background-color:transparent;min-width:0;box-sizing:border-box}.thinking-actions{position:relative;display:flex;align-items:flex-start;align-self:stretch;gap:2px;flex-shrink:0;margin:-3px -6px -3px 0;padding-left:8px;opacity:0;pointer-events:none;transition:opacity .15s ease}.thinking-actions:before{content:"";position:absolute;left:0;top:7.5%;width:1px;height:85%;background-color:color-mix(in srgb,var(--primary-color) 45%,transparent)}.thinking-text-container:hover .thinking-actions,.thinking-actions:focus-within{opacity:1;pointer-events:auto}.thinking-actions .action-btn{padding:5px;background:transparent;border-color:transparent;box-shadow:none}.thinking-actions .action-btn:hover{transform:none;background-color:var(--primary-soft);border-color:transparent;color:var(--primary-color)}.thinking-actions .action-btn.delete:hover{background-color:var(--danger-soft);color:var(--danger)}.thinking-actions .copy-btn.is-copied{color:var(--success)}.action-btn{background:var(--surface);border:1px solid var(--border);padding:5px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.action-btn:hover{transform:translateY(-1px)}.action-btn.edit:hover{color:var(--primary-color);border-color:var(--primary-color)}.action-btn.delete:hover{color:var(--danger);border-color:var(--danger)}@keyframes expandWidth{0%{width:0}to{width:100%}}.no-active-note{position:absolute;inset:0;display:grid;place-items:center;padding:16px;box-sizing:border-box;overflow:hidden;transition:opacity .45s ease .15s,transform .45s cubic-bezier(.32,.72,0,1) .15s,filter .45s ease .15s,visibility 0s}.note-stage.has-note .no-active-note{opacity:0;transform:scale(.96);filter:blur(6px);visibility:hidden;transition:opacity 0s .5s,transform 0s .5s,filter 0s .5s,visibility 0s .5s}.no-active-note-orbs{position:absolute;inset:0;pointer-events:none}.no-active-note-orbs span{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7}.no-active-note-orbs span:nth-child(1){width:260px;height:260px;left:18%;top:14%;background:var(--glass-orb-1);animation:orb-drift-1 14s ease-in-out infinite alternate}.no-active-note-orbs span:nth-child(2){width:220px;height:220px;right:14%;top:34%;background:var(--glass-orb-2);animation:orb-drift-2 17s ease-in-out infinite alternate}.no-active-note-orbs span:nth-child(3){width:180px;height:180px;left:40%;bottom:8%;background:var(--glass-orb-3);animation:orb-drift-3 12s ease-in-out infinite alternate}.note-stage.has-note .no-active-note-orbs span{animation-play-state:paused}@keyframes orb-drift-1{to{transform:translate(60px,40px) scale(1.1)}}@keyframes orb-drift-2{to{transform:translate(-70px,-30px) scale(.9)}}@keyframes orb-drift-3{to{transform:translate(-40px,-50px) scale(1.15)}}.no-active-note-card{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;padding:28px 36px 22px;box-sizing:border-box;overflow:hidden;text-align:center;font-size:1.1rem;font-style:italic;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.no-active-note-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,var(--glass-shine),transparent 45%);pointer-events:none}.no-active-note-card p{margin:0}.ascii-art{margin:18px 0 0;border:none;font-size:13px;line-height:16px;font-style:normal;-webkit-user-select:none;user-select:none;color:var(--text-muted)}@media(max-width:768px){.no-active-note-card{padding:22px 20px 18px;font-size:1rem}.ascii-art{font-size:10px;line-height:13px}}@media(prefers-reduced-motion:reduce){.no-active-note,.note-stage.has-note .no-active-note{transform:none;filter:none;transition:none}.no-active-note-orbs span{animation:none}}@media(max-width:768px){.note-c-container{top:0;position:absolute;height:100vh;height:100dvh}.note-toolbar{min-height:56px;padding-left:88px}.note-heading{padding-top:28px}.title-input{font-size:1.35rem}.thinking-list{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@keyframes eclipse-fade{0%{clip-path:circle(0% at 50% 50%);background-color:#0000}to{background-color:#000000b3;clip-path:circle(150% at 50% 50%)}}.note-deleting{position:relative;overflow:hidden;pointer-events:none;transition:transform .5s ease;transform:scale(.98)}.note-deleting:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:eclipse-fade 1s forwards ease-in-out;z-index:10}.thinkings-container{display:flex;flex-direction:column;gap:0;padding-inline:max(0px,(100% - var(--reading-width)) / 2);flex-grow:1;overflow-y:auto}.search-inline{display:flex;align-items:center}.search-field{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:0;height:30px;margin-right:0;padding:0;border:1px solid transparent;border-radius:8px;background-color:var(--surface);overflow:hidden;opacity:0;transition:width .35s cubic-bezier(.25,1,.5,1),padding .35s cubic-bezier(.25,1,.5,1),margin-right .35s cubic-bezier(.25,1,.5,1),opacity .2s ease,border-color .2s ease}.search-inline.open .search-field{width:min(240px,45vw);margin-right:4px;padding:0 10px;border-color:var(--border);opacity:1}.search-inline.open .search-field.no-results{border-color:var(--danger)}.search-input,.search-input:focus,.search-input:focus-visible{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:.85rem}.search-count{flex-shrink:0;min-width:18px;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600;text-align:center;background-color:var(--primary-soft);color:var(--primary-color)}.search-field.no-results .search-count{background-color:var(--danger-soft);color:var(--danger)}@media(prefers-reduced-motion:reduce){.search-field{transition:none}}.thinking-highlight{background:var(--highlight);color:var(--on-highlight);border-radius:2px;padding:0 2px}.thinking-has-match:before{background-color:var(--highlight);box-shadow:0 0 0 3px color-mix(in srgb,var(--highlight) 30%,transparent)}.title-actions{display:flex;align-items:center;gap:2px}.copy-btn:hover{color:var(--primary-color);border-color:var(--primary-color)}.copy-btn.is-copied{color:var(--success);border-color:var(--success)}.download-menu{display:flex;flex-direction:column;gap:2px;padding:6px}.download-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:.8rem;text-align:left;cursor:pointer}.download-menu button:hover:not(:disabled){background:var(--surface-muted);color:var(--primary-color)}.download-menu button:disabled{cursor:progress;opacity:.7}.note-info{position:relative;display:flex}.note-info-toggle[aria-expanded=true],.note-info-toggle:hover{color:var(--primary-color);border-color:var(--primary-color)}.note-info-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:20;padding:10px 14px;background:var(--surface-floating);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0f172a14;font-size:.8rem;font-weight:400;white-space:nowrap;animation:dictationFadeIn .15s ease-out}.note-info-popover:before{content:"";position:absolute;top:-5px;right:10px;width:8px;height:8px;background:var(--surface-floating);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.note-info-popover dl{display:flex;flex-direction:column;gap:8px;margin:0}.note-info-popover dt{font-size:.7rem;color:var(--text-subtle)}.note-info-popover dd{margin:0;color:var(--text)}.composer.has-images{flex-wrap:wrap;border-radius:18px}.composer.has-images .composer-input{min-width:120px}.image-tray{display:flex;flex:0 0 100%;flex-wrap:wrap;gap:8px;margin:4px 0 6px;padding:0;list-style:none}.image-tray-item{position:relative;width:64px;height:64px;border-radius:10px;overflow:visible}.image-tray-item img,.image-tray-placeholder{width:100%;height:100%;border-radius:10px;border:1px solid var(--border);object-fit:cover;background-color:var(--surface-muted)}.image-tray-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.image-tray-remove{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:50%;background-color:var(--surface-floating);color:var(--text);cursor:pointer;box-shadow:0 1px 3px #0003}.image-tray-remove:hover{color:var(--danger);border-color:var(--danger)}.image-tray-remove:focus-visible,.image-thumb-btn:focus-visible,.image-viewer-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(pointer:coarse){.image-tray-remove{width:26px;height:26px}}.thinking-text-container.is-image{align-items:flex-start}.image-thinking{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.image-grid{display:grid;gap:6px;max-width:480px}.image-grid.count-1{grid-template-columns:minmax(0,1fr)}.image-grid.count-2,.image-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid.count-3,.image-grid.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.image-grid-item{position:relative;min-width:0}.image-thumb-btn{display:block;width:100%;padding:0;border:none;border-radius:10px;background:none;cursor:zoom-in}.image-grid-item img,.image-thumb-placeholder{display:block;width:100%;aspect-ratio:1;border-radius:10px;border:1px solid var(--border);object-fit:cover;background-color:var(--surface-muted)}.image-grid.count-1 .image-grid-item img{aspect-ratio:auto;max-height:240px;width:auto;max-width:100%;object-fit:contain}.image-grid.count-1 .image-thumb-placeholder{aspect-ratio:4 / 3;max-width:240px}.image-thumb-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;box-sizing:border-box;font-size:.72rem;text-align:center;color:var(--text-muted)}.image-thumb-placeholder.is-error{color:var(--text-subtle)}.image-thumb-frame{position:relative;display:block}.image-thumb-frame:not(.is-loaded) img{position:absolute;inset:0;opacity:0}.image-thumb-frame.is-loaded img{animation:thumbFadeIn .2s ease-out}.image-thumb-placeholder .loading-icon{opacity:0;animation:spin 1s linear infinite,thumbFadeIn .2s ease-out .3s forwards}@keyframes thumbFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.image-thumb-frame.is-loaded img{animation:none}}.thinking-unsupported{font-style:italic;color:var(--text-muted)}.image-thinking-edit{display:flex;flex-direction:column;gap:6px}.image-thinking-hint{margin:0;font-size:.8rem;color:var(--text-muted)}.image-thinking-edit-actions{display:flex;justify-content:flex-end;gap:8px}.image-thinking-edit-actions button{padding:6px 14px;border-radius:8px;font:inherit;font-size:.85rem;cursor:pointer}.image-thinking-edit-actions .btn-secondary{border:1px solid var(--border);background-color:var(--surface);color:var(--text)}.image-thinking-edit-actions .btn-primary{border:1px solid var(--primary-color);background-color:var(--primary-color);color:var(--on-primary)}.image-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:none;background:transparent;overflow:hidden}.image-viewer::backdrop{background-color:#000000d9}.image-viewer[open]{display:flex;align-items:center;justify-content:center;animation:dictationFadeIn .15s ease-out}.image-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;touch-action:pan-y}.image-viewer-stage img{max-width:90vw;max-height:90dvh;object-fit:contain;border-radius:6px;user-select:none;-webkit-user-select:none}.image-viewer .image-unavailable{color:#fff}.image-viewer-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:50%;background-color:#0000008c;color:#fff;cursor:pointer}.image-viewer-btn:hover{background-color:#000c}.image-viewer-close{top:16px;right:16px}.image-viewer-prev{left:16px;top:50%;transform:translateY(-50%)}.image-viewer-next{right:16px;top:50%;transform:translateY(-50%)}.image-viewer-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:999px;background-color:#0000008c;color:#fff;font-size:.85rem}@media(prefers-reduced-motion:reduce){.image-viewer[open]{animation:none}}@keyframes slideInBounce{0%{opacity:20%;transform:translateY(-50%) translate(-100%)}60%{transform:translateY(-50%) translate(10px)}80%{transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-container{width:min(330px,calc(100vw - 40px));height:85vh;height:85dvh;padding:20px 0;box-sizing:border-box;position:relative;z-index:2;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;background:var(--surface-panel);border-radius:0 22px 22px 0;box-shadow:var(--shadow-panel);animation:slideInBounce .6s ease-out;transition:width var(--sidebar-ease),height var(--sidebar-ease),top var(--sidebar-ease),padding var(--sidebar-ease),box-shadow var(--sidebar-ease);--sidebar-ease: .45s cubic-bezier(.32, .72, 0, 1)}.sidebar-container.collapsed{top:calc(10% + 22px);align-self:start;width:80px;height:120px;padding:0}.sidebar-container.collapsed .sidebar-options{flex:1;padding:0}.sidebar-collapsed-content{animation:sidebar-collapsed-in .3s ease-out .15s both}@keyframes sidebar-collapsed-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sidebar-container,.sidebar-collapsed-content{transition:none;animation:none}}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;touch-action:none;-webkit-tap-highlight-color:transparent;background-color:color-mix(in srgb,var(--overlay) 60%,transparent);opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.32,.72,0,1)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-container{z-index:1;transition:width var(--sidebar-ease),height var(--sidebar-ease),top var(--sidebar-ease),padding var(--sidebar-ease),box-shadow var(--sidebar-ease),z-index 0s linear .45s}.sidebar-container:not(.collapsed){z-index:41;transition-delay:0s}.sidebar-container.collapsed{top:28px;box-shadow:var(--shadow-panel-soft);width:76px;height:44px;padding:0}.sidebar-container.collapsed .sidebar-options{padding:0 6px 0 0}.sidebar-container.collapsed .sidebar-user-info{padding:4px}.sidebar-container.collapsed .sidebar-user-avatar{width:28px;height:28px}.sidebar-container.collapsed .circular-button{width:30px;height:30px}.sidebar-container.collapsed .circular-button svg{width:18px;height:18px}.sidebar-container .sidebar-collapsed-content{flex-direction:row;justify-content:space-between;gap:4px}}.sidebar-options{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 20px 0 0;gap:12px}.sidebar-user-section{min-width:0}.sidebar-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.sidebar-collapsed-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:8px}.sidebar-avatar-only{display:flex;align-items:center;justify-content:center}.circular-button{width:34px;height:34px;border-radius:50%;background-color:var(--primary-color);color:var(--on-primary);border:none;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.sidebar-notes-list{display:flex;flex-direction:column;gap:12px;padding:12px 0;overflow-y:auto;overflow-x:hidden;position:relative;height:100%}.sidebar-user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px;border-radius:0 12px 12px 0;transition:background-color .2s}.sidebar-user-info:hover{background-color:var(--surface-hover)}.sidebar-user-avatar,.sidebar-user-icon{flex-shrink:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.sidebar-user-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.spinner-icon{animation:spin 1s linear infinite;color:var(--text-subtle)}@keyframes fade-in-reorder-status{0%{opacity:0}to{opacity:1}}.sidebar-reorder-status{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;color:var(--text-subtle);flex-shrink:0;animation:fade-in-reorder-status .15s ease-out}.sidebar-reorder-error{color:var(--danger);font-weight:500}.sidebar-footer{position:relative;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:4px 16px 0}.sidebar-empty-notes{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 16px;text-align:center;animation:fade-in-reorder-status .3s ease-out}.sidebar-empty-title{margin:0;font-size:14px;font-weight:500;color:var(--text-muted)}.sidebar-empty-hint{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:12px;color:var(--text-subtle)}@media(prefers-reduced-motion:reduce){.sidebar-container,.sidebar-backdrop{transition:none}}@keyframes expandToActive{0%{width:275px}50%{width:290px}to{width:275px;background-color:var(--primary-color);color:var(--on-primary)}}.note-item-container{display:flex;justify-content:center;box-sizing:border-box;align-items:center;width:230px;height:80px;padding:12px 16px;border-radius:0 12px 12px 0;border-top:1px solid var(--border-strong);background-color:var(--note-card-bg);box-shadow:var(--shadow-card);font-size:large;transition:width .2s ease;position:relative;z-index:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer}.note-item-container.dragging{width:275px;z-index:10;cursor:grabbing;scale:1.02;opacity:.95;box-shadow:var(--shadow-card-drag)}.note-item-container p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.note-item-container:hover{width:275px;background-color:var(--note-card-hover);padding:12px 16px}.note-item-container.active{justify-content:center;padding:12px 16px;animation:expandToActive .3s ease forwards}.note-item-actions{position:absolute;top:10px;left:10px}@keyframes spawnNote{0%{width:0px;background-color:var(--text-muted);opacity:.5;transform:translate(-10px)}to{width:230px;background-color:var(--border-strong);opacity:1;transform:translate(0)}}.loading{background-color:var(--border-strong);color:var(--text-strong);display:flex;gap:10px;animation:spawnNote .8s cubic-bezier(.25,1,.5,1) forwards;transform-origin:left center;overflow:hidden;pointer-events:none;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-icon{animation:spin 1s linear infinite;flex-shrink:0}.notes-skeleton{display:flex;flex-direction:column;gap:12px;mask-image:linear-gradient(to bottom,#000 55%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent)}@keyframes skeleton-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.note-item-container.note-skeleton{justify-content:flex-start;overflow:hidden;cursor:default;pointer-events:none;background-color:color-mix(in srgb,var(--text) 6%,var(--note-card-bg));box-shadow:none;opacity:0;animation:skeleton-enter .45s cubic-bezier(.25,1,.5,1) forwards}.note-item-container.note-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text) 9%,transparent) 50%,transparent 80%);transform:translate(-100%);animation:skeleton-shimmer 1.6s ease-in-out infinite;animation-delay:inherit}.note-skeleton-line{display:block;height:12px;border-radius:6px;background-color:color-mix(in srgb,var(--text) 14%,transparent)}@media(prefers-reduced-motion:reduce){.note-item-container.note-skeleton{animation:none;opacity:1}.note-item-container.note-skeleton:after{animation:none;display:none}}@keyframes note-enter{0%{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}.note-item-container.entering{animation:note-enter .8s cubic-bezier(.25,1,.5,1) calc(var(--enter-index, 0) * 70ms + .1s) backwards}.note-item-container.active.entering{animation:note-enter .8s cubic-bezier(.25,1,.5,1) calc(var(--enter-index, 0) * 70ms + .1s) backwards,expandToActive .3s ease forwards}@keyframes skeleton-leave{to{opacity:0}}.notes-skeleton.leaving{position:absolute;top:12px;left:0;right:0;pointer-events:none;animation:skeleton-leave .5s ease-out forwards}@media(prefers-reduced-motion:reduce){.note-item-container.entering{animation:none}.note-item-container.active.entering{animation:expandToActive .3s ease forwards}.notes-skeleton.leaving{display:none}}.profile-modal-overlay{position:fixed;inset:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.profile-modal-content{background:var(--surface-floating);border-radius:8px;padding:20px;max-width:400px;width:90%;position:relative;box-shadow:0 4px 6px #0000001a}.profile-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted)}.profile-modal-close:hover{color:var(--text)}.profile-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:16px}.profile-name{font-size:1.5rem;margin:0 0 8px;color:var(--text)}.profile-email{font-size:1rem;color:var(--text-muted);margin:0 0 20px}.profile-logout-btn{background-color:var(--danger);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem}.profile-logout-btn:hover{background-color:color-mix(in srgb,var(--danger) 85%,black)}@media(max-width:768px){.profile-modal-overlay{align-items:flex-start;justify-content:flex-start}.profile-modal-content{width:100vw;height:100vh;height:100dvh;max-width:none;border-radius:0;padding:40px 20px}.profile-modal-close{top:20px;right:20px}.profile-avatar{width:100px;height:100px}.profile-name{font-size:2rem}.profile-email{font-size:1.2rem}.profile-logout-btn{padding:12px 24px;font-size:1.1rem}}.customize{display:flex}.customize-toggle{position:relative}.customize-toggle:after{content:"";position:absolute;inset:-4px}.customize-toggle[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 30%,transparent)}@keyframes customize-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.customize-panel{position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;z-index:30;max-height:min(480px,calc(100dvh - 120px));overflow-x:hidden;overflow-y:auto;padding:6px;box-sizing:border-box;background:var(--surface-floating);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-panel);animation:customize-panel-in .12s ease-out}@keyframes customize-page-forward{0%{opacity:0;transform:translate(24px)}}@keyframes customize-page-back{0%{opacity:0;transform:translate(-24px)}}.customize-page--forward{animation:customize-page-forward .22s cubic-bezier(.32,.72,0,1)}.customize-page--back{animation:customize-page-back .22s cubic-bezier(.32,.72,0,1)}.customize-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 0 4px 10px}.customize-title{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}.customize-back{display:flex;align-items:center;gap:4px;min-width:0;margin-left:-6px;padding:6px 8px 6px 2px;border:none;border-radius:8px;background:transparent;color:var(--text-strong);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.customize-back:hover,.customize-expand:hover,.customize-row:hover{background:var(--surface-hover)}.customize-expand{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.customize-expand:hover{color:var(--primary-color)}.customize-row{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer}.customize-row-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color)}.customize-row-label{flex:1 0 auto}.customize-row-value{min-width:0;overflow:hidden;font-size:.8rem;color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap}.customize-row-chevron{flex-shrink:0;color:var(--text-subtle)}.custom-options{display:flex;flex-direction:column;gap:2px}.custom-option{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;text-align:left;cursor:pointer;transition:opacity .15s ease}.custom-option:hover{background:var(--surface-hover)}.customize-row:focus-visible,.customize-back:focus-visible,.customize-expand:focus-visible,.custom-option:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.custom-option-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.custom-option-label{flex:1}.custom-option[aria-checked=true] .custom-option-label,.custom-option--main .custom-option-label{font-weight:600;color:var(--text-strong)}.custom-option-description{font-size:.75rem;line-height:1.35;color:var(--text-muted)}.custom-option-check{flex-shrink:0;color:var(--primary-color)}.custom-option.is-dimmed{opacity:.5}.custom-radio{position:relative;flex-shrink:0;width:16px;height:16px;border:2px solid var(--border-strong);border-radius:50%;box-sizing:border-box;transition:border-color .15s ease}.custom-radio:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--primary-color);transform:scale(0);transition:transform .15s ease}.custom-option[aria-checked=true] .custom-radio{border-color:var(--primary-color)}.custom-option[aria-checked=true] .custom-radio:after{transform:scale(1)}.custom-switch{position:relative;flex-shrink:0;width:30px;height:18px;border-radius:999px;background:var(--border-strong);transition:background .15s ease}.custom-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.custom-option[aria-checked=true] .custom-switch{background:var(--primary-color)}.custom-option[aria-checked=true] .custom-switch:after{transform:translate(12px)}.bullet-glyph{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--surface-muted);color:var(--primary-color);font-size:.78rem;font-weight:700}.bullet-glyph:before{content:"";background:var(--primary-color)}.bullet-glyph--dot:before{width:6px;height:6px;border-radius:50%}.bullet-glyph--line:before{width:2px;height:16px;border-radius:2px}.bullet-glyph--number:before,.bullet-glyph--none:before{display:none}.customize-modal{width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:none;border-radius:18px;background:var(--surface-floating);color:var(--text);box-shadow:var(--shadow-panel);overflow:hidden}.customize-modal[open]{animation:customize-modal-in .25s cubic-bezier(.32,.72,0,1)}.customize-modal::backdrop{background:color-mix(in srgb,var(--overlay, rgba(15, 23, 42, .5)) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes customize-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.customize-modal-body{display:grid;grid-template-columns:320px 1fr;max-height:calc(100dvh - 48px)}.customize-modal-options{overflow-y:auto;padding:14px 10px 18px;border-right:1px solid var(--border-soft)}.customize-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 6px 10px}.customize-modal-header h2{margin:0;font-size:1.1rem;color:var(--text-strong)}.customize-modal-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--surface-muted);color:var(--text-muted);cursor:pointer}.customize-modal-close:hover{color:var(--text-strong)}.customize-modal-options section{margin-top:12px}.customize-modal-options h3{margin:0 10px 4px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}.customize-preview{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;background:var(--bg-gradient)}.customize-preview-label{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.customize-preview-stage{position:relative;display:flex;flex:1;flex-direction:column;gap:12px;min-height:0}.customize-preview-card{align-self:flex-start;width:150px;padding:10px 14px;border-radius:0 12px 12px 0;border-top:1px solid var(--border-strong);background:var(--surface-panel);box-shadow:var(--shadow-card);font-size:.85rem;color:var(--text)}.customize-preview-note{flex:1;padding:14px 10px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-panel-soft)}.customize-preview-title{margin:0 0 8px 12px;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.customize-preview-play{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:7px 14px;border:none;border-radius:999px;background:var(--surface);color:var(--text);font-family:inherit;font-size:.8rem;box-shadow:var(--shadow-card);cursor:pointer}.customize-preview-play:hover{color:var(--primary-color)}.customize-preview-play:focus-visible,.customize-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:768px){.custom-option,.customize-row{min-height:44px}.customize-modal{width:100%;max-height:85dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.customize-modal[open]{animation-name:customize-sheet-in}.customize-modal-body{grid-template-columns:1fr;max-height:85dvh}.customize-modal-options{padding-bottom:calc(18px + env(safe-area-inset-bottom));border-right:none}.customize-preview{display:none}}@keyframes customize-sheet-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.customize-panel,.customize-page--forward,.customize-page--back,.customize-modal[open]{animation:none}.custom-radio,.custom-radio:after,.custom-switch,.custom-switch:after,.custom-option{transition:none}}