:root{--bg-color:#050505;--panel-bg:#19191e99;--panel-border:#ffffff14;--text-primary:#f0f0f0;--text-secondary:#a0a0a5;--accent-glow:#8c64ff66;--accent-color:#9d7cff;--accent-hover:#b399ff;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#8c64ff08 0%,#0000 50%),radial-gradient(circle at 85% 30%,#28b4ff08 0%,#0000 50%);min-height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 8px 32px #0000004d}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-navbar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0e111af2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:52px;min-height:52px;padding:0 20px;display:flex}.layout{grid-template-columns:320px 1fr 320px;gap:16px;height:calc(100vh - 52px);padding:16px;display:grid;overflow:hidden}.layout.admin-layout,.layout.wizard-layout{grid-template-columns:1fr}.layout.settings-layout{grid-template-columns:280px 1fr}.layout.left-collapsed{grid-template-columns:1fr 320px}.layout.left-collapsed.right-collapsed{grid-template-columns:1fr}.layout.left-collapsed .sidebar-left,.layout.admin-layout .sidebar-left,.layout.admin-layout .sidebar-right,.layout.wizard-layout .sidebar-left,.layout.wizard-layout .sidebar-right,.layout.settings-layout .sidebar-right{display:none!important}.hover-scale:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.focus-ring:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #8a2be233!important}.layout>div{min-height:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulseGlow{0%{box-shadow:0 0 20px 0px var(--accent-glow);transform:scale(1)}50%{box-shadow:0 0 40px 10px var(--accent-glow);transform:scale(1.02)}to{box-shadow:0 0 20px 0px var(--accent-glow);transform:scale(1)}}@keyframes pulseGlowRed{0%{transform:scale(1);box-shadow:0 0 20px #ff4d4d66}50%{transform:scale(1.02);box-shadow:0 0 40px 10px #ff4d4d99}to{transform:scale(1);box-shadow:0 0 20px #ff4d4d66}}@keyframes biographerPulse{0%{background:#8c64ff33;transform:scale(1);box-shadow:0 0 10px #8c64ff66}50%{background:#8c64ff99;transform:scale(1.05);box-shadow:0 0 30px 10px #8c64ffcc}to{background:#8c64ff33;transform:scale(1);box-shadow:0 0 10px #8c64ff66}}.biographer-speaking-pulse{color:#fff!important;border-color:#8c64ffcc!important;animation:1.5s ease-in-out infinite biographerPulse!important}.pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.orb-recording{background:linear-gradient(135deg,#ff4d4d,#ff1a1a);animation:2.5s ease-in-out infinite pulseGlowRed}.orb-ready{background:linear-gradient(135deg,#28a745,#20c997);transition:all .3s;box-shadow:0 0 20px #28a7454d}.orb-ready:hover{background:linear-gradient(135deg,#34ce57,#20c997);box-shadow:0 0 30px 5px #28a74580}.orb-idle{background:linear-gradient(135deg,#2a2a35,#3a3a45);transition:all .3s}.orb-idle:hover{background:linear-gradient(135deg,#3a3a45,#4a4a55);box-shadow:0 0 20px #ffffff1a}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-down-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDownIn}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.slide-up-out{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpOut}@keyframes slideUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.flex{display:flex}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.pl-4{padding-left:16px}.pr-2{padding-right:8px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-2{margin-left:8px}.ml-4{margin-left:16px}.w-full{width:100%}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.book-page{color:#2b2b2b;white-space:pre-wrap;text-align:justify;background-color:#fdfbf7;border-radius:4px;margin-top:16px;padding:40px 50px;font-family:Merriweather,Georgia,serif;font-size:1.15rem;line-height:1.9;box-shadow:0 4px 15px #0003,inset 0 0 40px #e6dcc84d}.btn-primary,.btn-secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff;border:none}.btn-secondary{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #00000080}option{background:var(--bg-color);color:var(--text-primary)}.mobile-nav,.mobile-overlay{display:none}@media (width<=1023px){.layout{flex-direction:column;gap:12px;padding:12px;display:flex}.mobile-nav{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.sidebar-left,.sidebar-right{z-index:100;background:var(--bg-color);border-radius:0;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:0 0 40px #000c}.sidebar-left{border-right:1px solid var(--panel-border);left:0;transform:translate(-100%)}.sidebar-left.open{transform:translate(0)}.sidebar-right{border-left:1px solid var(--panel-border);right:0;transform:translate(100%)}.sidebar-right.open{transform:translate(0)}.mobile-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.book-page{margin-top:8px;padding:24px 16px;font-size:1rem}.btn-primary,.btn-secondary{min-height:44px}.settings-panel{padding:16px!important}.scrollable-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;flex-wrap:nowrap!important}.scrollable-tabs::-webkit-scrollbar{display:none}input,textarea,select{font-size:16px!important}.modal-content{width:95%;padding:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.admin-tab{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-tab:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-tab.active{background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));color:#fff;box-shadow:0 4px 15px var(--accent-glow);border-color:#0000}.tiptap-doc-content .ProseMirror{outline:none}.tiptap-doc-content .ProseMirror h1{font-family:var(--font-display,sans-serif);color:#fff;letter-spacing:-.01em;border-bottom:1px solid #ffffff1f;margin-top:.5rem;margin-bottom:1.4rem;padding-bottom:.75rem;font-size:1.65rem;font-weight:700;line-height:1.35}.tiptap-doc-content .ProseMirror h2{font-family:var(--font-display,sans-serif);color:#f3f4f6;margin-top:1.5rem;margin-bottom:.9rem;font-size:1.35rem;font-weight:600;line-height:1.4}.tiptap-doc-content .ProseMirror h3{font-family:var(--font-display,sans-serif);color:#e5e7eb;margin-top:1.25rem;margin-bottom:.6rem;font-size:1.18rem;font-weight:600}.tiptap-doc-content .ProseMirror p{color:#f0f0f0;margin-bottom:1.25rem;line-height:1.85}