@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #191919;--bg-warm: #1D1C1A;--surface: #252523;--surface-hover: #2E2D2B;--surface-active: #3B3A37;--surface-glass: rgba(37, 37, 35, .82);--glass-blur: blur(16px);--border: #2E2D2B;--border-hover: #3B3A37;--border-focus: #514F4C;--text: #EBEBEA;--text-body: #9E9E99;--text-muted: #747470;--text-ghost: #2E2D2B;--accent: #EBEBEA;--accent-dim: rgba(235, 235, 234, .06);--accent-gradient: linear-gradient(135deg, #EBEBEA 0%, #D2D2D0 100%);--green: #2FCC6A;--green-dim: rgba(47, 204, 106, .1);--red: #E05550;--red-dim: rgba(224, 85, 80, .1);--yellow: #D4A82E;--yellow-dim: rgba(212, 168, 46, .1);--type-text: #3B3A37;--type-code: #2FCC6A;--type-url: #6BA3D9;--selection: rgba(235, 235, 234, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .24);--radius-sm: 6px;--radius-md: 8px;--serif: "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--touch-target: 44px;--sheet-radius: 16px;--sheet-backdrop: rgba(0, 0, 0, .4);--toolbar-height: 44px;--bottom-tab-height: 56px;--header-height: 48px;--sheet-z: 100;--dropdown-z: 90}:root.light{--bg: #FFFFFF;--bg-warm: #FAFAFA;--surface: #FFFFFF;--surface-hover: #F4F4F5;--surface-active: #E4E4E7;--surface-glass: rgba(255, 255, 255, .8);--border: #E4E4E7;--border-hover: #D4D4D8;--border-focus: #A1A1AA;--text: #09090B;--text-body: #52525B;--text-muted: #71717A;--text-ghost: #F4F4F5;--accent: #18181B;--accent-dim: rgba(24, 24, 27, .05);--accent-gradient: linear-gradient(135deg, #18181B 0%, #27272A 100%);--green: #16A34A;--green-dim: rgba(22, 163, 74, .06);--red: #DC2626;--red-dim: rgba(220, 38, 38, .06);--yellow: #CA8A04;--yellow-dim: rgba(202, 138, 4, .06);--type-text: #E4E4E7;--type-code: #16A34A;--type-url: #2563EB;--selection: rgba(24, 24, 27, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-glass: 0 4px 24px rgba(0, 0, 0, .05)}:root.font-sm{font-size:13px}:root.font-lg{font-size:16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;overflow:hidden}*{-webkit-tap-highlight-color:transparent}body{font-family:var(--sans);font-size:15px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100%;min-height:0;overflow:hidden}::selection{background:var(--selection)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-body) 78%,transparent);opacity:1}.title-xl{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.3}.title-lg{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.3}.title-md{font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.4}.body{font-family:var(--serif);font-size:14px;font-weight:400;line-height:1.6}.body-sm{font-family:var(--sans);font-size:13px;font-weight:400;line-height:1.5}.label{font-family:var(--mono);font-size:11px;font-weight:400;line-height:1.4}.label-sm{font-family:var(--mono);font-size:10px;font-weight:400;line-height:1.4}.label-xs{font-family:var(--mono);font-size:9px;font-weight:500;line-height:1.3;text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text-body);padding:6px 14px;font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text)}.btn-default{border-color:var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text-body)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn-primary:hover{border-color:color-mix(in srgb,var(--accent) 80%,#ffffff 20%);background:color-mix(in srgb,var(--accent) 88%,#ffffff 12%);opacity:1}.btn-danger{border-color:var(--red);color:var(--red);background:transparent}.btn-danger:hover{background:var(--red);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 2px var(--surface)}*{scrollbar-width:none}::-webkit-scrollbar{display:none;width:0;height:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cardEnter{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flash{0%{background-color:var(--accent-dim)}to{background-color:transparent}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.2,0,.2,1)}.animate-fade-up{animation:fadeUp .25s cubic-bezier(.2,0,.2,1)}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.2,0,.2,1)}.animate-fade-in-left{animation:fadeInLeft .25s cubic-bezier(.2,0,.2,1)}.animate-card-enter{animation:cardEnter .35s cubic-bezier(.2,0,.2,1)}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.2,0,.2,1)}.view-container{max-width:640px;margin:0 auto;padding:24px 16px}.view-container--wide{max-width:720px;margin:0 auto;padding:24px 16px}.view-header{margin-bottom:20px}.view-header h2{margin:0 0 4px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--text)}.view-subtitle{margin:0;font-family:var(--sans);font-size:13px;color:var(--text-body)}.empty-state{text-align:center;padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted)}.empty-state-title{margin:0;font-family:var(--serif);font-size:16px;color:var(--text)}.empty-state-hint{margin:0;font-family:var(--sans);font-size:13px;color:var(--text-body);max-width:360px;line-height:1.5}.section-header{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text-body);text-transform:uppercase;letter-spacing:.5px;margin:0}.section h3{margin:0 0 20px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--text)}.section{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 88%,var(--bg-warm));padding:18px 20px;box-shadow:var(--shadow-sm)}.field{margin-bottom:20px}.field-label{display:block;font-family:var(--sans);font-size:13px;color:var(--text-body);margin-bottom:6px}.field-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 92%,var(--bg));color:var(--text);font-family:var(--sans);font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.field-input:focus{border-color:var(--accent);background:var(--surface)}.field-input-short{max-width:120px}.field-value{font-family:var(--mono);font-size:13px;color:var(--text-muted);padding:8px 0}.field-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 92%,var(--bg));color:var(--text);font-family:var(--sans);font-size:14px;outline:none;cursor:pointer}.field-select:focus{border-color:var(--accent)}.field-hint{font-family:var(--sans);font-size:13px;color:var(--text-body);line-height:1.5;margin:0 0 20px}.field-range{width:100%;accent-color:var(--accent);cursor:pointer}.range-value{font-family:var(--mono);font-size:13px;color:var(--text-body);margin-left:8px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 88%,transparent);overflow:hidden}.seg-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;min-height:30px;border:none;border-right:1px solid var(--border);background:none;color:var(--text-muted);font-family:var(--sans);font-size:13px;cursor:pointer;transition:all .15s ease}.seg-btn:last-child{border-right:none}.seg-btn:hover{color:var(--text);background:var(--surface-hover)}.seg-btn.active{color:var(--accent);background:var(--accent-dim)}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row .field-label{margin-bottom:0}.toggle{position:relative;width:40px;height:22px;border:1px solid var(--border-hover);border-radius:11px;background:var(--surface-hover);cursor:pointer;padding:0;transition:all .15s ease}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:all .15s ease}.toggle.on .toggle-thumb{left:20px;background:#fff}.kb-table{width:100%;border-collapse:collapse;margin-bottom:16px}.kb-table th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:1px solid var(--border)}.kb-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-family:var(--sans);font-size:13px;color:var(--text)}.kb-table kbd{background:var(--surface-hover);border:1px solid var(--border-hover);border-radius:4px;padding:2px 8px;font-family:var(--mono);font-size:12px;color:var(--text)}.separator{color:var(--text-muted);font-size:11px}.capturing{color:var(--accent);font-style:italic;font-size:12px;animation:pulse 1s infinite}.rebind-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-family:var(--sans);font-size:11px;padding:3px 10px;cursor:pointer;transition:all .15s ease}.rebind-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.rebind-btn:disabled{opacity:.4;cursor:default}.reset-btn{font-size:12px;padding:6px 14px}.warning{background:var(--red-dim);color:var(--red);padding:8px 12px;font-family:var(--sans);font-size:12px;margin-bottom:12px;border:1px solid var(--red)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--surface);border:1px solid var(--border);font-family:var(--sans);font-size:12px;color:var(--text-body)}.tag-remove{display:inline-flex;align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;margin-left:2px}.tag-remove:hover{color:var(--red)}.tag-input-row{display:flex;gap:8px}.tag-input-row .field-input{flex:1}.tag-input-row .btn{flex-shrink:0}.status-row{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.status-dot.connected{background:var(--green)}.status-text{font-family:var(--sans);font-size:13px;color:var(--text-body)}.spaces-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.space-row{display:flex;align-items:center;gap:8px}.space-name-input{flex:1;min-width:0}.color-swatches{display:flex;gap:4px}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:all .1s ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text);box-shadow:0 0 0 1px var(--bg)}.space-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}:root.light .section{background:color-mix(in srgb,var(--surface) 92%,var(--bg-warm))}.space-delete-btn:hover:not(:disabled){color:var(--red);border-color:var(--red)}.space-delete-btn:disabled{opacity:.3;cursor:default}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.editable-span.svelte-193nchg{display:block;outline:none;border:none;box-shadow:none;background:transparent;min-height:24px;min-width:1px;word-break:break-word;flex:1;caret-color:var(--accent);font-family:var(--sans);line-height:1.55;transition:color .15s ease}.editable-span.svelte-193nchg:empty:before{content:attr(data-placeholder);color:var(--text-ghost);font-style:italic;pointer-events:none}.callout-block.svelte-173440a{position:relative;display:flex;align-items:flex-start;gap:8px;background:var(--surface, #252523);border-left:3px solid var(--accent, #EBEBEA);border-radius:0 8px 8px 0;padding:10px 12px;width:100%;margin:2px 0;box-sizing:border-box}.callout-emoji.svelte-173440a{background:none;border:none;font-size:18px;cursor:pointer;padding:0;flex-shrink:0;line-height:1;transition:transform .1s}.callout-emoji.svelte-173440a:hover{transform:scale(1.2)}.emoji-picker.svelte-173440a{position:absolute;top:-8px;left:36px;background:var(--surface-hover, #2E2D2B);border:1px solid var(--border, #2E2D2B);border-radius:8px;padding:6px;display:flex;gap:4px;z-index:10;box-shadow:0 4px 16px #0000004d}.emoji-picker.svelte-173440a button:where(.svelte-173440a){background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background .1s}.emoji-picker.svelte-173440a button:where(.svelte-173440a):hover{background:var(--surface, #3B3A37)}.code-block.svelte-ldrggd{background:var(--surface, #252523);border:1px solid var(--border, #2E2D2B);border-radius:8px;overflow:hidden;width:100%;margin:2px 0}.code-header.svelte-ldrggd{display:flex;align-items:center;padding:4px 10px;background:var(--surface-hover, #2E2D2B);border-bottom:1px solid var(--border, #2E2D2B)}.lang-badge.svelte-ldrggd{background:none;border:none;color:var(--text-muted, #747470);font-family:var(--mono, monospace);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .1s}.lang-badge.svelte-ldrggd:hover{background:var(--surface, #2E2D2B);color:var(--accent, #EBEBEA)}.lang-input.svelte-ldrggd{background:var(--surface, #252523);border:1px solid var(--accent, #EBEBEA);border-radius:4px;color:var(--text, white);font-family:var(--mono, monospace);font-size:11px;padding:2px 6px;width:100px;outline:none}.code-textarea.svelte-ldrggd{width:100%;background:transparent;color:var(--text, #EBEBEA);border:none;outline:none;resize:none;padding:10px 12px;font-family:var(--mono, "SF Mono", "Fira Code", monospace);font-size:13px;line-height:1.5;-moz-tab-size:2;tab-size:2;overflow:hidden;box-sizing:border-box}.code-textarea.svelte-ldrggd::placeholder{color:var(--text-muted, #747470)}.divider-block.svelte-1remeil{border:none;border-top:1px solid var(--border, #2E2D2B);margin:8px 0;width:100%}.dc-overlay.svelte-qvg5xm{--dc-bg: linear-gradient( 180deg, color-mix(in srgb, var(--bg-warm) 88%, #0f0d0b 12%) 0%, color-mix(in srgb, var(--bg) 92%, #0f0d0b 8%) 100% );--dc-toolbar-bg: color-mix(in srgb, var(--surface-glass) 82%, var(--bg) 18%);--dc-border: color-mix(in srgb, var(--border-hover) 84%, transparent);--dc-btn-bg: color-mix(in srgb, var(--surface) 72%, transparent);--dc-btn-hover-bg: color-mix(in srgb, var(--surface-hover) 82%, transparent);--dc-btn-active-bg: color-mix(in srgb, var(--accent) 12%, var(--surface) 88%);--dc-text: var(--text);--dc-text-muted: color-mix(in srgb, var(--text-body) 84%, transparent);--dc-eraser-preview: color-mix(in srgb, var(--text-body) 38%, var(--surface-hover) 62%);--dc-canvas-top: 0px;--dc-canvas-bottom: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--dc-bg);outline:none;overflow:hidden;isolation:isolate}:root.light .dc-overlay.svelte-qvg5xm{--dc-bg: linear-gradient( 180deg, color-mix(in srgb, #f7f1e8 90%, var(--bg) 10%) 0%, color-mix(in srgb, #f1ece4 92%, var(--bg) 8%) 100% );--dc-toolbar-bg: color-mix(in srgb, rgba(255, 255, 255, .84) 78%, #ebe4da 22%);--dc-border: color-mix(in srgb, #d6cabd 52%, var(--border-hover) 48%);--dc-btn-bg: color-mix(in srgb, #ffffff 72%, #efe8de 28%);--dc-btn-hover-bg: color-mix(in srgb, #f8f4ee 84%, #ebe4d9 16%);--dc-btn-active-bg: color-mix(in srgb, #d9cec1 28%, #f8f4ee 72%);--dc-text: #26231f;--dc-text-muted: #756b61;--dc-eraser-preview: color-mix(in srgb, #8a8177 32%, #d9d1c7 68%)}.dc-toolbar.svelte-qvg5xm{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;background:var(--dc-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.dc-toolbar--top.svelte-qvg5xm{top:0;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));justify-content:space-between;border-bottom:1px solid var(--dc-border)}.dc-toolbar--bottom.svelte-qvg5xm{bottom:0;padding:8px calc(16px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));justify-content:center;border-top:1px solid var(--dc-border)}.dc-btn.svelte-qvg5xm{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--dc-border);border-radius:6px;background:var(--dc-btn-bg);color:var(--dc-text-muted);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.dc-btn.svelte-qvg5xm:hover:not(:disabled){background:var(--dc-btn-hover-bg);color:var(--dc-text);border-color:color-mix(in srgb,var(--dc-border) 72%,var(--dc-text) 28%)}.dc-btn.svelte-qvg5xm:disabled{opacity:.3;cursor:default}.dc-btn.active.svelte-qvg5xm{background:var(--dc-btn-active-bg);color:var(--dc-text);border-color:color-mix(in srgb,var(--accent) 24%,var(--dc-border) 76%)}.dc-btn--danger.svelte-qvg5xm:hover:not(:disabled){background:color-mix(in srgb,var(--red) 14%,var(--dc-btn-bg));color:var(--red);border-color:color-mix(in srgb,var(--red) 42%,var(--dc-border) 58%)}.dc-page-nav.svelte-qvg5xm{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.dc-page-label.svelte-qvg5xm{min-width:80px;font-family:var(--mono, monospace);font-size:12px;color:var(--dc-text-muted);text-align:center;-webkit-user-select:none;user-select:none}.dc-canvas.svelte-qvg5xm{position:absolute;top:var(--dc-canvas-top);left:0;width:100%;height:calc(100% - var(--dc-canvas-top) - var(--dc-canvas-bottom));cursor:crosshair;display:block;touch-action:none}.dc-error.svelte-qvg5xm{position:absolute;top:calc(var(--dc-canvas-top) + 12px);left:50%;z-index:3;max-width:calc(100vw - 32px);padding:8px 12px;border:1px solid var(--dc-border);border-radius:999px;background:var(--dc-toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--sans, system-ui);font-size:13px;color:var(--dc-text-muted);text-align:center;transform:translate(-50%);pointer-events:none}.dc-tool-group.svelte-qvg5xm{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dc-size-preview.svelte-qvg5xm{border-radius:50%;flex-shrink:0;transition:width 80ms,height 80ms}.dc-slider.svelte-qvg5xm{width:100px;height:4px;accent-color:color-mix(in srgb,var(--dc-text) 72%,transparent);cursor:pointer}.dc-colors.svelte-qvg5xm{gap:4px}.dc-color.svelte-qvg5xm{width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--dc-border) 72%,transparent);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0000000f;transition:border-color .1s,transform .1s,box-shadow .1s}.dc-color.svelte-qvg5xm:hover{transform:scale(1.15);box-shadow:inset 0 0 0 1px #0000001f}.dc-color.active.svelte-qvg5xm{border-color:var(--dc-text)}.drawing-block.svelte-140fdho{--drawing-bg: linear-gradient( 135deg, color-mix(in srgb, var(--surface) 88%, var(--bg-warm) 12%) 0%, color-mix(in srgb, var(--surface-hover) 76%, var(--bg) 24%) 100% );--drawing-border: color-mix(in srgb, var(--border-hover) 86%, transparent);--drawing-icon-bg: color-mix(in srgb, #8f7961 22%, var(--surface-hover) 78%);--drawing-icon-color: color-mix(in srgb, #e6d4bd 44%, var(--text) 56%);--drawing-badge-bg: color-mix(in srgb, var(--surface-hover) 82%, transparent);--drawing-badge-text: color-mix(in srgb, var(--text-body) 86%, transparent);display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--drawing-border);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease;-webkit-user-select:none;user-select:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--drawing-bg);font:inherit;text-align:left;box-shadow:inset 0 1px #ffffff08,var(--shadow-sm)}:root.light .drawing-block.svelte-140fdho{--drawing-bg: linear-gradient(135deg, #f7f1e8 0%, #f1ebe2 100%);--drawing-border: color-mix(in srgb, #d8cab8 54%, var(--border-hover) 46%);--drawing-icon-bg: color-mix(in srgb, #d8c5ad 44%, #ffffff 56%);--drawing-icon-color: #64513f;--drawing-badge-bg: color-mix(in srgb, #ffffff 74%, #ece3d8 26%);--drawing-badge-text: #76695d}.drawing-block.svelte-140fdho:hover,.drawing-block.svelte-140fdho:focus-visible{border-color:color-mix(in srgb,var(--drawing-border) 72%,var(--accent) 28%);color:var(--text-body);transform:translateY(-1px);background:linear-gradient(135deg,color-mix(in srgb,var(--drawing-bg) 84%,var(--accent-dim) 16%),color-mix(in srgb,var(--drawing-bg) 92%,var(--accent-dim) 8%))}.drawing-block.has-content.svelte-140fdho{color:var(--text-body)}.drawing-icon.svelte-140fdho{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--drawing-icon-bg);color:var(--drawing-icon-color);flex-shrink:0}.drawing-label.svelte-140fdho{font-family:var(--sans, system-ui);font-size:13px;font-weight:500}.drawing-badge.svelte-140fdho{font-family:var(--mono, monospace);font-size:10px;padding:2px 6px;border-radius:999px;background:var(--drawing-badge-bg);color:var(--drawing-badge-text)}.file-block.svelte-rcw0uu{width:100%;border:1px solid var(--border);background:var(--surface);padding:8px 10px;transition:border-color .15s}.file-block.drag-over.svelte-rcw0uu{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.file-header.svelte-rcw0uu{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-body);font-size:12px;font-family:var(--sans)}.file-title.svelte-rcw0uu{font-weight:600;color:var(--text)}.file-count.svelte-rcw0uu{font-family:var(--mono);font-size:10px;color:var(--text-muted)}.attach-btn.svelte-rcw0uu{margin-left:auto;display:flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:11px;font-family:var(--sans);cursor:pointer;border-radius:2px;transition:color .1s,border-color .1s}.attach-btn.svelte-rcw0uu:hover{color:var(--text);border-color:var(--accent)}.file-input-hidden.svelte-rcw0uu{display:none}.file-empty.svelte-rcw0uu{color:var(--text-muted);font-size:12px;margin-bottom:8px;font-family:var(--sans)}.file-list.svelte-rcw0uu{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.file-item.svelte-rcw0uu{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--border);background:var(--surface-hover)}.file-row.svelte-rcw0uu{display:flex;align-items:center;gap:6px}.file-name.svelte-rcw0uu{flex:1;font-size:12px;font-family:var(--sans);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions.svelte-rcw0uu{display:flex;align-items:center;gap:2px;flex-shrink:0}.icon-btn.svelte-rcw0uu{display:flex;align-items:center;justify-content:center;padding:3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:2px;transition:color .1s,background .1s}.icon-btn.svelte-rcw0uu:hover{color:var(--text);background:var(--border)}.icon-btn--danger.svelte-rcw0uu:hover{color:#e05252;background:color-mix(in srgb,#e05252 12%,transparent)}.file-meta.svelte-rcw0uu{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.upload-progress.svelte-rcw0uu{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-family:var(--sans);color:var(--text-body)}.upload-label.svelte-rcw0uu{display:flex;align-items:center;gap:4px;flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track.svelte-rcw0uu{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill.svelte-rcw0uu{height:100%;background:var(--accent);border-radius:2px;transition:width .1s linear}.progress-pct.svelte-rcw0uu{flex-shrink:0;font-family:var(--mono);font-size:10px;color:var(--text-muted);min-width:28px;text-align:right}.spin{animation:svelte-rcw0uu-spin .8s linear infinite}@keyframes svelte-rcw0uu-spin{to{transform:rotate(360deg)}}.image-block.svelte-m474up{position:relative;width:100%;margin:2px 0}.image-empty.svelte-m474up{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border, #2E2D2B);border-radius:10px;color:var(--text-muted, #747470);font-size:13px;transition:border-color .15s}.image-empty-btn.svelte-m474up{width:100%;background:none;cursor:pointer}.image-empty.svelte-m474up:hover{border-color:var(--accent, #EBEBEA);color:var(--accent, #EBEBEA)}.image-input-hidden.svelte-m474up{display:none}.image-grid.svelte-m474up{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px;border-radius:8px;overflow:hidden}.grid-img.svelte-m474up{width:100%;height:120px;object-fit:cover}.image-placeholder.svelte-m474up{display:flex;align-items:center;justify-content:center;min-height:120px;padding:12px;border-radius:8px;background:var(--surface, #252523);color:var(--text-muted, #747470);font-size:12px}.image-placeholder--hero.svelte-m474up{min-height:220px}.carousel.svelte-m474up{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.carousel-img.svelte-m474up{width:100%;max-height:300px;object-fit:contain;border-radius:8px}.carousel-nav.svelte-m474up{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .1s}.carousel-nav.svelte-m474up:hover{background:#000000b3}.carousel-nav.prev.svelte-m474up{left:6px}.carousel-nav.next.svelte-m474up{right:6px}.carousel-dots.svelte-m474up{position:absolute;bottom:8px;display:flex;gap:4px}.dot.svelte-m474up{width:6px;height:6px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:background .1s}.dot.active.svelte-m474up{background:#fff}.single-img.svelte-m474up{width:100%;max-height:300px;object-fit:contain;border-radius:8px}.layout-toggle.svelte-m474up{position:absolute;top:4px;right:4px;background:#0009;border:none;color:#fff;font-size:10px;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;cursor:pointer;opacity:0;transition:opacity .15s}.image-block.svelte-m474up:hover .layout-toggle:where(.svelte-m474up){opacity:1}.upload-indicator.svelte-m474up{height:3px;background:var(--c-border, #e0e0e0);border-radius:2px;overflow:hidden;margin-top:4px}.upload-bar.svelte-m474up{height:100%;background:var(--c-accent, #4a9eff);transition:width .15s linear}.task-block.svelte-1p68l2d{display:flex;align-items:flex-start;gap:8px;width:100%}.checkbox.svelte-1p68l2d{flex-shrink:0;margin-top:3px;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-hover, rgba(255, 255, 255, .2));background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--surface);transition:background .12s ease,border-color .12s ease}.checkbox.checked.svelte-1p68l2d{background:var(--accent);border-color:var(--accent)}.checkbox.svelte-1p68l2d:hover:not(.checked){border-color:var(--accent);background:var(--accent-dim, rgba(99, 102, 241, .1))}.task-body.svelte-1p68l2d{flex:1;min-width:0}.task-block.done.svelte-1p68l2d .editable-span{text-decoration:line-through;color:var(--text-muted)}.task-badges.svelte-1p68l2d{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.badge.svelte-1p68l2d{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:var(--sans, system-ui);color:var(--text-muted);background:var(--surface-hover);border-radius:4px;padding:1px 5px}.badge.due.svelte-1p68l2d{color:var(--text-muted)}.text-block.svelte-17ppcl7{display:flex;flex-direction:column;width:100%;min-width:0}.text-content.svelte-17ppcl7{position:relative;width:100%;min-width:0}.text-content.collapsed.svelte-17ppcl7{max-height:5.6em;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.expand-toggle.svelte-17ppcl7{align-self:flex-start;border:none;background:none;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--text-muted);padding:2px 0;margin-top:2px;transition:color .12s ease}.expand-toggle.svelte-17ppcl7:hover{color:var(--accent)}.text-block.heading.svelte-17ppcl7{padding-top:2px}.text-block.heading.svelte-17ppcl7 .editable-span{color:var(--text)}.url-block.svelte-zz5yzh{width:100%}.url-input-row.svelte-zz5yzh{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-hover)}.url-icon.svelte-zz5yzh{flex-shrink:0;color:var(--text-muted)}.url-input.svelte-zz5yzh{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-family:var(--sans, system-ui)}.url-input.svelte-zz5yzh::placeholder{color:var(--text-muted)}.url-preview.svelte-zz5yzh{display:flex;gap:12px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;transition:border-color .12s ease,background .12s ease}.url-preview.svelte-zz5yzh:hover{border-color:var(--border-hover, rgba(255, 255, 255, .15));background:var(--surface)}.preview-thumb.svelte-zz5yzh{width:64px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.preview-text.svelte-zz5yzh{display:flex;flex-direction:column;gap:2px;min-width:0}.preview-title.svelte-zz5yzh{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-description.svelte-zz5yzh{font-size:12px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-url.svelte-zz5yzh{font-size:11px;color:var(--accent);text-decoration:none;margin-top:auto}.preview-url.svelte-zz5yzh:hover{text-decoration:underline}.yt-player-wrapper.svelte-zz5yzh{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16 / 9}.yt-player.svelte-zz5yzh{width:100%;height:100%;display:block}.yt-fallback.svelte-zz5yzh{display:flex;align-items:center;justify-content:center;height:100%;padding:16px;color:var(--text-muted);font-size:13px}.yt-change-btn.svelte-zz5yzh{position:absolute;top:8px;right:8px;background:#0009;border:none;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s ease}.yt-player-wrapper.svelte-zz5yzh:hover .yt-change-btn:where(.svelte-zz5yzh){opacity:1}.yt-transcript.svelte-zz5yzh{margin-top:8px}.transcript-toggle.svelte-zz5yzh{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted);font-size:12px;font-family:var(--sans, system-ui);cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .12s ease,background .12s ease}.transcript-toggle.svelte-zz5yzh:hover{color:var(--text);background:var(--surface-hover)}.transcript-date.svelte-zz5yzh{opacity:.6;font-size:10px}.transcript-text.svelte-zz5yzh{margin-top:8px;padding:10px 12px;background:var(--surface-hover);border-radius:6px;border:1px solid var(--border);font-size:12px;font-family:var(--sans, system-ui);color:var(--text-muted);white-space:pre-wrap;max-height:240px;overflow-y:auto}.transcript-pending.svelte-zz5yzh{margin-top:6px;font-size:12px;color:var(--text-muted);font-style:italic}.player.svelte-zpm7zn{--pad-y: 8px;--pad-x: 10px;--btn-size: 34px;--track-h: 4px;--track-h-active: 6px;--thumb-size: 12px;display:flex;align-items:center;gap:10px;padding:var(--pad-y) var(--pad-x);border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.player.sm.svelte-zpm7zn{--pad-y: 5px;--pad-x: 8px;--btn-size: 28px;--track-h: 3px;--track-h-active: 4px;--thumb-size: 10px;gap:8px}.play-btn.svelte-zpm7zn{all:unset;flex-shrink:0;width:var(--btn-size);height:var(--btn-size);border-radius:50%;background:var(--accent);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:calc(var(--btn-size) * .42);transition:transform 80ms ease,background .12s ease;position:relative}.play-btn.svelte-zpm7zn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,white)}.play-btn.svelte-zpm7zn:active:not(:disabled){transform:scale(.92)}.play-btn.svelte-zpm7zn:disabled{opacity:.5;cursor:default}.play-btn.svelte-zpm7zn .play-icon{margin-left:1px}.player.playing.svelte-zpm7zn .play-btn:where(.svelte-zpm7zn):after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--accent);opacity:.35;animation:svelte-zpm7zn-pulse-ring 1.6s ease-in-out infinite;pointer-events:none}@keyframes svelte-zpm7zn-pulse-ring{0%,to{transform:scale(.92);opacity:.35}50%{transform:scale(1.1);opacity:0}}.spinner.svelte-zpm7zn{width:50%;height:50%;border:2px solid color-mix(in srgb,var(--bg) 50%,transparent);border-top-color:var(--bg);border-radius:50%;animation:svelte-zpm7zn-spin .8s linear infinite}@keyframes svelte-zpm7zn-spin{to{transform:rotate(360deg)}}.track.svelte-zpm7zn{position:relative;flex:1;min-width:30px;height:18px;cursor:pointer;outline:none;touch-action:none}.track-bg.svelte-zpm7zn,.track-fill.svelte-zpm7zn{position:absolute;top:50%;transform:translateY(-50%);height:var(--track-h);border-radius:999px;transition:height .12s ease}.track-bg.svelte-zpm7zn{left:0;right:0;background:var(--bg);opacity:.7}.track-fill.svelte-zpm7zn{left:0;background:var(--accent);pointer-events:none}.track-thumb.svelte-zpm7zn{position:absolute;top:50%;width:var(--thumb-size);height:var(--thumb-size);background:var(--accent);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .12s ease;pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.track.svelte-zpm7zn:hover .track-bg:where(.svelte-zpm7zn),.track.scrubbing.svelte-zpm7zn .track-bg:where(.svelte-zpm7zn),.track.svelte-zpm7zn:hover .track-fill:where(.svelte-zpm7zn),.track.scrubbing.svelte-zpm7zn .track-fill:where(.svelte-zpm7zn){height:var(--track-h-active)}.track.svelte-zpm7zn:hover .track-thumb:where(.svelte-zpm7zn),.track.svelte-zpm7zn:focus .track-thumb:where(.svelte-zpm7zn),.track.scrubbing.svelte-zpm7zn .track-thumb:where(.svelte-zpm7zn){transform:translate(-50%,-50%) scale(1)}.track.buffering.svelte-zpm7zn .track-fill:where(.svelte-zpm7zn){background:repeating-linear-gradient(45deg,var(--accent) 0 6px,color-mix(in srgb,var(--accent) 60%,transparent) 6px 12px);animation:svelte-zpm7zn-buffer-slide .7s linear infinite}@keyframes svelte-zpm7zn-buffer-slide{0%{background-position:0 0}to{background-position:24px 0}}.track.svelte-zpm7zn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);border-radius:999px}.time.svelte-zpm7zn{flex-shrink:0;color:var(--text-muted);font-family:var(--mono, monospace);font-size:11px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.player.sm.svelte-zpm7zn .time:where(.svelte-zpm7zn){font-size:10px}.time-sep.svelte-zpm7zn{opacity:.5;margin:0 2px}.time-tot.svelte-zpm7zn{opacity:.7}.rate-chip.svelte-zpm7zn{all:unset;flex-shrink:0;font-family:var(--mono, monospace);font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-muted);padding:3px 7px;border-radius:6px;cursor:pointer;transition:color .12s ease,background .12s ease;line-height:1;min-width:32px;text-align:center;box-sizing:border-box}.rate-chip.svelte-zpm7zn:hover:not(:disabled){color:var(--text);background:var(--bg)}.rate-chip.non-unity.svelte-zpm7zn{color:var(--accent)}.rate-chip.svelte-zpm7zn:disabled{opacity:.4;cursor:default}.player.errored.svelte-zpm7zn .time:where(.svelte-zpm7zn){font-style:italic}.player.errored.svelte-zpm7zn .play-btn:where(.svelte-zpm7zn){background:var(--bg);color:var(--text-muted)}.voice-block.svelte-1j3kd80{display:flex;flex-direction:column;gap:8px;width:100%}.voice-input-hidden.svelte-1j3kd80{display:none}.voice-toolbar.svelte-1j3kd80{display:flex;align-items:center;gap:8px}.voice-player-slot.svelte-1j3kd80{flex:1;min-width:0}.attach-btn.svelte-1j3kd80{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid var(--border, #2e2d2b);border-radius:8px;background:transparent;color:var(--text-muted, #747470);font-size:11px;cursor:pointer}.attach-btn.svelte-1j3kd80:hover{color:var(--text, #ebebea);border-color:var(--accent, #ebebea)}.upload-progress.svelte-1j3kd80{display:flex;align-items:center;gap:8px}.upload-track.svelte-1j3kd80{flex:1;height:4px;border-radius:999px;overflow:hidden;background:var(--border, #2e2d2b)}.upload-fill.svelte-1j3kd80{height:100%;border-radius:999px;background:color-mix(in srgb,var(--accent, #ebebea) 75%,#4a9eff);transition:width .12s linear}.progress-pct.svelte-1j3kd80{flex-shrink:0;min-width:34px;text-align:right;font-family:var(--mono, monospace);font-size:10px;color:var(--text-muted, #747470)}.transcript.svelte-1j3kd80{font-size:13px;color:var(--text-muted, #9e9e99);font-style:italic}