:root{--bg-primary: #1c1917;--bg-secondary: #292524;--bg-tertiary: #44403c;--accent: #e94560;--accent-hover: #ff6b6b;--text-primary: #fafaf9;--text-secondary: #a8a29e;--text-muted: #78716c;--border: #57534e;--success: #4ade80;--error: #ef4444;--warning: #f59e0b;--radius: 0;--radius-xs: 0;--radius-sm: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--border-width: 1px;--color-scheme: dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;width:100%;max-width:100vw}#root{height:100%;width:100%;max-width:100vw;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border)}.app-header h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-main{flex:1;display:flex;overflow:hidden}.nav-tabs{display:flex;gap:.5rem}.nav-tab{padding:.5rem 1rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);transition:all .2s}.nav-tab:hover{border-color:var(--accent);color:var(--text-primary)}.nav-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem}.form-input:focus{outline:none;border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.auth-page-with-header{min-height:100vh;display:flex;flex-direction:column}.auth-page-with-header .home-header{flex-shrink:0;order:2;display:flex;align-items:flex-end;justify-content:center;gap:1rem;padding:0 1rem 12px;height:62px;background:var(--bg-secondary);border-top:var(--border-width) solid var(--border);position:relative}.auth-page-with-header .header-center{align-items:flex-end}.auth-page-with-header .header-address{font-size:.75rem}.auth-page-with-header .auth-page{flex:1;min-height:auto;order:1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:480px;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-xl);border:var(--border-width) solid var(--border)}.auth-title{font-size:1.5rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-error{padding:.75rem;background:#ef44441a;border:var(--border-width) solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.875rem}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--text-secondary)}.auth-info-box{background:var(--bg-tertiary);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.auth-info-text{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-warning-box{background:#ef44441a;border:var(--border-width) solid var(--error);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.auth-warning-text{color:var(--error);font-size:.875rem;margin:0}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;cursor:pointer}.auth-checkbox{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.auth-checkbox-text{color:var(--text-secondary);line-height:1.4}.mnemonic-container{background:var(--bg-primary);border:calc(var(--border-width) * 2) solid var(--warning);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0}.mnemonic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.mnemonic-word{background:var(--bg-secondary);padding:.5rem;border-radius:var(--radius);font-size:.875rem}.mnemonic-index{color:var(--text-muted);margin-right:.5rem}.mnemonic-text{font-family:monospace}@media(max-width:600px){.auth-page{display:block;min-height:100vh;min-height:100dvh;padding:0}.auth-card{min-height:100vh;min-height:100dvh;width:100%;max-width:100%;padding:2rem 1.5rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));border-radius:0;border:none;display:flex;flex-direction:column;box-sizing:border-box}.auth-title{font-size:1.75rem;margin-bottom:.75rem}.auth-subtitle{font-size:1rem;margin-bottom:2rem;line-height:1.5}.auth-form{flex:1;display:flex;flex-direction:column;gap:1rem}.auth-form .btn-primary{margin-top:auto;padding:1rem;font-size:1rem}.auth-footer{margin-top:1.5rem;padding-bottom:1rem;font-size:1rem}.auth-info-box,.auth-warning-box{padding:1rem}.auth-info-text,.auth-warning-text{font-size:.9375rem;line-height:1.5}.auth-checkbox-label{gap:.75rem;margin-bottom:1rem}.auth-checkbox{width:1.25rem;height:1.25rem}.auth-checkbox-text{font-size:1rem}.mnemonic-container{padding:1rem;margin:1.5rem 0}.mnemonic-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.mnemonic-word{padding:.625rem;font-size:.9375rem}.form-label{font-size:1rem}.form-input{padding:.875rem;font-size:1rem}.form-input::placeholder{font-size:.9375rem}}.feed-container{flex:1;overflow-y:auto;padding:1rem}.feed-empty{text-align:center;padding:3rem;color:var(--text-muted)}.post-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.post-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent)}.post-meta{flex:1}.post-author{font-weight:600}.post-time{font-size:.75rem;color:var(--text-muted)}.post-content{line-height:1.6;white-space:pre-wrap}.post-media{margin-top:.75rem;border-radius:var(--radius);overflow:hidden}.post-media img{width:100%;display:block}.post-topics{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.post-topic{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:.75rem;color:var(--text-secondary)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-message{max-width:80%;padding:.75rem 1rem;border-radius:var(--radius-xl);line-height:1.5}.chat-message.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:.25rem}.chat-message.assistant{align-self:flex-start;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-bottom-left-radius:.25rem}.chat-message.system{align-self:center;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;max-width:90%}.chat-input-container{padding:1rem;background:var(--bg-secondary);border-top:var(--border-width) solid var(--border)}.chat-input-form{display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius-2xl);color:var(--text-primary);font-size:1rem;resize:none}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send-btn{padding:.75rem 1.25rem;background:var(--accent);border:none;border-radius:var(--radius-2xl);color:#fff;font-weight:600}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.create-post{padding:1rem;background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border)}.create-post-form{display:flex;flex-direction:column;gap:.75rem}.create-post-textarea{width:100%;min-height:80px;padding:.75rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);resize:vertical}.create-post-textarea:focus{outline:none;border-color:var(--accent)}.create-post-actions{display:flex;justify-content:space-between;align-items:center}.split-view{display:flex;flex:1;overflow:hidden}.split-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:var(--border-width) solid var(--border)}.split-panel:last-child{border-right:none}.panel-header{padding:1rem;background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border);font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.split-view{flex-direction:column}.split-panel{border-right:none;border-bottom:var(--border-width) solid var(--border)}.split-panel:last-child{border-bottom:none}.chat-message{max-width:90%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dynamic-dashboard{position:relative;padding:1rem;min-height:100%}.dashboard-grid{display:grid;gap:1rem}.dashboard-cols-1{grid-template-columns:1fr}.dashboard-cols-2{grid-template-columns:repeat(2,1fr)}.dashboard-cols-3{grid-template-columns:repeat(3,1fr)}.dashboard-stack{display:flex;flex-direction:column;gap:1rem}.dashboard-loading,.dashboard-error,.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem;color:var(--text-secondary)}.dashboard-overlay{position:absolute;inset:0;background:#1a1a2ecc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.widget{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.widget-small,.widget-medium{grid-column:span 1}.widget-large{grid-column:span 2}.widget-full{grid-column:1 / -1}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:var(--border-width) solid var(--border);background:var(--bg-tertiary)}.widget-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.widget-content{flex:1;padding:1rem;overflow-y:auto;max-height:400px}.widget-loading,.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;text-align:center;gap:.75rem;color:var(--text-muted)}.widget-load-more{width:100%;margin-top:.75rem}.feed-widget{display:flex;flex-direction:column;gap:.75rem}.feed-widget .post-card{margin-bottom:0}.trending-widget{display:flex;flex-direction:column;gap:.5rem}.trending-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);text-align:left;transition:all .2s;width:100%}.trending-item:hover{background:var(--bg-tertiary);border-color:var(--accent)}.trending-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--accent)}.trending-topic{flex:1;font-weight:500}.trending-count{font-size:.75rem;color:var(--text-muted)}.quick-actions-widget{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:all .2s}.quick-action-btn:hover{background:var(--accent);border-color:var(--accent)}.quick-action-icon{font-size:1.5rem}.quick-action-label{font-size:.875rem;font-weight:500}.topic-card-widget{display:flex;flex-direction:column;gap:.75rem}.topic-card-header{display:flex;justify-content:space-between;align-items:center}.topic-card-hashtag{font-size:1.25rem;font-weight:600;color:var(--accent)}.topic-card-count{font-size:.875rem;color:var(--text-muted)}.topic-card-preview{display:flex;flex-direction:column;gap:.5rem}.topic-card-preview-item{padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:.875rem;color:var(--text-secondary);line-height:1.4}.topic-card-action{margin-top:.5rem}.custom-widget{display:flex;flex-direction:column}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media(max-width:768px){.dashboard-cols-2,.dashboard-cols-3{grid-template-columns:1fr}.widget-large,.widget-medium{grid-column:span 1}}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-indicator.authenticated{background:var(--success)}.status-indicator.connecting,.status-indicator.connected{background:var(--warning);animation:pulse 1s infinite}.status-indicator.error{background:var(--error)}.status-indicator.disconnected{background:var(--text-muted)}.status-indicator.thinking{background:var(--accent);animation:pulse 1s infinite}.connection-status.thinking .status-text{color:var(--accent)}.streaming-dashboard{position:relative;flex:1;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.dashboard-generating-indicator{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--accent);border-radius:var(--radius-xl);font-size:.875rem;color:var(--accent);z-index:100}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.iframe-container{flex:1;width:100%;height:100%;position:relative;display:flex;flex-direction:column}.iframe-container .iframe-content{flex:1;width:100%;height:100%;border:none;background:var(--bg-primary)}.iframe-container-loading,.iframe-container-error,.iframe-container-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem;color:var(--text-secondary)}.cursor-blink{animation:blink 1s step-end infinite;color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-error{padding:.5rem 1rem;background:#ef44441a;border-top:var(--border-width) solid var(--error);color:var(--error);font-size:.875rem;text-align:center}.typing-indicator{display:inline-flex;gap:.25rem}.typing-indicator:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.home-container.streaming{display:flex;flex-direction:column;height:100%;overflow:hidden}.home-container.streaming .home-header{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;padding:0 1rem 12px;height:62px;background:var(--bg-secondary);border-top:var(--border-width) solid var(--border);z-index:50;order:2;overflow:visible;flex-shrink:0}.home-container.streaming .home-main{order:1;flex:1;min-height:0;padding-bottom:24px}.home-container.streaming .home-header .app-title{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-center{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:0}.header-left,.header-right{height:50px;display:flex;align-items:center;position:absolute}.header-left{right:calc(50% + 48px);text-align:right}.header-right{left:calc(50% + 48px);text-align:left}.header-main-icon{width:64px;height:64px;background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;z-index:60;overflow:visible;position:relative;transform-origin:center bottom}.header-main-icon:before{content:"";position:absolute;width:72px;height:72px;background:var(--bg-secondary);border-radius:50%;pointer-events:none;transition:box-shadow .3s ease;box-shadow:inset 0 0 12px 4px #8080a066}.header-main-icon img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.header-main-icon .icon-color-layer{position:absolute;inset:0;z-index:1;background:#8080a0cc;-webkit-mask:url(/icons/android-icon-96x96.png) center/contain no-repeat;mask:url(/icons/android-icon-96x96.png) center/contain no-repeat;transition:background .3s ease}.header-main-icon.authenticated:before{box-shadow:inset 0 0 16px 6px #4ade8080}.header-main-icon.authenticated .icon-color-layer{background:#4ade80}.header-main-icon.connecting:before,.header-main-icon.connected:before{box-shadow:inset 0 0 16px 6px #f5b43c80}.header-main-icon.connecting .icon-color-layer,.header-main-icon.connected .icon-color-layer{background:#f5b43c}.header-main-icon.error:before{box-shadow:inset 0 0 16px 6px #ef646480}.header-main-icon.error .icon-color-layer{background:#ef6464}.header-main-icon.thinking:before{box-shadow:inset 0 0 16px 6px #ff789680;animation:thinking-glow 1.5s ease-in-out infinite}.header-main-icon.thinking .icon-color-layer{background:#ff7896;animation:thinking-pulse 1.5s ease-in-out infinite}@keyframes thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes thinking-glow{0%,to{box-shadow:inset 0 0 16px 6px #ff789680}50%{box-shadow:inset 0 0 20px 10px #ff7896b3}}.header-main-icon:hover{transform:scale(1.075)}.header-right{display:flex;align-items:center}.header-address,.header-status-text{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;color:var(--text-secondary);font-weight:500}.header-status-text.thinking{color:var(--accent)}@keyframes pulse-glow-filter{0%,to{opacity:1}50%{opacity:.7}}.header-actions{display:none}.command-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .2s}.command-trigger:hover{border-color:var(--accent);color:var(--text-secondary)}.command-trigger-text{font-size:.875rem}.command-trigger-shortcut{font-size:.75rem;padding:.125rem .375rem;background:var(--bg-tertiary);border-radius:var(--radius-xs);color:var(--text-muted)}.home-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:1rem}.card-title{font-size:1rem;font-weight:600;margin:0 0 .75rem}.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent)}.toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.toggle input{display:none}.toggle-slider{width:48px;height:24px;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);position:relative;transition:all .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .2s}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:after{left:26px;background:#fff}.toggle-label{font-size:.875rem;color:var(--text-primary)}.collapsible{border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:none;color:var(--text-primary);font-weight:500;text-align:left;cursor:pointer}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-icon{font-size:1.25rem;color:var(--text-secondary)}.collapsible-content{padding:1rem;border-top:var(--border-width) solid var(--border)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:var(--border-width) solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1rem}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:var(--border-width) solid var(--border)}.table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.table tr:hover td{background:var(--bg-tertiary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.command-sheet-backdrop{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.command-sheet-backdrop.open{opacity:1;visibility:visible}.command-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:var(--border-width) solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1rem;transform:translateY(100%);transition:transform .3s ease;z-index:1000;box-shadow:0 -4px 20px #0000004d}.command-sheet.open{transform:translateY(0)}.command-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:var(--radius-xs);margin:0 auto 1rem;cursor:pointer}.command-sheet-handle:hover{background:var(--text-muted)}.command-sheet-form{display:flex;gap:.75rem;max-width:800px;margin:0 auto}.command-sheet-input{flex:1;padding:1rem 1.25rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem}.command-sheet-input:focus{outline:none;border-color:var(--accent)}.command-sheet-input::placeholder{color:var(--text-muted)}.command-sheet-submit{padding:1rem 1.5rem;background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.command-sheet-submit:hover:not(:disabled){background:var(--accent-hover)}.command-sheet-submit:disabled{opacity:.5;cursor:not-allowed}.command-sheet-error{max-width:800px;margin:.75rem auto 0;padding:.5rem 1rem;background:#ef44441a;border:var(--border-width) solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.875rem;text-align:center}.command-sheet-processing{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:800px;margin:.75rem auto 0;padding:.5rem 1rem;color:var(--accent);font-size:.875rem}@media(max-width:768px){.command-trigger-text{display:none}.command-trigger{padding:.5rem}.command-trigger-shortcut{display:none}.command-sheet-form{flex-direction:column}.command-sheet-submit{width:100%}}.page-renderer{width:100%;max-width:min(800px,100%);margin:0 auto;padding:1.5rem 1rem;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.page-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.page-description{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.page-blocks{display:flex;flex-direction:column;gap:1rem}.page-block{width:100%;max-width:100%;overflow-x:auto}.choices-block{display:flex;flex-direction:column;gap:.75rem}.choices-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.choices-description{font-size:.875rem;color:var(--text-secondary);margin:0}.choices-options{display:flex;flex-direction:column;gap:.5rem}.choice-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.choice-option:hover{border-color:var(--accent);background:var(--bg-tertiary)}.choice-option.selected{border-color:var(--accent);background:#e945601a}.choice-option input[type=checkbox],.choice-option input[type=radio]{margin-top:.125rem;accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.choice-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.choice-icon{font-size:1.25rem}.choice-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.choice-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.callout-block{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:var(--radius);border-left:4px solid}.callout-block.callout-info{background:#3b82f61a;border-left-color:#3b82f6}.callout-block.callout-warning{background:#f59e0b1a;border-left-color:#f59e0b}.callout-block.callout-error{background:#ef44441a;border-left-color:#ef4444}.callout-block.callout-success{background:#4ade801a;border-left-color:#4ade80}.callout-block.callout-tip{background:#a855f71a;border-left-color:#a855f7}.callout-header{display:flex;align-items:center;gap:.5rem}.callout-icon{font-size:1.125rem}.callout-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.callout-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.callout-content p{margin:0}.callout-content p+p{margin-top:.5rem}.list-block{display:flex;flex-direction:column;gap:.5rem}.list-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.list-item:hover{border-color:var(--accent);background:var(--bg-tertiary)}.list-item-icon{font-size:1.25rem;flex-shrink:0}.list-item-content{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.list-item-primary{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.list-item-secondary{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.list-item-arrow{font-size:1.25rem;color:var(--text-muted);flex-shrink:0}.form-block{display:flex;flex-direction:column;gap:1rem}.form-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.form-description{font-size:.875rem;color:var(--text-secondary);margin:0}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-field .required{color:var(--accent);margin-left:.25rem}.form-field input,.form-field textarea,.form-field select{padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field textarea{min-height:100px;resize:vertical}.form-field input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.form-field input[type=date],.form-field input[type=datetime],.form-field input[type=datetime-local],.form-field input[type=time]{color-scheme:var(--color-scheme, dark)}.form-submit{padding:.75rem 1.5rem;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.form-submit:hover:not(:disabled){background:var(--accent-hover)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-choices{display:flex;flex-direction:column;gap:.5rem}.form-choice-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:calc(var(--border-width) * 2) solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.form-choice-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.form-choice-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary))}.form-choice-option input[type=checkbox],.form-choice-option input[type=radio]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}.form-choice-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.form-choice-icon{font-size:1.25rem;line-height:1}.form-choice-label{font-weight:500;color:var(--text-primary)}.form-choice-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.form-slider{display:flex;align-items:center;gap:1rem}.form-slider input[type=range]{flex:1;height:6px;border-radius:var(--radius-xs);background:var(--bg-tertiary);accent-color:var(--accent);cursor:pointer}.form-slider-value{min-width:3rem;text-align:right;font-weight:500;color:var(--text-primary)}.form-rating{display:flex;gap:.25rem}.form-rating-star{background:none;border:none;font-size:1.75rem;color:var(--text-tertiary);cursor:pointer;padding:.25rem;transition:color .15s,transform .15s}.form-rating-star:hover{transform:scale(1.1)}.form-rating-star.selected{color:var(--accent)}.button-block{display:flex}.button-block.align-left{justify-content:flex-start}.button-block.align-center{justify-content:center}.button-block.align-right{justify-content:flex-end}.button-block button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s}.button-block button.full-width{width:100%;justify-content:center}.button-block button.variant-primary{background:var(--accent);color:#fff}.button-block button.variant-primary:hover:not(:disabled){background:var(--accent-hover)}.button-block button.variant-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.button-block button.variant-secondary:hover:not(:disabled){background:var(--border)}.button-block button.variant-outline{background:transparent;border:var(--border-width) solid var(--border);color:var(--text-primary)}.button-block button.variant-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button-block button.variant-ghost{background:transparent;color:var(--text-secondary)}.button-block button.variant-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.button-block button.variant-danger{background:var(--error);color:#fff}.button-block button.variant-danger:hover:not(:disabled){background:#dc2626}.button-block button:disabled{opacity:.5;cursor:not-allowed}.text-input-block{display:flex;flex-direction:column;gap:.5rem}.text-input-block label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.text-input-block .required{color:var(--accent);margin-left:.25rem}.text-input-block .helper-text{font-size:.75rem;color:var(--text-muted)}.text-input-block input,.text-input-block textarea{padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem}.text-input-block input:focus,.text-input-block textarea:focus{outline:none;border-color:var(--accent)}.text-input-block input::placeholder,.text-input-block textarea::placeholder{color:var(--text-muted)}.text-input-block textarea{min-height:100px;resize:vertical}.slider-block{display:flex;flex-direction:column;gap:.75rem}.slider-block label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.slider-container{display:flex;align-items:center;gap:1rem}.slider-container input[type=range]{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-xs);-webkit-appearance:none;appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.slider-value{min-width:48px;padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-xs);font-size:.875rem;font-weight:500;text-align:center;color:var(--text-primary)}.slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.rating-block{display:flex;flex-direction:column;gap:.5rem}.rating-block label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.rating-stars{display:flex;gap:.25rem}.rating-star{font-size:1.5rem;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-muted);transition:all .15s}.rating-star:hover,.rating-star.active{color:#fbbf24;transform:scale(1.1)}.toggle-block{display:flex;align-items:center;gap:.75rem}.toggle-block .toggle-switch{position:relative;width:48px;height:24px;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.toggle-block .toggle-switch.active{background:var(--accent);border-color:var(--accent)}.toggle-block .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:50%;transition:all .2s}.toggle-block .toggle-switch.active:after{left:26px;background:#fff}.toggle-block .toggle-text{display:flex;flex-direction:column;gap:.125rem}.toggle-block .toggle-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.toggle-block .toggle-description{font-size:.8125rem;color:var(--text-secondary)}.date-picker-block{display:flex;flex-direction:column;gap:.5rem}.date-picker-block label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.date-picker-block input[type=date],.date-picker-block input[type=datetime-local],.date-picker-block input[type=time]{padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;color-scheme:var(--color-scheme, dark)}.date-picker-block input:focus{outline:none;border-color:var(--accent)}.select-block{display:flex;flex-direction:column;gap:.5rem}.select-block label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.select-block .helper-text{font-size:.75rem;color:var(--text-muted)}.select-block select{padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;cursor:pointer}.select-block select:focus{outline:none;border-color:var(--accent)}.command-sheet-settings{padding:.75rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s;flex-shrink:0}.command-sheet-settings:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}.command-sheet-voice-toggle{padding:.75rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.command-sheet-voice-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}.command-sheet-voice-toggle.active{background:#e9456026;border-color:var(--accent);color:var(--accent)}.command-sheet-voice-toggle.listening{animation:voice-pulse-border 1.5s ease-in-out infinite}@keyframes voice-pulse-border{0%,to{box-shadow:0 0 #e9456066}50%{box-shadow:0 0 0 4px #e9456000}}.voice-toggle-icon{display:flex;align-items:center;justify-content:center}.command-sheet-input.listening{border-color:var(--accent);background:#e945600d}.command-sheet-input.listening::placeholder{color:var(--accent)}.command-sheet-listening{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:800px;margin:.75rem auto 0;color:var(--accent);font-size:.875rem}.voice-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:voice-pulse-dot 1s ease-in-out infinite}@keyframes voice-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media(max-width:768px){.command-sheet-voice-toggle{padding:.625rem;font-size:1.125rem}.command-sheet-listening{font-size:.8125rem}}.settings-modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.settings-modal{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:settingsSlideIn .2s ease-out}@keyframes settingsSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:var(--border-width) solid var(--border)}.settings-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.settings-close{width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-content{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.settings-section{display:flex;flex-direction:column;gap:.5rem}.settings-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.settings-toggle-group{display:flex;gap:.5rem;flex-wrap:wrap}.settings-toggle-btn{padding:.5rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.settings-toggle-btn:hover{border-color:var(--accent);color:var(--text-primary)}.settings-toggle-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-color-row{display:flex;gap:.75rem;align-items:center}.settings-color-picker{width:48px;height:48px;padding:0;border:calc(var(--border-width) * 2) solid var(--border);border-radius:var(--radius);cursor:pointer;background:transparent}.settings-color-picker::-webkit-color-swatch-wrapper{padding:2px}.settings-color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.settings-color-input{flex:1;padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:monospace;font-size:.875rem}.settings-color-input:focus{outline:none;border-color:var(--accent)}.settings-advanced-toggle{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem 0;text-align:left;transition:color .2s}.settings-advanced-toggle:hover{color:var(--text-primary)}.settings-advanced-colors{padding:1rem;background:var(--bg-primary);border-radius:var(--radius);border:var(--border-width) solid var(--border)}.settings-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.settings-color-item{display:flex;flex-direction:column;gap:.5rem;align-items:center}.settings-color-item label{font-size:.75rem;color:var(--text-secondary);text-align:center}.settings-color-item input[type=color]{width:40px;height:40px;padding:0;border:calc(var(--border-width) * 2) solid var(--border);border-radius:var(--radius);cursor:pointer;background:transparent}.settings-color-item input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.settings-color-item input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.settings-actions{display:flex;gap:.75rem;padding-top:.5rem;border-top:var(--border-width) solid var(--border);margin-top:.5rem}.settings-btn{flex:1;padding:.75rem 1rem;border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-btn-randomize{background:var(--accent);border-color:var(--accent);color:#fff}.settings-btn-randomize:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.settings-btn-reset{background:transparent;color:var(--text-secondary)}.settings-btn-reset:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:480px){.settings-color-grid{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}}.webfetch-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.webfetch-modal{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;overflow:hidden;animation:webfetchSlideIn .2s ease-out;box-shadow:0 20px 40px #0006}@keyframes webfetchSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.webfetch-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg-tertiary);border-bottom:var(--border-width) solid var(--border)}.webfetch-icon{font-size:1.5rem}.webfetch-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.webfetch-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.webfetch-description{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.webfetch-details{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.webfetch-detail-row{display:flex;flex-direction:column;gap:.25rem}.webfetch-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.webfetch-value{font-size:.9375rem;color:var(--text-primary);word-break:break-word}.webfetch-url{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;color:var(--accent)}.webfetch-permission-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#f59e0b1a;border:var(--border-width) solid rgba(245,158,11,.3);border-radius:var(--radius);font-size:.875rem;color:var(--text-secondary);line-height:1.5}.webfetch-permission-icon{font-size:1rem;flex-shrink:0}.webfetch-permission-notice strong{color:var(--text-primary)}.webfetch-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-primary);border-top:var(--border-width) solid var(--border)}.webfetch-btn{flex:1;padding:.75rem 1.25rem;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.webfetch-btn:disabled{opacity:.5;cursor:not-allowed}.webfetch-btn-reject{background:var(--bg-secondary);border:var(--border-width) solid var(--border);color:var(--text-secondary)}.webfetch-btn-reject:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.webfetch-btn-approve{background:var(--success);color:#fff}.webfetch-btn-approve:hover:not(:disabled){background:#22c55e}.webfetch-btn-permission{background:var(--warning);color:#fff}.webfetch-btn-permission:hover:not(:disabled){background:#d97706}.webfetch-modal-review{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.webfetch-modal-review .webfetch-content{flex:1;min-height:0;display:flex;flex-direction:column}.webfetch-icon-loading{animation:webfetchPulse 1.5s ease-in-out infinite}@keyframes webfetchPulse{0%,to{opacity:1}50%{opacity:.5}}.webfetch-loading-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-xs);overflow:hidden;margin-top:1rem}.webfetch-loading-progress{height:100%;width:30%;background:var(--accent);border-radius:var(--radius-xs);animation:webfetchLoadingSlide 1.5s ease-in-out infinite}@keyframes webfetchLoadingSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.webfetch-error-message{background:#ef44441a;border:var(--border-width) solid rgba(239,68,68,.3);border-radius:var(--radius);padding:.75rem 1rem;color:#ef4444;font-size:.875rem;margin-top:1rem}.webfetch-content-preview{flex:1;min-height:0;display:flex;flex-direction:column;border:var(--border-width) solid var(--border);border-radius:var(--radius);margin-top:1rem;overflow:hidden}.webfetch-content-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-tertiary);border-bottom:var(--border-width) solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.webfetch-content-size{font-weight:400;color:var(--text-secondary)}.webfetch-content-preview-body{flex:1;overflow-y:auto;padding:1rem;font-size:.875rem;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);max-height:400px}.webfetch-markdown-preview{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0}@media(max-width:480px){.webfetch-actions{flex-direction:column}.webfetch-modal-review{max-height:90vh}.webfetch-content-preview-body{max-height:300px}}.chart-block{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:1rem}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.chart-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.chart-bar-container{width:100%;height:100%;display:flex;flex-direction:column}.chart-bar-grid{flex:1;display:flex;align-items:flex-end;gap:.5rem;padding:.5rem 0}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.chart-bar-bars{flex:1;display:flex;align-items:flex-end;gap:2px;width:100%}.chart-bar{flex:1;min-width:8px;border-radius:var(--radius-xs) var(--radius-xs) 0 0;position:relative;transition:opacity .2s}.chart-bar:hover{opacity:.8}.chart-bar-value{position:absolute;top:-1.25rem;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.chart-bar-label{font-size:.75rem;color:var(--text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chart-line-container{width:100%;height:100%;display:flex;flex-direction:column}.chart-line-container svg{flex:1;width:100%}.chart-line-labels{display:flex;justify-content:space-between;padding:.5rem 10px 0}.chart-line-label{font-size:.75rem;color:var(--text-secondary)}.chart-pie-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%}.chart-pie-svg{max-width:180px;max-height:180px}.chart-pie-slice{transition:opacity .2s}.chart-pie-slice:hover{opacity:.8}.chart-pie-legend{display:flex;flex-direction:column;gap:.5rem}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding-top:.5rem}.chart-legend-item{display:flex;align-items:center;gap:.375rem}.chart-legend-color{width:12px;height:12px;border-radius:var(--radius-xs)}.chart-legend-label{font-size:.75rem;color:var(--text-secondary)}.chart-legend-value{font-size:.75rem;font-weight:600;color:var(--text-primary)}.progress-block{display:flex;flex-direction:column;gap:.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.progress-value{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.progress-bar{width:100%;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-bar.progress-sm{height:6px}.progress-bar.progress-md{height:10px}.progress-bar.progress-lg{height:16px}.progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.progress-fill.progress-default{background:var(--accent)}.progress-fill.progress-success{background:var(--success)}.progress-fill.progress-warning{background:var(--warning)}.progress-fill.progress-error{background:var(--error)}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-circle-sm{width:60px;height:60px}.progress-circle-md{width:80px;height:80px}.progress-circle-lg{width:120px;height:120px}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--bg-tertiary)}.progress-circle-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-circle-fill.progress-default{stroke:var(--accent)}.progress-circle-fill.progress-success{stroke:var(--success)}.progress-circle-fill.progress-warning{stroke:var(--warning)}.progress-circle-fill.progress-error{stroke:var(--error)}.progress-circle-value{position:absolute;font-size:.875rem;font-weight:600;color:var(--text-primary)}.progress-circle-lg .progress-circle-value{font-size:1.25rem}.progress-semicircle{position:relative;display:flex;align-items:flex-end;justify-content:center}.progress-semicircle-sm{width:80px;height:48px}.progress-semicircle-md{width:120px;height:70px}.progress-semicircle-lg{width:160px;height:96px}.progress-semicircle svg{width:100%;height:100%}.progress-semicircle-bg{fill:none;stroke:var(--bg-tertiary);stroke-linecap:round}.progress-semicircle-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-semicircle-fill.progress-default{stroke:var(--accent)}.progress-semicircle-fill.progress-success{stroke:var(--success)}.progress-semicircle-fill.progress-warning{stroke:var(--warning)}.progress-semicircle-fill.progress-error{stroke:var(--error)}.progress-semicircle-value{position:absolute;bottom:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.progress-semicircle-lg .progress-semicircle-value{font-size:1.25rem}.stats-block{display:flex;flex-direction:column;gap:.75rem}.stats-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.stats-grid{display:grid;gap:1rem}.stats-cols-1{grid-template-columns:1fr}.stats-cols-2{grid-template-columns:repeat(2,1fr)}.stats-cols-3{grid-template-columns:repeat(3,1fr)}.stats-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.stats-cols-3,.stats-cols-4{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius)}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-trend{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600}.stat-trend-up{color:var(--success)}.stat-trend-down{color:var(--error)}.stat-trend-neutral{color:var(--text-muted)}.stat-description{font-size:.75rem;color:var(--text-muted);line-height:1.4}.timeline-block{display:flex;flex-direction:column;gap:.75rem;background:transparent}.timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.timeline-items{display:flex;flex-direction:column;gap:1.5rem;position:relative;background:transparent}.timeline-item{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;position:relative;margin-bottom:0;background:transparent}.timeline-item:before{content:"";position:absolute;left:5px;top:1rem;width:2px;height:calc(100% + .6rem);background:var(--border);z-index:0;pointer-events:none}.timeline-item:last-child:before{display:none}.timeline-item.clickable{cursor:pointer}.timeline-item.clickable:hover .timeline-content{background:var(--bg-tertiary)}.timeline-marker{flex-shrink:0;width:12px;position:relative;z-index:1;display:block;min-height:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:transparent;border:2px solid var(--accent);z-index:2;position:absolute;left:0;top:.1875rem}.timeline-default .timeline-dot{border-color:var(--accent)}.timeline-success .timeline-dot{border-color:var(--success);background:var(--success)}.timeline-warning .timeline-dot{border-color:var(--warning);background:var(--warning)}.timeline-error .timeline-dot{border-color:var(--error);background:var(--error)}.timeline-info .timeline-dot{border-color:#3b82f6;background:#3b82f6}.timeline-icon{font-size:.75rem}.timeline-line{display:none}.timeline-content{flex:1;display:flex;flex-direction:column;gap:.25rem;padding-left:1rem;min-width:0;position:relative;z-index:1;align-self:flex-start;background:transparent}.timeline-item-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.timeline-timestamp{font-size:.75rem;color:var(--text-muted)}.timeline-description{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.5}.accordion-block{display:flex;flex-direction:column;gap:.75rem}.accordion-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.accordion-sections{display:flex;flex-direction:column;gap:.5rem}.accordion-section{border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.accordion-section.expanded{border-color:var(--accent)}.accordion-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.accordion-header:hover{background:var(--bg-tertiary)}.accordion-icon{font-size:1.125rem;flex-shrink:0}.accordion-section-title{flex:1}.accordion-chevron{font-size:1.25rem;color:var(--text-muted);transition:transform .2s}.accordion-chevron.expanded{transform:rotate(90deg)}.accordion-content{padding:1rem;background:var(--bg-primary);border-top:var(--border-width) solid var(--border);font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.accordion-content p{margin:0}.accordion-content p+p{margin-top:.75rem}.create-content-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.create-content-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:95vw;max-width:1200px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-content-desktop{display:flex;flex-direction:column;height:100%}.create-content-desktop-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:var(--border-width) solid var(--border);background:var(--bg-tertiary)}.create-content-desktop-header h2{font-size:1.25rem;font-weight:600;margin:0}.create-content-desktop-header-actions{display:flex;gap:.75rem}.create-content-btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.create-content-btn:disabled{opacity:.5;cursor:not-allowed}.create-content-btn-primary{background:var(--accent);color:#fff}.create-content-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.create-content-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width) solid var(--border)}.create-content-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.create-content-desktop-body{display:flex;flex:1;overflow:hidden}.create-content-desktop-sidebar{width:280px;border-right:var(--border-width) solid var(--border);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-primary)}.create-content-desktop-metadata{padding:1rem;border-top:var(--border-width) solid var(--border)}.create-content-desktop-main{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-secondary)}.block-palette{padding:1rem}.block-palette-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.block-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.block-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;gap:.25rem}.block-palette-item:hover{background:var(--bg-tertiary);border-color:var(--accent)}.block-palette-icon{font-size:1.25rem;color:var(--text-primary)}.block-palette-label{font-size:.75rem;color:var(--text-secondary)}.block-editor-list{display:flex;flex-direction:column;gap:1rem}.block-editor-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.block-editor-empty p{margin:0}.block-editor-item{background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden}.block-editor-item-controls{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-tertiary);border-bottom:var(--border-width) solid var(--border)}.block-editor-item-drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none}.block-editor-item-actions{display:flex;gap:.25rem}.block-editor-item-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .15s ease}.block-editor-item-action:hover:not(:disabled){background:var(--bg-primary);color:var(--text-primary)}.block-editor-item-action:disabled{opacity:.3;cursor:not-allowed}.block-editor-item-action-delete:hover:not(:disabled){color:var(--error)}.block-editor-item-content{padding:1rem}.block-editor-item-type-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.content-metadata-form{display:flex;flex-direction:column;gap:1rem}.content-metadata-field{display:flex;flex-direction:column;gap:.375rem}.content-metadata-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.content-metadata-field input[type=text],.content-metadata-field textarea{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical}.content-metadata-field input[type=text]:focus,.content-metadata-field textarea:focus{outline:none;border-color:var(--accent)}.content-metadata-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.content-metadata-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.content-metadata-toggle span{font-size:.875rem;color:var(--text-primary)}.content-metadata-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.block-editor-item-content input,.block-editor-item-content select,.block-editor-item-content textarea{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.block-editor-item-content input:focus,.block-editor-item-content select:focus,.block-editor-item-content textarea:focus{outline:none;border-color:var(--accent)}.mobile-block-card-content input,.mobile-block-card-content select,.mobile-block-card-content textarea{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.mobile-block-card-content input:focus,.mobile-block-card-content select:focus,.mobile-block-card-content textarea:focus{outline:none;border-color:var(--accent)}.heading-block-editor{display:flex;flex-direction:column;gap:.5rem}.heading-level-select{width:auto;padding:.375rem .5rem}.text-block-editor textarea{min-height:100px;resize:vertical}.code-block-editor{display:flex;flex-direction:column;gap:.5rem}.code-block-header{display:flex;gap:.5rem}.code-block-header .code-block-title{flex:1}.code-block-header .code-block-language{width:auto;flex:none}.code-block-textarea{min-height:150px;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;background:var(--bg-primary)}.image-block-editor,.callout-block-editor{display:flex;flex-direction:column;gap:.5rem}.callout-block-header{display:flex;gap:.5rem}.callout-block-header .callout-variant-select{width:auto;flex:none}.callout-block-header .callout-block-title{flex:1}.callout-content-textarea{min-height:80px;resize:vertical}.progress-block-editor{display:flex;flex-direction:column;gap:.5rem}.progress-block-row{display:flex;gap:.5rem;align-items:center}.progress-block-row label{font-size:.75rem;color:var(--text-secondary);min-width:50px}.progress-block-row input[type=number]{width:80px;flex:none}.chart-block-editor,.chart-block-header{display:flex;flex-direction:column;gap:.75rem}.chart-type-select{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer}.chart-type-select:focus{outline:none;border-color:var(--accent)}.chart-title-input{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.chart-title-input:focus{outline:none;border-color:var(--accent)}.chart-title-input::placeholder{color:var(--text-muted)}.chart-data-add{display:flex;gap:.75rem;align-items:flex-end}.chart-add-label,.chart-add-value{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.chart-add-label:focus,.chart-add-value:focus{outline:none;border-color:var(--accent)}.chart-add-label::placeholder,.chart-add-value::placeholder{color:var(--text-muted)}.chart-add-value{max-width:120px}.chart-add-btn{padding:.5rem 1.5rem;background:var(--accent);border:none;border-radius:var(--radius);color:#fff;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s;white-space:nowrap}.chart-add-btn:hover:not(:disabled){background:var(--accent-hover)}.chart-add-btn:disabled{opacity:.5;cursor:not-allowed}.chart-data-list{display:flex;flex-direction:column;gap:.5rem}.chart-data-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius)}.chart-data-label{flex:1;font-size:.875rem;color:var(--text-primary);font-weight:500}.chart-data-value{font-size:.875rem;color:var(--text-secondary);min-width:60px;text-align:right}.chart-data-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;font-size:.875rem;line-height:1;border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0}.chart-data-remove:hover{background:var(--bg-secondary);color:var(--error)}.stats-block-editor,.timeline-block-editor,.accordion-block-editor{display:flex;flex-direction:column;gap:.5rem}.stats-item,.timeline-item,.accordion-section{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius)}.stats-item-header,.timeline-item-header,.accordion-section-header{display:flex;justify-content:space-between;align-items:center}.stats-item-header span,.timeline-item-header span,.accordion-section-header span{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.stats-item-remove,.timeline-item-remove,.accordion-section-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.stats-item-remove:hover,.timeline-item-remove:hover,.accordion-section-remove:hover{color:var(--error)}.stats-add-row{display:flex;gap:.5rem}.stats-add-row .stats-add-label,.stats-add-row .stats-add-value{flex:1}.stats-add-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;transition:all .15s ease}.stats-add-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stats-add-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-item textarea,.accordion-section textarea{min-height:60px;resize:vertical}.add-item-button{width:100%;padding:.5rem;background:transparent;border:var(--border-width) dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;transition:all .15s ease}.add-item-button:hover{border-color:var(--accent);color:var(--accent)}.block-editor-text textarea,.block-editor-callout textarea{min-height:100px;resize:vertical}.block-editor-code textarea{min-height:150px;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.block-editor-row{display:flex;gap:.75rem;margin-bottom:.75rem}.block-editor-row:last-child{margin-bottom:0}.block-editor-field{display:flex;flex-direction:column;gap:.25rem;flex:1}.block-editor-field label{font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.block-editor-field input,.block-editor-field select,.block-editor-field textarea{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.block-editor-field input:focus,.block-editor-field select:focus,.block-editor-field textarea:focus{outline:none;border-color:var(--accent)}.divider-block-editor{display:flex;flex-direction:column;gap:.75rem}.divider-spacing-select{width:100%}.divider-preview{background:var(--bg-secondary);border-radius:var(--radius)}.divider-preview hr{border:none;border-top:1px solid var(--border);margin:0}.divider-preview-sm{padding:.5rem 0}.divider-preview-md{padding:1rem 0}.divider-preview-lg{padding:2rem 0}.block-editor-items{display:flex;flex-direction:column;gap:.75rem}.block-editor-items-item{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:.75rem}.block-editor-items-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.block-editor-items-item-header span{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.block-editor-items-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1rem}.block-editor-items-remove:hover{color:var(--error)}.block-editor-add-item{width:100%;padding:.5rem;background:transparent;border:var(--border-width) dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;transition:all .15s ease}.block-editor-add-item:hover{border-color:var(--accent);color:var(--accent)}.block-editor-chart-data{margin-top:.75rem}.block-editor-chart-data-header{font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.block-editor-chart-data-rows{display:flex;flex-direction:column;gap:.5rem}.block-editor-chart-data-row{display:flex;gap:.5rem;align-items:center}.block-editor-chart-data-row input{flex:1;padding:.375rem .5rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8125rem}.block-editor-chart-data-row input:focus{outline:none;border-color:var(--accent)}.block-editor-chart-data-row input[type=number]{max-width:100px}.block-editor-chart-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.block-editor-chart-remove:hover{color:var(--error)}.create-content-preview{padding:2rem}.create-content-preview-placeholder{text-align:center;color:var(--text-muted)}@media(max-width:768px){.create-content-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}}.create-content-mobile{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.create-content-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:var(--border-width) solid var(--border);background:var(--bg-secondary)}.create-content-mobile-header h2{font-size:1.125rem;font-weight:600;margin:0}.create-content-mobile-close,.create-content-mobile-save{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:none;cursor:pointer}.create-content-mobile-close{background:transparent;color:var(--text-secondary)}.create-content-mobile-save{background:var(--accent);color:#fff}.create-content-mobile-save:disabled{opacity:.5}.create-content-mobile-body{flex:1;overflow-y:auto;padding:1rem}.create-content-mobile-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.create-content-mobile-blocks{display:flex;flex-direction:column;gap:.75rem}.create-content-mobile-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:var(--border-width) solid var(--border);background:var(--bg-secondary)}.create-content-mobile-action{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem}.create-content-mobile-fab{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #e945604d}.mobile-block-card-container{position:relative}.mobile-block-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease}.mobile-block-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);cursor:pointer}.mobile-block-card-type{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.mobile-block-card-expand{color:var(--text-muted);font-size:.75rem}.mobile-block-card-content{padding:1rem}.mobile-block-card-delete-action{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:0 .5rem}.mobile-block-card-delete-btn{background:var(--error);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.75rem;cursor:pointer}.mobile-block-card-cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.75rem;cursor:pointer}.mobile-block-palette-backdrop{position:fixed;inset:0;background:#00000080;z-index:1001}.mobile-block-palette{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:1002;animation:slideUpSheet .3s ease-out}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-block-palette-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:var(--border-width) solid var(--border)}.mobile-block-palette-header span{font-weight:600}.mobile-block-palette-header button{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.mobile-block-palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem;max-height:50vh;overflow-y:auto}.mobile-block-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);gap:.375rem;cursor:pointer}.mobile-block-palette-item:active{background:var(--bg-tertiary)}.mobile-block-palette-icon{font-size:1.5rem;color:var(--text-primary)}.mobile-block-palette-label{font-size:.75rem;color:var(--text-secondary)}.mobile-metadata-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:1001}.mobile-metadata-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:1002;max-height:80vh;overflow-y:auto;animation:slideUpSheet .3s ease-out}.mobile-metadata-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:var(--border-width) solid var(--border);position:sticky;top:0;background:var(--bg-secondary)}.mobile-metadata-sheet-header span{font-weight:600}.mobile-metadata-sheet-header button{background:var(--accent);border:none;color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;cursor:pointer}.mobile-metadata-sheet-content{padding:1rem}.tiptap-editor{min-height:100px}.tiptap-editor .ProseMirror{min-height:100px;padding:.75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;outline:none}.tiptap-editor .ProseMirror:focus{border-color:var(--accent)}.tiptap-editor .ProseMirror p{margin:0}.tiptap-editor .ProseMirror p+p{margin-top:.5rem}.tiptap-editor .ProseMirror strong{font-weight:600}.tiptap-editor .ProseMirror em{font-style:italic}.tiptap-editor .ProseMirror code{background:var(--bg-primary);padding:.125rem .25rem;border-radius:var(--radius-xs);font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.tiptap-editor .ProseMirror a{color:var(--accent);text-decoration:underline}.tiptap-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.tiptap-toolbar-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:background .15s,color .15s}.tiptap-toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tiptap-toolbar-btn.active{background:var(--accent);color:var(--bg-primary)}.tiptap-toolbar-divider{width:1px;height:1.5rem;margin:0 .25rem;background:var(--border)}.tiptap-toolbar+.tiptap-ProseMirror,.tiptap-toolbar~div .ProseMirror{border-radius:0 0 var(--radius) var(--radius)}.tiptap-editor .ProseMirror{border-radius:0 0 var(--radius) var(--radius)}.tiptap-loading{min-height:100px;padding:.75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:.875rem}.tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{padding-left:1.5rem;margin:.5rem 0}.tiptap-editor .ProseMirror li{margin:.25rem 0}.tiptap-editor .ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:.5rem 0;color:var(--text-secondary);font-style:italic}.tiptap-editor .ProseMirror pre{background:var(--bg-primary);padding:.75rem;border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;overflow-x:auto}.tiptap-editor .ProseMirror pre code{background:none;padding:0}.timeline-block-editor{display:flex;flex-direction:column;gap:1rem}.timeline-block-field{display:flex;flex-direction:column;gap:.375rem}.timeline-block-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.timeline-items-list{display:flex;flex-direction:column;gap:.75rem}.timeline-item-row{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius);border:var(--border-width) solid var(--border)}.timeline-item-header{display:flex;justify-content:space-between;align-items:center}.timeline-item-header span{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline-item-fields{display:flex;flex-direction:column;gap:.75rem}.timeline-field-group{display:flex;flex-direction:column;gap:.375rem}.timeline-field-group label{font-size:.6875rem;font-weight:500;color:var(--text-muted)}.timeline-field-group input,.timeline-field-group textarea{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-family:inherit}.timeline-field-group input:focus,.timeline-field-group textarea:focus{outline:none;border-color:var(--accent)}.timeline-field-group textarea{min-height:60px;resize:vertical}.timeline-field-group input[type=datetime-local]{color-scheme:var(--color-scheme, dark)}.timeline-add-section{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius);border:var(--border-width) dashed var(--border)}.timeline-add-header span{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline-add-fields{display:flex;flex-direction:column;gap:.75rem}.add-item-button:disabled{opacity:.5;cursor:not-allowed}.add-item-button:disabled:hover{border-color:var(--border);color:var(--text-secondary)}.content-preview{padding:1.5rem}.content-preview-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:var(--border-width) solid var(--border)}.content-preview-blocks{display:flex;flex-direction:column;gap:1rem}.content-preview-block{background:transparent}.content-preview-block .timeline-block,.content-preview-block .timeline-items,.content-preview-block .timeline-item{background:transparent!important}.content-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;text-align:center;color:var(--text-muted)}.content-preview-empty p{margin:.25rem 0}.content-preview-empty p:first-child{font-size:1rem;color:var(--text-secondary)}@keyframes blockFadeIn{0%{opacity:0}to{opacity:1}}@keyframes blockSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blockSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes blockSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes blockSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes blockScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes blockBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blockFadeOut{0%{opacity:1}to{opacity:0}}@keyframes blockSlideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes blockSlideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes blockSlideLeftOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes blockSlideRightOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes blockScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.block-animate-fadeIn{animation:blockFadeIn var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideUp{animation:blockSlideUp var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideDown{animation:blockSlideDown var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideLeft{animation:blockSlideLeft var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideRight{animation:blockSlideRight var(--block-animation-duration, .3s) ease-out forwards}.block-animate-scaleIn{animation:blockScaleIn var(--block-animation-duration, .3s) ease-out forwards}.block-animate-bounce{animation:blockBounce var(--block-animation-duration, .5s) ease-out forwards}.block-animate-fadeOut{animation:blockFadeOut var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideUp-exit{animation:blockSlideUpOut var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideDown-exit{animation:blockSlideDownOut var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideLeft-exit{animation:blockSlideLeftOut var(--block-animation-duration, .3s) ease-out forwards}.block-animate-slideRight-exit{animation:blockSlideRightOut var(--block-animation-duration, .3s) ease-out forwards}.block-animate-scaleOut{animation:blockScaleOut var(--block-animation-duration, .3s) ease-out forwards}.story-list-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.story-list-container{flex:1;overflow-y:auto;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.story-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.story-list-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--accent),#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-list-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.story-list-actions{display:flex;gap:.75rem;align-items:flex-start;margin-top:.5rem}.create-story-button{padding:.625rem 1.25rem;background:var(--accent);border:var(--border-width) solid var(--accent);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-story-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.create-story-button:disabled{opacity:.5;cursor:not-allowed}.create-story-button:active:not(:disabled){transform:scale(.98)}.create-story-button--large{padding:1rem 2rem;font-size:1.125rem;margin-top:1rem}.refresh-button{padding:.625rem 1.25rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-button:hover{background:var(--border);border-color:var(--accent);color:var(--accent)}.refresh-button:active{transform:scale(.98)}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}.story-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;overflow:hidden}.story-card-thumbnail{width:120px;min-width:120px;background:var(--bg-tertiary)}.story-card-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.story-card-content{flex:1;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.story-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #e9456026}.story-card:active{transform:translateY(0)}.story-card-header{display:flex;align-items:center;justify-content:space-between}.story-genre{display:inline-block;padding:.375rem .75rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.story-tone{display:inline-block;padding:.375rem .75rem;background:#e945601a;border:var(--border-width) solid rgba(233,69,96,.3);border-radius:var(--radius);font-size:.75rem;font-weight:500;color:var(--accent)}.story-card-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-teaser{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card-footer{display:flex;gap:1rem;margin-top:auto}.story-stat{font-size:.875rem;color:var(--text-muted);font-weight:500}.error-message{padding:1.5rem;background:var(--bg-secondary);border:var(--border-width) solid var(--error);border-radius:var(--radius);color:var(--error);text-align:center;margin:2rem 0}.error-message p{margin:0}.empty-state{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state p{font-size:1.125rem;margin:0}.empty-state-hint{font-size:.9375rem;color:var(--text-muted);margin-top:.5rem}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border);min-height:64px;position:relative;z-index:10}.app-bar-left,.app-bar-right{display:flex;align-items:center;gap:1rem;flex:1}.app-bar-right{justify-content:flex-end}.app-bar-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.app-bar-tags{display:flex;align-items:center;gap:.5rem}.app-bar-title{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--accent),#ff9a8b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-bar-back{padding:.5rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.app-bar-back:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle{padding:.5rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;line-height:1}.theme-toggle:hover{border-color:var(--accent);background:var(--bg-tertiary)}.app-bar-user{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.app-bar-credits{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;font-weight:500}.app-bar-logout{padding:.5rem 1rem;background:transparent;border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.app-bar-logout:hover{border-color:var(--accent);color:var(--accent)}.app-bar-login{padding:.5rem 1rem;background:var(--accent);border:var(--border-width) solid var(--accent);border-radius:var(--radius);color:var(--bg-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.app-bar-login:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media(max-width:768px){.story-list-container{padding:1rem}.story-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.story-list-title{font-size:2rem}.story-list-subtitle{font-size:1rem}.refresh-button{align-self:stretch;margin-top:0}.story-grid{grid-template-columns:1fr;gap:1rem}.story-card-thumbnail{width:80px;min-width:80px}.story-card-content,.app-bar{padding:1rem}.app-bar-title{font-size:1.5rem}.app-bar-user{display:none}}@media(max-width:480px){.story-list-title{font-size:1.75rem}.story-card-title{font-size:1.25rem}}.story-reader-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.story-reader-container{flex:1;overflow-y:auto;padding:2rem;max-width:900px;margin:0 auto;width:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:1rem;margin-bottom:1rem}.story-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.story-genre-badge,.story-tone-badge{display:inline-block;padding:.375rem .75rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.connection-status{display:inline-block;padding:.375rem .75rem;background:var(--warning);border-radius:var(--radius);font-size:.75rem;font-weight:500;color:var(--bg-primary);margin-left:auto}.story-blocks{display:flex;flex-direction:column;gap:0}.story-block-wrapper{position:relative;padding:.75rem 2rem;cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent}.story-block-wrapper:hover{background:#e945600d;border-left-color:var(--accent)}.story-block-wrapper.selected{background:#e945600a;border-left-color:var(--accent)}.story-block-wrapper:first-child{padding-top:1.5rem}.story-block-wrapper:last-child{padding-bottom:1.5rem}.text-block{color:var(--text-primary);line-height:1.9;font-size:1.0625rem;margin:0}.text-block p{margin:0 0 1.25rem}.text-block p:last-child{margin-bottom:0}.text-block strong{font-weight:600;color:var(--text-primary)}.text-block em{font-style:italic}.text-block code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-xs);font-size:.9375em;font-family:Courier New,monospace;color:var(--accent)}.text-block pre{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius);overflow-x:auto;margin:1rem 0}.text-block pre code{background:transparent;padding:0;color:var(--text-primary)}.text-block ul,.text-block ol{margin:1rem 0;padding-left:1.5rem}.text-block li{margin:.5rem 0}.text-block blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.text-block a{color:var(--accent);text-decoration:underline}.text-block a:hover{color:var(--accent-hover)}.heading-block{font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.heading-block.heading-1{font-size:2rem;font-weight:700;margin-top:.5rem;margin-bottom:1.25rem}.heading-block.heading-2{font-size:1.75rem;font-weight:700;margin-top:.5rem;margin-bottom:1rem}.heading-block.heading-3{font-size:1.5rem;font-weight:600;margin-top:.5rem;margin-bottom:.875rem}.heading-block.heading-4{font-size:1.25rem;font-weight:600;margin-top:.5rem;margin-bottom:.75rem}.heading-block.heading-5{font-size:1.125rem;font-weight:600;margin-top:.5rem;margin-bottom:.75rem}.heading-block.heading-6{font-size:1rem;font-weight:600;margin-top:.5rem;margin-bottom:.75rem}.divider-block{border:none;border-top:var(--border-width) solid var(--border);margin:1.5rem 0;background:none}.divider-block.divider-sm{margin:1rem 0}.divider-block.divider-md{margin:1.5rem 0}.divider-block.divider-lg{margin:2rem 0}.image-block{margin:1.25rem 0;text-align:center}.image-block img{max-width:100%;height:auto;border-radius:var(--radius);border:var(--border-width) solid var(--border)}.image-block figcaption{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.unknown-block{padding:1rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem}.reaction-display{display:flex;gap:.375rem;margin-top:.75rem;padding-top:.5rem;flex-wrap:wrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;border-top:1px solid transparent}.story-block-wrapper:hover .reaction-display,.story-block-wrapper.selected .reaction-display{opacity:1;visibility:visible;border-top-color:var(--border)}.story-block-wrapper.selected .reaction-display{border-top-color:var(--accent)}.reaction-display-sm{gap:.375rem}.reaction-display-md{gap:.625rem}.reaction-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);transition:all .2s ease;cursor:pointer}.reaction-chip:hover{background:var(--border);border-color:var(--accent);transform:scale(1.05)}.reaction-chip.user-reaction{background:#e9456026;border-color:var(--accent);color:var(--accent)}.reaction-chip.reaction-zero{opacity:.5}.reaction-chip.reaction-zero:hover{opacity:1}.reaction-emoji{font-size:.875rem;line-height:1}.reaction-count{font-weight:500;font-size:.75rem;min-width:.75rem;text-align:center}.emoji-picker-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emoji-picker{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0000004d}.emoji-picker-header{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.emoji-button{aspect-ratio:1;background:var(--bg-tertiary);border:var(--border-width) solid var(--border);border-radius:var(--radius);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.emoji-button:hover{background:var(--border);border-color:var(--accent);transform:scale(1.1)}.emoji-button.selected{background:#e9456033;border-color:var(--accent)}.emoji-button:active{transform:scale(.95)}@media(max-width:768px){.story-reader-container{padding:1rem;margin-top:.5rem;margin-bottom:.5rem}.story-header{margin-bottom:2rem}.story-block-wrapper{padding:.625rem 1.5rem}.story-block-wrapper:first-child{padding-top:1.25rem}.story-block-wrapper:last-child{padding-bottom:1.25rem}.text-block{font-size:1rem}.heading-block.heading-1{font-size:1.75rem}.heading-block.heading-2{font-size:1.5rem}.heading-block.heading-3{font-size:1.25rem}.emoji-picker{padding:1.25rem}.emoji-picker-grid{grid-template-columns:repeat(5,1fr);gap:.375rem}.emoji-button{font-size:1.25rem}}@media(max-width:480px){.story-reader-container{padding:.75rem}.story-block-wrapper{padding:.5rem 1.25rem}.story-block-wrapper:first-child{padding-top:1rem}.story-block-wrapper:last-child{padding-bottom:1rem}.text-block{font-size:.9375rem}.heading-block.heading-1{font-size:1.5rem}.heading-block.heading-2{font-size:1.25rem}.emoji-picker-grid{grid-template-columns:repeat(4,1fr)}}.chapter-reader{position:relative;height:100vh;display:flex;flex-direction:column;overflow:hidden}.chapter-generating-page{flex:1;display:flex;align-items:center;justify-content:center}.chapter-reader__columns{flex:1;display:grid;grid-template-columns:auto 1fr;gap:2rem;padding:1rem;overflow:hidden;min-height:0;margin:0 auto;max-width:1400px;width:100%}.chapter-reader__image-column{position:sticky;top:0;height:fit-content;align-self:start}.chapter-reader__text-column{overflow-y:auto;padding-right:1rem;min-height:0}.chapter-reader__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.chapter-indicator{margin-left:auto;font-size:.875rem;color:var(--text-secondary)}.chapter-reader__content{max-width:800px}.content-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}@media(max-width:768px){.chapter-reader__columns{display:block;padding:0;overflow-y:auto}.chapter-reader__image-column{display:none}.chapter-reader__text-column{min-height:auto;padding:1rem;overflow:visible}.content-panel{background:transparent;padding:1rem}.chapter-content-mobile{display:flex;flex-direction:column;gap:1.5rem}}.chapter-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);line-height:1.3}.chapter-text{font-family:Georgia,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.chapter-text p{margin-bottom:1.25rem}.chapter-text h1,.chapter-text h2,.chapter-text h3{margin-top:2rem;margin-bottom:1rem;font-weight:600}.chapter-text strong{color:var(--text-primary);font-weight:600}.chapter-text em{font-style:italic}.chapter-paragraph{margin-bottom:1.25rem}.chapter-paragraph--bold{font-weight:600}.chapter-paragraph--italic{font-style:italic}.chapter-paragraph--underline{text-decoration:underline}.chapter-dialog{margin-bottom:1.25rem;padding-left:1.5rem;border-left:3px solid var(--accent)}.chapter-dialog__text{display:block;font-style:italic}.chapter-dialog__character{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;font-weight:500}.content-block--active{background-color:var(--accent-transparent, rgba(var(--accent-rgb, 100, 100, 200), .15));border-radius:var(--radius);padding:.75rem;margin:-.75rem -.75rem .5rem;transition:background-color .3s ease;box-shadow:inset 0 0 0 2px var(--accent)}.audio-controls{display:flex;align-items:center;gap:.5rem}.audio-controls__button{background:transparent;border:2px solid var(--accent);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);transition:all .2s ease;padding:0}.audio-controls__button:hover{background:var(--accent);color:var(--bg);transform:scale(1.05)}.audio-controls__button:active{transform:scale(.95)}.audio-controls__button--primary{background:var(--accent);color:var(--bg)}.audio-controls__button--primary:hover{opacity:.9}.audio-controls__button--secondary{width:28px;height:28px}.audio-controls__progress{font-size:.75rem;color:var(--text-secondary);min-width:3rem;text-align:center}.page-indicator{text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius)}.chapter-pages{display:flex;flex-direction:column;gap:3rem}.chapter-page{padding-bottom:2rem;border-bottom:1px solid var(--border)}.chapter-page:last-child{border-bottom:none}.chapter-navigation{display:flex;justify-content:center;gap:1rem;padding:2rem 1rem;margin-top:2rem}.chapter-navigation button:disabled{opacity:.5;cursor:not-allowed}.image-display{position:relative;width:auto;height:calc(100vh - 64px - 6rem);aspect-ratio:9 / 16;max-height:calc(100vh - 64px - 6rem);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.image-display__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.image-display__image--active{opacity:1}.image-display--placeholder{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.image-display__status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.image-display__status--error{color:var(--error)}.image-display__spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.image-display__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.image-display__counter{position:absolute;bottom:1rem;right:1rem;background:#0009;color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem}.inline-image{position:relative;width:100%;aspect-ratio:9 / 16;max-height:60vh;margin:1.5rem 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.inline-image__img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out}.inline-image--loaded .inline-image__img{opacity:1}.inline-image__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.inline-image__spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.inline-image--placeholder,.inline-image--error{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));color:var(--text-secondary);font-size:.875rem}.inline-image--error{color:var(--error)}.chapter-content-mobile{display:flex;flex-direction:column}.chapter-content-mobile .chapter-text{margin-bottom:0}.rating-bar{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);text-align:center}.rating-bar__stars{display:flex;gap:.25rem;justify-content:center}.rating-bar__star{background:transparent;border:none;padding:.25rem;cursor:pointer;transition:all .2s ease}.rating-bar__star:hover:not(:disabled){transform:scale(1.2)}.rating-bar__star:disabled{cursor:not-allowed;opacity:.6}.rating-bar__star-icon{font-size:1.75rem;color:var(--text-muted);transition:color .2s ease}.rating-bar__star--filled .rating-bar__star-icon{color:#fbbf24}.rating-bar__star:hover:not(:disabled) .rating-bar__star-icon{color:#fbbf24}.rating-bar__stats{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.rating-bar__average{font-size:1rem;font-weight:600;color:var(--text-primary)}.rating-bar__count{font-size:.875rem;color:var(--text-muted)}.rating-bar__count--empty{font-style:italic}.choice-selector{margin-top:3rem;padding-top:2rem;border-top:var(--border-width) solid var(--border)}.choice-selector__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.choice-selector__options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s,transform .2s}.choice-card:hover{border-color:var(--accent);transform:translateY(-2px)}.choice-card__summary{font-size:1rem;line-height:1.6;color:var(--text-primary);flex:1}.choice-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.choice-card__stat{font-size:.8125rem;color:var(--text-muted)}.choice-card__badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em}.choice-card__badge--explored{background:#4ade8026;color:var(--success)}.choice-card__badge--pioneer{background:#e9456026;color:var(--accent)}.choice-card__button{width:100%;margin-top:auto}.choice-card__button:disabled{opacity:.5;cursor:not-allowed}.breadcrumb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-nav__item{display:flex;align-items:center;gap:.25rem}.breadcrumb-nav__separator{color:var(--text-muted)}.breadcrumb-nav__link{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background .2s,color .2s}.breadcrumb-nav__link:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.breadcrumb-nav__link--current{color:var(--text-primary);font-weight:600;cursor:default}.breadcrumb-nav__link:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.video-background{display:none}.video-background__spinner{animation:none}.choice-card:hover{transform:none}}@media(max-width:768px){.content-overlay{padding:1.25rem}.chapter-title{font-size:1.5rem}.chapter-text{font-size:1rem}.chapter-navigation{flex-direction:column;padding:1.5rem 1rem}.chapter-navigation button{width:100%}.choice-selector__options{grid-template-columns:1fr}.choice-card{padding:1.25rem}.choice-card__summary{font-size:.9375rem}.breadcrumb-nav{font-size:.8125rem}}.dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.dialog--wide{max-width:600px}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:var(--border-width) solid var(--border)}.dialog-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.dialog-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;transition:color .2s ease}.dialog-close:hover{color:var(--text-primary)}.dialog-close:disabled{cursor:not-allowed;opacity:.5}.dialog-body{padding:1.5rem}.dialog-description{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.25rem;line-height:1.5}.dialog-row{display:flex;gap:1rem;margin-bottom:1rem}.dialog-field{margin-bottom:1rem}.dialog-field--half{flex:1;margin-bottom:0}.dialog-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.dialog-field select{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease;color-scheme:var(--color-scheme)}.dialog-field select:focus{outline:none;border-color:var(--accent)}.dialog-field select:disabled{opacity:.6;cursor:not-allowed}.dialog-field textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;line-height:1.5;resize:vertical;min-height:100px;transition:border-color .2s ease}.dialog-field textarea:focus{outline:none;border-color:var(--accent)}.dialog-field textarea:disabled{opacity:.6;cursor:not-allowed}.dialog-field-footer{display:flex;justify-content:flex-end;margin-top:.5rem;font-size:.8125rem;color:var(--text-muted)}.dialog-field-footer .error{color:var(--error)}.dialog-error{background:#ef44441a;border:var(--border-width) solid var(--error);border-radius:var(--radius);padding:.75rem 1rem;color:var(--error);font-size:.875rem;margin-bottom:1rem}.dialog-suggestion{background:#3b82f61a;border:var(--border-width) solid #3b82f6;border-radius:var(--radius);padding:.75rem 1rem;color:#93c5fd;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.dialog-suggestion strong{color:#60a5fa}.dialog-warning{background:#f59e0b1a;border:var(--border-width) solid var(--warning);border-radius:var(--radius);padding:.75rem 1rem;color:var(--warning);font-size:.875rem;margin-bottom:1rem}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:var(--border-width) solid var(--border);background:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dialog-button{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.dialog-button.secondary{background:transparent;border:var(--border-width) solid var(--border);color:var(--text-secondary)}.dialog-button.secondary:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.dialog-button.primary{background:var(--accent);border:var(--border-width) solid var(--accent);color:var(--bg-primary)}.dialog-button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.dialog-button:disabled{opacity:.5;cursor:not-allowed}.create-chapter-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-top:1rem;background:transparent;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-chapter-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.create-chapter-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.dialog{max-width:100%;max-height:100vh;border-radius:0}.dialog-footer{flex-direction:column}.dialog-button{width:100%}}