:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-header: "Playfair Display", "Georgia", serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--accent-primary: #0ea5e9;--accent-secondary: #06b6d4;--accent-gradient: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);--bg-primary: #faf9f8;--bg-secondary: #f2f1ed;--bg-tertiary: #e5e5e0;--text-primary: #0f172a;--text-secondary: #374151;--text-muted: #6b7280;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: var(--accent-primary);--color-primary-light: #e0f2fe;--color-primary-dark: #0284c7;--color-blue-400: #60a5fa;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-green-50: #f0fdf4;--color-green-600: #16a34a;--color-green-700: #15803d;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-600: #dc2626;--color-red-900: #7f1d1d;--color-orange-600: #ea580c;--glass-bg: rgba(255, 255, 255, .85);--glass-border: #e5e5e0;--glass-blur: blur(16px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--border-radius: 0px;--border-width: 1px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--border-radius-lg: var(--radius-lg);--shadow-sm: 0 1px 0 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 0 0 rgba(0, 0, 0, .1);--shadow-lg: 0 4px 0 0 rgba(0, 0, 0, .1);--shadow-xl: 0 8px 0 0 rgba(0, 0, 0, .1);--border-color: var(--glass-border);--background-elevated: var(--glass-bg);--container-max: 1200px;--container-pad: var(--space-xl);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--color-gray-50: #111827;--color-gray-100: #1f2937;--color-gray-200: #374151;--color-gray-300: #4b5563;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--color-gray-600: #d1d5db;--color-gray-700: #e5e7eb;--color-gray-800: #f3f4f6;--color-gray-900: #f9fafb;--glass-bg: rgba(15, 23, 42, .85);--glass-border: rgba(255, 255, 255, .08);--border-color: var(--glass-border);--background-elevated: rgba(30, 41, 59, .7)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.space-t-sm{margin-top:var(--space-sm)}.space-t-md{margin-top:var(--space-md)}.space-t-lg{margin-top:var(--space-lg)}.space-b-sm{margin-bottom:var(--space-sm)}.space-b-md{margin-bottom:var(--space-md)}.space-b-lg{margin-bottom:var(--space-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-6xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:var(--border-width) solid transparent;border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#fff;border:var(--border-width) solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:#fff3}.btn-ghost{background:transparent;color:var(--text-secondary);border:var(--border-width) solid var(--glass-border);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--glass-bg);border-color:var(--text-muted)}.btn-small{padding:4px 8px;font-size:var(--text-xs)}.btn-square{border-radius:4px!important}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:var(--border-width) solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);font-weight:600}.input{width:100%;padding:var(--space-md);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #06b6d41a}.input::placeholder{color:var(--text-muted)}.landing{height:100%;min-height:100vh;overflow-y:auto;background:#faf9f8;color:#0f172a}.landing-header{padding:var(--space-lg) 0;border-bottom:1px solid #e5e5e0;background:#faf9f8;-webkit-backdrop-filter:none;backdrop-filter:none}.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6{color:#0f172a}.landing p,.landing .section-content p,.landing .quote-small,.landing .section-coda{color:#374151}.landing a{color:#111827}.landing a:hover{color:#334155}.landing .narrative-section{background:#faf9f8;border-bottom:1px solid #e5e5e0}.landing .narrative-section.alt{background:#f2f1ed}.landing .section-label{color:#6b7280}.landing .section-content h2{color:#0f172a}.landing .section-content .section-coda,.landing .quote-small{color:#4b5563}.header-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:var(--space-lg)}.logo,.logo-btn{position:relative;display:inline-block;font-weight:700;color:var(--text-primary);cursor:pointer;text-decoration:none;background:none;border:none;padding:0;line-height:1;font-family:var(--font-primary)}.logo-main{font-size:calc(var(--text-2xl) * .95);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.logo-subtitle{position:absolute;top:.85em;left:.28em;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);opacity:.8;text-transform:lowercase;line-height:1;pointer-events:none;letter-spacing:.02em;text-indent:-.25em;padding-left:.25em}[data-theme=dark] .logo-subtitle{color:var(--text-secondary);opacity:1;font-weight:400;letter-spacing:.05em}.header-link{background:none;border:none;color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);transition:all var(--transition-fast)}.header-link:hover{color:#0f172a;background:#f2f1ed}.brand-name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#0f172a}.brand-est{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6b7280;margin-left:var(--space-md)}.hero{padding:var(--space-3xl) 0;border-bottom:1px solid var(--glass-border)}.hero-incitat{background:#faf9f8;border-color:#e5e5e0;padding:clamp(2.5rem,4vw,3.5rem) 0}.hero-incitat-grid{max-width:1180px;margin:0 auto;padding:0 var(--container-pad);display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem)}@media (min-width: 1024px){.hero-incitat-grid{grid-template-columns:1.1fr .9fr}}.hero-incitat-copy{display:flex;flex-direction:column;gap:var(--space-md)}.hero-incitat-kicker{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#6b7280}.hero-incitat-title{font-size:clamp(2.6rem,4.6vw,3.6rem);font-weight:700;line-height:1.08;letter-spacing:-.01em;color:#0f172a}.hero-incitat-underline{width:72px;height:1px;background:#0f172a;margin-top:var(--space-sm)}.hero-incitat-blurb{font-size:15px;line-height:1.65;color:#4b5563;max-width:34rem}.hero-incitat-cta{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.hero-btn-primary{background:none;border:none;border-bottom:2px solid #111827;color:#111827;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.hero-btn-primary:hover{color:#374151;border-color:#374151;transform:translate(2px)}.hero-btn-secondary{background:none;border:none;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 0;cursor:pointer;transition:color var(--transition-fast)}.hero-btn-secondary:hover{color:#111827}.hero-incitat-panel{border-left:none;padding:var(--space-md) 0 0}@media (min-width: 1024px){.hero-incitat-panel{padding:0 0 0 var(--space-2xl);border-left:1px solid #e5e5e0}}.hero-quote-card-incitat{background:#fff;border:1px solid #e5e5e0;box-shadow:0 12px 28px #1118270f;padding:var(--space-xl);text-align:left}.hero-quote-card-incitat .quote-line{font-size:18px;line-height:1.6;color:#111827;margin:0 0 var(--space-sm) 0}.hero-quote-card-incitat .quote-cite{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.hero-quote-card-incitat .quote-ref{font-size:11px;color:#9ca3af;margin-top:var(--space-xs)}.hero-auth-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.hero-auth-btn{flex:1;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid #0f172a;border-radius:2px;background:#0f172a;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.hero-auth-btn:hover{background:#1e293b;border-color:#1e293b}.hero-auth-btn-secondary{background:transparent;color:#0f172a}.hero-auth-btn-secondary:hover{background:#f2f1ed}[data-theme=dark] .hero-auth-btn{background:#f8fafc;border-color:#f8fafc;color:#0f172a}[data-theme=dark] .hero-auth-btn:hover{background:#e2e8f0;border-color:#e2e8f0}[data-theme=dark] .hero-auth-btn-secondary{background:transparent;color:#f8fafc;border-color:#f8fafc}[data-theme=dark] .hero-auth-btn-secondary:hover{background:#f8fafc1a}.hero-grid{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-text{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0}.hero-eyebrow{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--space-sm)}.hero-rule{width:64px;height:2px;background:var(--accent-primary);margin-bottom:var(--space-lg)}.hero-title{letter-spacing:-.01em;color:var(--text-primary)}.hero-subtitle{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:28rem;font-style:normal}.hero-quote-block{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--glass-border)}.hero-quote{margin:0;padding:0}.hero-centered{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.hero-quote-centered{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:40rem;text-align:center}.hero-quote-card{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--bg-secondary);box-shadow:0 6px 30px #0000001f;max-width:42rem;text-align:center}.hero-quote-card .quote-line{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-primary);margin:0 0 var(--space-md) 0}.hero-quote-card .quote-cite{font-size:12px;color:var(--text-secondary);letter-spacing:.02em}.hero-quote p{font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-md)}.hero-quote cite{display:block;font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-top:var(--space-md)}.hero-quote .quote-ref{display:block;font-size:9px;line-height:var(--leading-relaxed);color:var(--text-muted);margin-top:var(--space-xs);opacity:.7}.btn-arrow{display:inline-block;margin-left:var(--space-xs);transition:transform var(--transition-fast)}.btn-primary:hover .btn-arrow{transform:translate(2px)}.narrative-sections{max-width:var(--container-max);margin:0 auto;padding:0}.narrative-section{padding:var(--space-3xl) var(--container-pad);border-bottom:1px solid var(--glass-border)}.narrative-section:last-child{border-bottom:none}.narrative-section.alt{background:var(--bg-secondary);margin:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}.section-content{max-width:640px;margin:0 auto;text-align:left}.section-label{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--space-sm)}.section-content h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-md);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.section-rule{width:48px;height:1px;background:var(--glass-border);margin-bottom:var(--space-lg)}.section-content p{font-size:var(--text-base);line-height:1.75;color:var(--text-secondary)}.section-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.section-content .section-coda{margin-top:var(--space-lg);font-size:var(--text-sm);font-style:italic;color:var(--text-muted)}.section-content .section-coda a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.section-content .section-coda a:hover{border-bottom-color:var(--accent-primary)}.landing-footer{padding:var(--space-2xl) 0;border-top:1px solid #e5e5e0;background:#faf9f8;-webkit-backdrop-filter:none;backdrop-filter:none}.footer-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-section h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-md)}.footer-text{color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.footer-actions{display:flex;gap:var(--space-lg)}.footer-copyright{color:var(--text-muted);font-size:var(--text-sm)}.footer-link{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;display:block;margin-bottom:var(--space-xs)}.footer-link:hover{color:var(--accent-primary)}.landing .footer-section h4{color:#111827}.landing .footer-link{color:#4b5563}.landing .footer-link:hover{color:#111827}.landing .footer-text,.landing .footer-copyright{color:#6b7280}.landing .footer-bottom{border-top:1px solid #e5e5e0}[data-theme=dark] .landing{background:#0f172a;color:#f8fafc}[data-theme=dark] .landing-header{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .landing h1,[data-theme=dark] .landing h2,[data-theme=dark] .landing h3,[data-theme=dark] .landing h4,[data-theme=dark] .landing h5,[data-theme=dark] .landing h6{color:#f8fafc}[data-theme=dark] .landing p,[data-theme=dark] .landing .section-content p,[data-theme=dark] .landing .quote-small,[data-theme=dark] .landing .section-coda{color:#cbd5e1}[data-theme=dark] .landing a{color:#e2e8f0}[data-theme=dark] .landing a:hover{color:#f8fafc}[data-theme=dark] .landing .narrative-section{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .landing .narrative-section.alt{background:#1e293b}[data-theme=dark] .landing .section-label{color:#94a3b8}[data-theme=dark] .landing .section-content h2{color:#f8fafc}[data-theme=dark] .landing .section-content .section-coda,[data-theme=dark] .landing .quote-small{color:#94a3b8}[data-theme=dark] .landing-footer{background:#0f172a;border-top-color:#334155}[data-theme=dark] .landing .footer-section h4{color:#f8fafc}[data-theme=dark] .landing .footer-link{color:#94a3b8}[data-theme=dark] .landing .footer-link:hover{color:#f8fafc}[data-theme=dark] .landing .footer-text,[data-theme=dark] .landing .footer-copyright{color:#64748b}[data-theme=dark] .landing .footer-bottom{border-top-color:#334155}[data-theme=dark] .brand-name{color:#f8fafc}[data-theme=dark] .brand-est{color:#94a3b8}[data-theme=dark] .hero-incitat{background:#0f172a;border-color:#334155}[data-theme=dark] .hero-incitat-kicker{color:#94a3b8}[data-theme=dark] .hero-incitat-title{color:#f8fafc}[data-theme=dark] .hero-incitat-underline{background:#f8fafc}[data-theme=dark] .hero-incitat-blurb{color:#cbd5e1}[data-theme=dark] .hero-quote-card{background:#1e293b;border-color:#334155}[data-theme=dark] .quote-line{color:#f8fafc}[data-theme=dark] .quote-cite,[data-theme=dark] .quote-ref{color:#94a3b8}[data-theme=dark] .hero-btn-primary{color:#f8fafc;border-bottom-color:#f8fafc}[data-theme=dark] .hero-btn-primary:hover{color:#cbd5e1;border-color:#cbd5e1}[data-theme=dark] .hero-btn-secondary{color:#94a3b8}[data-theme=dark] .hero-btn-secondary:hover{color:#f8fafc}[data-theme=dark] .hero-incitat-panel{border-left-color:#334155}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);background:transparent;border:1px solid var(--glass-border);border-radius:2px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.header-right .footer-link{display:inline-block;margin-bottom:0;margin-left:var(--space-lg)}.app>.editor-header .header-right .nav-menu-btn{display:none}.header-right .footer-link:first-child{margin-left:0}.footer-actions .footer-link{margin-bottom:0}.app{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app>.editor-header{padding:var(--space-md) 0;border-bottom:var(--border-width) solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:50}.app>.editor-header .header-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.nav-menu-btn{display:none}.header-center{display:flex;align-items:center}.editor-main{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.access-required{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:var(--space-xl)}.access-content{text-align:center;max-width:400px}.access-content h2{margin-bottom:var(--space-md)}.access-content p{margin-bottom:var(--space-xl)}.notes-app{display:flex;flex-direction:column;background:var(--bg-primary);flex:1 1 auto;min-height:0;overflow:hidden}.notes-app .notes-content{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);width:100%;flex:1;min-height:0;overflow:hidden}.notes-sidebar{width:100%;height:100%;background:var(--bg-primary);border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.notes-list{flex:1;overflow-y:auto;padding:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-track{background:transparent}.notes-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.notes-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notes-main{flex:1 1 auto;display:flex;flex-direction:column;background:var(--bg-secondary);min-width:0;overflow:hidden;min-height:0;padding:var(--space-lg);border-left:2px solid var(--accent-secondary)}.note-editor{flex:1;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-2xl);gap:var(--space-lg);overflow:auto;min-height:0;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.editor-form{flex:1;display:flex;flex-direction:column;gap:var(--space-lg)}.content-textarea{flex:1;min-height:300px;resize:vertical;font-family:var(--font-mono);line-height:var(--leading-relaxed)}.sidebar-header{position:sticky;top:0;z-index:2;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:var(--border-width) solid var(--glass-border);background:var(--bg-primary)}.create-btn{width:100%;min-height:44px;justify-content:flex-start;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);white-space:nowrap;gap:var(--space-sm)}.notes-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.note-item{padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.note-item:hover{background:var(--bg-secondary);border-color:var(--accent-secondary)}.note-item.active{background:var(--bg-secondary);border-color:var(--accent-primary)}.note-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.note-preview{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xs);line-height:var(--leading-tight);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.note-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:var(--text-xs);gap:var(--space-sm)}.note-date{color:var(--text-muted)}.notes-placeholder{display:flex;align-items:center;justify-content:center;flex:1;min-height:400px;padding:var(--space-2xl);text-align:center}.placeholder-content{max-width:640px;display:flex;flex-direction:column;gap:var(--space-md)}.placeholder-content h2{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.4rem);margin:0}.placeholder-content p{color:var(--text-secondary);margin:0}.notes-toolbar{display:flex;gap:var(--space-sm);align-items:center;position:sticky;top:0;z-index:1;background:var(--bg-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-sm);border-bottom:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);margin-bottom:var(--space-sm)}.search-input{flex:1}.tag-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0 var(--space-sm) var(--space-sm)}.tag-chip{background:var(--glass-bg);color:var(--text-secondary);border:var(--border-width) solid var(--glass-border);border-radius:999px;padding:4px 10px;font-size:var(--text-xs);cursor:pointer}.tag-chip.active{background:var(--accent-primary);color:var(--bg-primary);border-color:transparent}.notes-more{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) 0}.note-item{position:relative;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-sm);overflow:hidden}.note-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:transparent;transition:background var(--transition-fast)}.note-item:hover{background:var(--bg-secondary);border-color:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-item.active{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.note-item.active:before{background:var(--accent-primary)}.features{display:grid;gap:var(--space-lg);margin-bottom:var(--space-2xl);text-align:left}.feature{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.feature-icon{font-size:var(--text-2xl);line-height:1}.feature h3{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:var(--text-lg)}.feature p{color:var(--text-secondary);margin:0}.note-editor{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto;box-sizing:border-box}.note-editor .editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.note-editor .editor-header h2{color:var(--text-primary);margin:0}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xl);padding:var(--space-sm);transition:color .2s ease}.close-btn:hover{color:var(--text-primary)}.editor-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.title-input{font-size:var(--text-xl);font-weight:600;padding:var(--space-md)}.content-textarea{min-height:300px;resize:vertical;font-family:var(--font-mono);line-height:var(--leading-relaxed)}.tags-container{display:flex;flex-direction:column;gap:var(--space-sm)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{background:var(--accent-primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-xs)}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--text-xs)}.tag-input-container{display:flex;gap:var(--space-sm)}.attachments-section{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .2s ease}.attachments-section:hover{border-color:var(--accent-secondary)}.attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.attachments-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary)}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-input-button{background:var(--accent-gradient);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:opacity .2s ease}.file-input-button:hover{opacity:.9}.editor-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-width) solid var(--glass-border)}.editor-info{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-lg)}@media (max-width: 769px){.editor-info .btn{min-width:44%}}@media (max-width: 769px){.app>.editor-header .editor-nav{display:none}.app>.editor-header .header-right .nav-menu-btn{display:inline-flex}.nav-menu{position:absolute;top:100%;right:var(--space-lg);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:var(--space-sm);display:flex;gap:var(--space-xs);z-index:60}.nav-menu .footer-link{display:block}.note-editor-overlay{position:fixed;inset:0;z-index:60;background:var(--bg-secondary);display:flex;flex-direction:column}.note-editor-overlay .note-editor{height:100%;overflow-y:auto;padding:var(--space-lg) var(--space-md);max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.note-editor,.editor-form{overflow-x:hidden}.attachments-list,.attachment-item{max-width:100%;overflow:hidden}.attachment-image{max-width:100%;height:auto;display:block}.attachment-file{word-break:break-word;overflow-wrap:anywhere}.notes-app .notes-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.notes-app{flex-direction:column;height:calc(100vh - 80px);max-height:calc(100vh - 80px)}.notes-sidebar{width:100%!important;min-width:unset!important;flex:0 0 auto;max-height:45%!important;border-right:none!important;border-bottom:var(--border-width) solid var(--glass-border)!important;overflow-y:auto!important}.notes-main{flex:1 1 auto;overflow:auto;min-height:0}.notes-app.mobile-no-main .notes-main{display:none}.notes-app.mobile-no-main .notes-sidebar{max-height:100%!important;flex:1 1 auto;border-bottom:none!important}.footer-sections{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-md)}.footer-actions{order:-1}.modal-overlay{padding:var(--space-md)}.modal{max-width:none;width:100%;max-height:calc(100dvh - 2 * var(--space-md));height:auto;box-sizing:border-box}.modal-header{padding:var(--space-md) var(--space-md) var(--space-sm)}.modal-content{padding:var(--space-md)}.modal-actions{margin-top:var(--space-md);gap:var(--space-sm)}}@media (min-width: 770px){.nav-menu{display:none!important}}.about-page{height:100%;min-height:100vh;overflow-y:auto;background:var(--bg-primary)}.about-header{padding:var(--space-lg) 0;border-bottom:var(--border-width) solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.about-main{padding:var(--space-3xl) 0}.about-content{max-width:800px;margin:0 auto;padding:0 var(--space-xl);text-align:center}.about-content h1{margin-bottom:var(--space-lg)}.about-content p{font-size:var(--text-lg);margin-bottom:var(--space-xl)}.doc-links{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.doc-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);color:var(--accent-primary);font-weight:500;transition:all var(--transition-normal);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.doc-link:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}[data-theme=dark] .modal-overlay{background:#0f172ad1}.modal{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 28px 60px #0f172a52;max-width:500px;width:100%;max-height:90dvh;overflow-y:auto}.modal-header{padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:var(--border-width) solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--text-2xl);margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-sm);border-radius:var(--border-radius);transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modal-content{padding:var(--space-xl);color:var(--text-secondary)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:#0f172a;font-size:var(--text-sm)}.file-input{width:100%;padding:var(--space-lg);border:1px dashed var(--glass-border);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-secondary);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.file-input:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.modal .input{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);color:var(--text-primary)}.modal .input::placeholder{color:var(--text-muted)}.landing-modal{max-width:960px;width:100%;padding:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.landing-modal-header,.landing-modal-footer{display:none}.landing-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;background:var(--bg-primary);min-height:500px}.landing-modal-pane-meta{padding:var(--space-2xl);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;gap:var(--space-lg)}.landing-modal-pane-form{padding:var(--space-2xl);background:var(--bg-primary);position:relative;display:flex;flex-direction:column;justify-content:center}.landing-modal-card{background:transparent;border:none;box-shadow:none;padding:0}.modal-close-absolute{position:absolute;top:var(--space-lg);right:var(--space-lg);background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);line-height:1;z-index:10}.modal-close-absolute:hover{color:var(--text-primary)}.landing-modal-title{font-family:var(--font-header);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-sm)}.landing-modal-kicker{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:var(--space-xs)}.landing-modal-blurb{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary)}.landing-modal-quote{margin-top:var(--space-lg);padding-left:var(--space-md);border-left:2px solid var(--accent-primary)}.landing-modal-quote .quote-line{font-family:var(--font-header);font-style:italic;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-xs)}.landing-modal-quote .quote-cite{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start}.landing-modal{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.landing-modal-grid{grid-template-columns:1fr;display:flex;flex-direction:column;height:100%}.landing-modal-pane-meta{display:none}.landing-modal-pane-form{padding:var(--space-lg) var(--space-md);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-close-absolute{top:var(--space-md);right:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}}.landing-modal-card .modal-header{padding:var(--space-lg) var(--space-lg) var(--space-md);margin:0}.landing-modal-card .modal-content{padding:0 var(--space-lg) var(--space-xl)}.landing-modal-kicker,.landing-modal-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.landing-modal-title{font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.landing-modal-blurb{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.landing-modal-quote{padding:var(--space-lg);border-radius:var(--radius-md);border:var(--border-width) solid var(--glass-border);background:var(--background-elevated);box-shadow:var(--shadow-sm)}.landing-modal-footnote{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.landing-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:var(--border-width) solid var(--glass-border);background:var(--bg-primary)}.passphrase-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-sm);margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--glass-bg);border-radius:var(--border-radius);border:var(--border-width) solid var(--glass-border)}.passphrase-word{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--bg-primary);border-radius:var(--border-radius)}.word-number{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.word-text{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.checkboxes{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border-radius:var(--border-radius);border:var(--border-width) solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.checkbox-label:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.checkbox-label input[type=checkbox]{margin-top:2px;width:16px;height:16px}.error-message{padding:var(--space-md);background:#ef44441a;border:var(--border-width) solid #ef4444;border-radius:var(--border-radius);color:#fca5a5;font-size:var(--text-sm);margin-top:var(--space-lg)}.keyfile-info{padding:var(--space-md);background:#22c55e1a;border:var(--border-width) solid #22c55e;border-radius:var(--border-radius);color:#86efac;font-size:var(--text-sm);margin-top:var(--space-md)}@media (max-width: 1024px){.narrative-sections{padding:0 var(--space-lg)}.narrative-section.alt{margin:0 calc(-1 * var(--space-lg));padding:var(--space-2xl) var(--space-lg)}.section-content h2{font-size:var(--text-2xl)}.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}.modal-overlay{padding:var(--space-lg)}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.landing-modal-grid{grid-template-columns:1fr}.landing-modal-pane-meta{border-right:none;border-bottom:var(--border-width) solid var(--glass-border)}.landing-modal{max-height:calc(100dvh - 2 * var(--space-lg))}}@media (max-width: 480px){.header-content{padding:0 var(--space-md)}.hero-title{font-size:var(--text-3xl)}.hero-content,.narrative-sections,.about-content{padding:0 var(--space-md)}.footer-sections{grid-template-columns:1fr;gap:var(--space-md)}.footer-content{padding:0 var(--space-md)}.modal-overlay{padding:var(--space-md)}.passphrase-display{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.notes-footer{background:var(--background-elevated);border-top:1px solid var(--border-color);padding:var(--space-xl) var(--space-lg) var(--space-lg);flex-shrink:0;width:100%}.footer-toggle,.notes-footer.collapsed .footer-content,.notes-footer.collapsed .footer-text{display:none!important}.notes-footer.collapsed .footer-bottom{border-top:none!important;padding-top:0!important}.notes-footer.collapsed{min-height:auto!important;height:auto!important;padding:var(--space-sm) var(--space-md)!important}.notes-footer .footer-content{display:grid!important;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto;margin-bottom:var(--space-lg);flex-direction:row;text-align:left}.notes-footer .footer-section h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.notes-footer .footer-link{display:block;color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-xs);transition:color var(--transition-fast)}.notes-footer .footer-link:hover{color:var(--text-primary)}.notes-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--border-color);max-width:1200px;margin:0 auto}.notes-footer .footer-text{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.notes-footer .footer-copyright{color:var(--text-muted);font-size:var(--text-sm)}@media (max-width: 769px){.notes-footer,.notes-footer.open,.notes-footer.collapsed{position:static;padding:var(--space-sm) var(--space-md);box-shadow:none}.notes-footer .footer-content,.notes-footer .footer-text{display:none}.notes-footer.open .footer-content,.notes-footer.open .footer-text{display:grid!important;grid-template-columns:1fr!important}.notes-footer.collapsed .footer-bottom{border-top:none;padding-top:0;text-align:center}.footer-toggle{display:block;background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);cursor:pointer;margin-bottom:var(--space-sm);font-size:var(--text-sm)}}@media (max-width: 480px){.notes-footer .footer-content{grid-template-columns:1fr;gap:var(--space-md)}.notes-footer{padding:var(--space-sm) var(--space-md)}.notes-footer .footer-content,.notes-footer .footer-text{display:none}.notes-footer .footer-bottom{border-top:none;padding-top:0}}.updates-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.update-item{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-lg);transition:all var(--transition-fast)}.update-item:hover{background:var(--background-elevated);border-color:var(--accent-primary);transform:translateY(-1px)}.update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.update-meta{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.commit-sha{font-family:var(--font-mono);background:var(--accent-primary);color:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:600}.commit-author{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.commit-date{color:var(--text-muted);font-size:var(--text-sm)}.commit-link{color:var(--text-muted);text-decoration:none;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.commit-link:hover{color:var(--accent-primary);background:var(--background-elevated)}.update-message{line-height:var(--leading-relaxed)}.commit-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--text-base)}.commit-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xs);padding-left:var(--space-md);border-left:2px solid var(--border-color)}.commit-description:empty{display:none}.updates-actions{display:flex;gap:var(--space-md);justify-content:center;align-items:center;padding-top:var(--space-lg);border-top:var(--border-width) solid var(--border-color)}.loading-state{text-align:center;padding:var(--space-2xl)}@media (min-width: 1200px){.notes-sidebar{width:380px;min-width:380px}.note-editor{padding:var(--space-2xl) var(--space-3xl);max-width:1000px;margin:0 auto}.editor-form{gap:var(--space-xl)}.tags-container{max-width:none}.footer-sections{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto}}@media (min-width: 1600px){.notes-sidebar{width:420px;min-width:420px}.note-editor{padding:var(--space-3xl);max-width:1200px}.form-group:first-child{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}}@media (min-width: 770px){.note-item{padding:var(--space-md);margin-bottom:var(--space-xs)}.editor-header .header-content{max-width:1400px;margin:0 auto}.attachments-section{background:var(--glass-bg);border-radius:var(--border-radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.editor-actions{justify-content:flex-end;gap:var(--space-md)}.note-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight)}.note-preview{font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:var(--space-xs)}.form-group{margin-bottom:var(--space-lg)}.title-input{font-size:var(--text-xl);font-weight:600;padding:var(--space-md)}.content-textarea{font-size:var(--text-base);line-height:1.6;padding:var(--space-lg)}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--space-xl);background:#ef44441a;border:var(--border-width) solid #ef4444;border-radius:var(--border-radius);color:var(--text-primary)}.error-state a{color:var(--accent-primary);text-decoration:underline}.cta-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}@media (max-width: 768px){.update-header{flex-direction:column;align-items:flex-start}.update-meta{gap:var(--space-sm)}.updates-actions,.cta-actions{flex-direction:column}}@media (max-width: 480px){.update-item{padding:var(--space-md)}.update-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.chain-status-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);transition:all var(--transition-fast);text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:2px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.chain-status-btn:hover{color:var(--accent-primary);background:var(--glass-bg);text-decoration-color:var(--accent-primary)}.chain-status-btn strong{color:var(--text-primary);font-weight:600}.blockchain-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;background:var(--bg-primary);border:none;overflow-y:auto;z-index:10000;padding:var(--space-xl)}.blockchain-details{display:grid;gap:var(--space-lg);color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:1200px;margin:0 auto}@media (min-width: 1024px){.blockchain-details{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media (min-width: 768px) and (max-width: 1023px){.blockchain-details{grid-template-columns:1fr}}.detail-section{padding:var(--space-md);background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);border-radius:var(--border-radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.detail-section strong{color:var(--text-primary);font-weight:600}.endpoints-list{margin:var(--space-sm) 0 0 var(--space-md);padding-left:var(--space-lg)}.endpoints-list li{margin-bottom:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);word-break:break-all}.json-dump{white-space:pre-wrap;font-size:var(--text-xs);background:var(--glass-bg);padding:var(--space-lg);border-radius:var(--border-radius);border:var(--border-width) solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow-x:auto;max-height:300px;overflow-y:auto}.chain-status-container{margin-top:var(--space-sm);text-align:center}.app-topbar{position:sticky;top:0;z-index:20;background:var(--bg-primary);min-height:0}.app-topbar:empty{display:none}.app-topbar:has(.decrypt-progress-bar){padding:8px 12px;border-bottom:1px solid var(--glass-border)}.decrypt-progress-bar{max-width:960px;margin:0 auto}.decrypt-progress-bar .progress-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);margin-bottom:6px}.decrypt-progress-bar .progress-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.decrypt-progress-bar .progress-track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.decrypt-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#a78bfa);width:0%;transition:width .18s ease-out}.encryption-page{min-height:100vh;background:var(--bg-primary);padding-bottom:var(--space-3xl)}.encryption-hero{max-width:var(--container-max);margin:0 auto;padding:var(--space-3xl) var(--container-pad);border-bottom:1px solid var(--glass-border)}.encryption-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-md)}.encryption-intro{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);max-width:640px}.encryption-grid{max-width:var(--container-max);margin:0 auto}.encryption-section{padding:var(--space-3xl) var(--container-pad);border-bottom:1px solid var(--glass-border)}.encryption-section:last-child{border-bottom:none}.encryption-section.alt{background:var(--bg-secondary)}.encryption-section h2{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:var(--space-md)}.encryption-section h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.encryption-section p{font-size:var(--text-base);line-height:1.75;color:var(--text-secondary);max-width:720px}.encryption-list{list-style:none;padding:0;margin:var(--space-lg) 0;max-width:720px}.encryption-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-md);font-size:var(--text-base);line-height:1.75;color:var(--text-secondary)}.encryption-list li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.encryption-list li strong{color:var(--text-primary)}.encryption-list a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.encryption-list a:hover{border-bottom-color:var(--accent-primary)}.encryption-note{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);border-left:3px solid var(--accent-primary);font-size:var(--text-sm);color:var(--text-secondary);max-width:720px}.encryption-cta .encryption-list a{font-weight:500}.decryption-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader-content{text-align:center;max-width:400px;width:90%;padding:var(--space-xl)}.loader-icon{font-size:3rem;margin-bottom:var(--space-lg);animation:pulse 2s infinite}.loader-content h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--text-primary)}.loader-content p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.progress-container{width:100%;height:6px;background:var(--glass-border);border-radius:3px;overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar{height:100%;background:var(--accent-primary);transition:width .3s ease}.progress-stats{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-xl);font-variant-numeric:tabular-nums}.btn-skip{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;opacity:.7;transition:opacity .2s}.btn-skip:hover{opacity:1}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.notes-placeholder{position:relative;z-index:10;opacity:1}.login-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-form{background:#fff;padding:var(--space-8);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-header h2{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-footer{margin-top:var(--space-6);text-align:left;color:var(--color-gray-600)}.auth-section{display:flex;flex-direction:column;gap:var(--space-4)}.auth-btn{padding:var(--space-4) var(--space-6);font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-divider{position:relative;text-align:center;margin:var(--space-2) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-gray-300)}.auth-divider span{background:#fff;padding:0 var(--space-4);color:var(--color-gray-500);font-size:.875rem}.security-info{background-color:var(--color-gray-50);padding:var(--space-4);border-radius:var(--border-radius);margin-top:var(--space-4)}.security-info h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-3);color:var(--color-gray-900)}.security-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.security-info li{font-size:.875rem;line-height:1.4}.compatibility-warning{background-color:#fef3cd;border:1px solid #fde68a;color:#92400e;padding:var(--space-3);border-radius:var(--border-radius);margin-top:var(--space-4)}.notes-app{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.notes-content{display:grid;grid-template-columns:350px 1fr;flex:1;min-height:0;gap:0}.notes-sidebar{background-color:var(--color-gray-50);border-right:var(--border-width) solid var(--color-gray-200);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-gray-200);flex-shrink:0}.create-btn{width:100%;font-size:1rem;padding:var(--space-3) var(--space-4)}.notes-main{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.notes-list{flex:1;overflow-y:auto}.notes-loading,.notes-error,.notes-empty{padding:var(--space-6);text-align:center;color:var(--color-gray-600)}.note-item{padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-gray-200);cursor:pointer;transition:background-color .2s ease}.note-item:hover{background-color:var(--color-gray-100)}.note-item.active{background-color:var(--color-primary-light);border-left:4px solid var(--color-primary)}.note-title{font-weight:600;font-size:1rem;margin-bottom:var(--space-1);color:var(--color-gray-900)}.note-preview{font-size:.875rem;color:var(--color-gray-700);line-height:1.4;margin-bottom:var(--space-2)}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-gray-500)}.note-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag{background-color:var(--color-gray-200);color:var(--color-gray-700);padding:2px var(--space-2);border-radius:calc(var(--border-radius) / 2);font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1)}.tag-remove{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.tag-remove:hover{background-color:var(--color-gray-300);color:var(--color-gray-700)}.notes-placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.placeholder-content{text-align:center;max-width:600px}.placeholder-content h2{font-size:2rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4)}.features{display:grid;gap:var(--space-6);margin:var(--space-8) 0;text-align:left}.feature{display:flex;gap:var(--space-4);align-items:flex-start}.feature-icon{font-size:2rem;flex-shrink:0}.feature h3{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-1)}.feature p{color:var(--color-gray-600);line-height:1.6}.note-editor{flex:1;display:flex;flex-direction:column;padding:var(--space-6);min-height:0}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-gray-200)}.editor-header h2{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.close-btn{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.editor-form{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding-right:var(--space-2)}.title-input{font-size:1.5rem;font-weight:600;border:none;border-bottom:2px solid var(--color-gray-200);border-radius:0;padding:var(--space-4) 0;margin-bottom:var(--space-4)}.title-input:focus{border-bottom-color:var(--color-primary);box-shadow:none}.tags-container{margin-bottom:var(--space-4)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);min-height:32px;align-items:center}.tag-input-container{display:flex;gap:var(--space-2);align-items:center}.tag-input{flex:1}.editor-content{flex:1;display:flex;flex-direction:column;min-height:0}.content-textarea{flex:1;resize:none;min-height:300px;max-height:50vh;overflow:auto;line-height:1.6;font-family:var(--font-mono)}.editor-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-gray-200);flex-shrink:0;background:#fff;z-index:5}.editor-info{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-50);border-radius:var(--border-radius);text-align:center;color:var(--color-gray-700);flex-shrink:0}@media (max-width: 768px){.notes-app{flex:1;min-height:0}.notes-content{grid-template-columns:1fr;min-height:0}.notes-sidebar{border-right:none;border-bottom:var(--border-width) solid var(--color-gray-200)}.login-form{padding:var(--space-6);margin:var(--space-4)}.features{gap:var(--space-4)}.feature{gap:var(--space-3)}.note-editor{padding:var(--space-4);height:auto}.content-textarea{max-height:60vh}.footer-content{flex-direction:column;gap:var(--space-3);text-align:center}.footer-left{justify-content:center;order:2}.footer-center{order:1}.footer-right{order:3}.footer-link{margin-left:0}}.welcome-screen{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.welcome-content{text-align:center;max-width:600px}.welcome-content h2{font-size:2.5rem;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4)}.welcome-content p{font-size:1.125rem;color:var(--color-gray-600);margin-bottom:var(--space-8);line-height:1.6}.main-actions{display:flex;justify-content:center;gap:var(--space-4)}.btn-large{padding:var(--space-4) var(--space-8);font-size:1.25rem;font-weight:600;min-width:200px}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)}.footer-left{flex:1;display:flex;align-items:center;gap:var(--space-4)}.footer-center{flex:1;text-align:center}.footer-right{flex-shrink:0}.footer-link{margin-left:var(--space-4)}.footer-tagline{font-size:.75rem;color:var(--color-gray-500);font-style:italic}.link-btn{background:none;border:none;color:var(--color-blue-600);text-decoration:underline;cursor:pointer;font-size:.875rem;padding:var(--space-2)}.link-btn:hover{color:var(--color-blue-700)}.link-btn-small{font-size:.75rem;padding:var(--space-1) var(--space-2);opacity:.7}.health-page-container{padding:var(--space-6);max-width:1000px;margin:0 auto}.health-header{margin-bottom:var(--space-4)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-4)}.modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-gray-900)}.modal-content{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.warning-section{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-left:4px solid var(--color-orange-600)}.warning-section h3{color:var(--color-orange-600);margin-bottom:var(--space-md);font-family:var(--font-header);font-size:var(--text-xl);display:flex;align-items:center;gap:var(--space-sm)}.warning-section ul{margin:var(--space-md) 0;padding-left:var(--space-lg)}.warning-section li{margin-bottom:var(--space-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.generate-section{margin-bottom:var(--space-lg)}.generate-section h3{color:var(--accent-primary);margin-bottom:var(--space-md);font-family:var(--font-header);font-size:var(--text-xl)}.passphrase-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);margin:var(--space-md) 0}.passphrase-word{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-color)}.word-number{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;min-width:20px}.word-text{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.passphrase-actions{display:flex;gap:var(--space-md);margin:var(--space-md) 0}.account-label{margin-top:var(--space-4)}.account-label label{display:block}.account-label span{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--color-gray-700)}.confirm-section{margin-bottom:var(--space-6)}.confirm-section h3{color:var(--color-green-600);margin-bottom:var(--space-4);font-size:1.25rem}.checkboxes{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-3);border-radius:var(--border-radius);transition:background-color .2s}.checkbox-label:hover{background:var(--color-gray-50)}.checkbox-label input[type=checkbox]{margin:2px 0 0;width:16px;height:16px;flex-shrink:0}.login-section{margin-bottom:var(--space-6)}.login-section h3{color:var(--color-blue-600);margin-bottom:var(--space-4);font-size:1.25rem}.file-input-section{margin-bottom:var(--space-4)}.file-input-label{display:block}.file-input-label span{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--color-gray-700)}.file-input{width:100%;padding:var(--space-3);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-gray-50);transition:border-color .2s}.file-input:hover{border-color:var(--color-blue-400)}.keyfile-info{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-green-50);color:var(--color-green-700);border-radius:var(--border-radius);font-size:.875rem}.passphrase-input-section label{display:block}.passphrase-input-section span{display:block;font-weight:500;margin-bottom:var(--space-2);color:var(--color-gray-700)}.attachments-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.attachments-header{margin-bottom:var(--space-4)}.attachments-label{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:600;color:var(--color-gray-700);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);transition:background-color .2s ease}.attachments-label:hover{background-color:var(--color-gray-50)}.file-input-hidden{display:none}.file-input-button{background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;transition:background-color .2s ease;cursor:pointer}.file-input-button:hover{background-color:var(--color-primary-dark)}.attachments-list{display:flex;flex-direction:column;gap:var(--space-3)}.attachment-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--border-radius);border:1px solid var(--color-gray-200);transition:all .2s ease}.attachment-item:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-300)}.attachment-preview{flex-shrink:0}.attachment-image{width:64px;height:64px;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.05)}.attachment-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease;min-width:120px}.attachment-file:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.file-icon{font-size:1.25rem}.file-size{font-size:.75rem;color:var(--color-gray-500)}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:500;color:var(--color-gray-900);margin-bottom:var(--space-1);word-break:break-word}.attachment-meta{font-size:.75rem;color:var(--color-gray-600)}.attachment-remove{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--space-1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.attachment-remove:hover{background-color:var(--color-red-50);color:var(--color-red-600)}@media (max-width: 768px){.attachment-item{flex-direction:column;align-items:stretch;gap:var(--space-3)}.attachment-preview{align-self:center}.attachment-info{text-align:center}.attachment-remove{align-self:center}}.inspector-content{max-height:70vh;overflow-y:auto}.inspector-section{margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);background-color:var(--color-gray-50)}.inspector-section h3{margin:0 0 var(--space-4) 0;font-size:1.125rem;font-weight:600;color:var(--color-gray-900)}.inspector-section h4{margin:var(--space-4) 0 var(--space-2) 0;font-size:1rem;font-weight:600;color:var(--color-gray-700)}.inspector-subsection{margin-bottom:var(--space-4);padding:var(--space-3);background-color:#fff;border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200)}.inspector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3);font-size:.875rem}.inspector-grid>div{padding:var(--space-2);background-color:#fff;border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200)}.inspector-code{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--border-radius-sm);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.inspector-code.error{background-color:var(--color-red-900);color:var(--color-red-100)}.block-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);font-size:.75rem;margin-bottom:var(--space-3)}.block-summary>div{padding:var(--space-2);background-color:#fff;border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200)}.block-size-info{background-color:#fff;padding:var(--space-4);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);font-size:.875rem;line-height:1.6}.block-size-info p{margin:0 0 var(--space-2) 0}.block-size-info p:last-child{margin-bottom:0}.loading{text-align:center;padding:var(--space-8);color:var(--color-gray-600);font-style:italic}