:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-display:"Inter", var(--font-sans);--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;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--navbar-height:64px;--footer-height:auto;--content-max-width:1200px;--content-narrow:720px;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}:root,[data-theme=light]{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-muted:#4f46e51a;--color-secondary:#0ea5e9;--color-secondary-hover:#0284c7;--color-secondary-muted:#0ea5e91a;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-overlay:#ffffffd9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-success:#10b981;--color-success-muted:#10b9811a;--color-warning:#f59e0b;--color-warning-muted:#f59e0b1a;--color-danger:#ef4444;--color-danger-muted:#ef44441a;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--shadow-xl:0 24px 48px #0f172a29;--glass-bg:#ffffffb8;--glass-border:#ffffff80;--backdrop-blur:blur(12px);--gradient-hero:linear-gradient(135deg, #eef2ff 0%, #f0f9ff 50%, #f8fafc 100%);--gradient-primary:linear-gradient(135deg, #4f46e5, #0ea5e9)}[data-theme=dark]{--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-muted:#818cf826;--color-secondary:#38bdf8;--color-secondary-hover:#7dd3fc;--color-secondary-muted:#38bdf826;--color-bg:#111827;--color-surface:#1f2937;--color-surface-raised:#273449;--color-surface-overlay:#1f2937e6;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#111827;--color-border:#374151;--color-border-strong:#4b5563;--color-success:#34d399;--color-success-muted:#34d3991f;--color-warning:#fbbf24;--color-warning-muted:#fbbf241f;--color-danger:#f87171;--color-danger-muted:#f871711f;--shadow-sm:0 2px 6px #00000040;--shadow-md:0 10px 30px #00000059;--shadow-lg:0 20px 50px #00000073;--shadow-xl:0 30px 70px #0000008c;--glass-bg:#1f2937bf;--glass-border:#ffffff1f;--backdrop-blur:blur(16px);--gradient-hero:radial-gradient(circle at top, #3b82f626, transparent 45%), linear-gradient(135deg, #0b1220 0%, #111827 100%);--gradient-primary:linear-gradient(135deg, #6366f1, #38bdf8)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%}.page-container{width:100%;max-width:var(--content-max-width);padding:var(--space-8) var(--space-6);margin:0 auto}.page-container--narrow{max-width:var(--content-narrow)}.page-container--wide{max-width:1400px}.section{margin-bottom:var(--space-16)}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{max-width:600px;font-size:var(--text-lg);margin:0 auto}.card-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.card-grid{grid-template-columns:1fr}.page-container{padding:var(--space-6) var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gateOpenLeft{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(-75deg)}}@keyframes gateOpenRight{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(75deg)}}@keyframes scrollUnroll{0%{opacity:0;transform-origin:top;transform:scaleY(.3)translateY(-20px)}to{opacity:1;transform-origin:top;transform:scaleY(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out forwards}.stagger-children>*{opacity:0;animation:fadeInUp var(--transition-slow) ease-out forwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}.stagger-children>:nth-child(6){animation-delay:.4s}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface-raised) 50%, var(--color-border) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn--ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){background:var(--color-primary-muted);color:var(--color-primary)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn .ripple{pointer-events:none;background:#fff6;border-radius:50%;animation:.6s ease-out ripple;position:absolute;transform:scale(0)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.card--glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border)}.card__icon{background:var(--color-primary-muted);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--text-xl);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);font-weight:600}.card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);font-weight:500;display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;outline:none}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-2)}.form-success{color:var(--color-success);font-size:var(--text-sm);margin-top:var(--space-2)}.auth-page{min-height:calc(100vh - var(--navbar-height) - 120px);padding:var(--space-8) var(--space-4);background:var(--gradient-hero);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--glass-bg);width:100%;max-width:440px;-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);animation:scaleIn var(--transition-slow) ease-out}.auth-card__header{text-align:center;margin-bottom:var(--space-8)}.auth-card__header h2{margin-bottom:var(--space-2)}.auth-card__header p{font-size:var(--text-sm)}.auth-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm)}.navbar{z-index:var(--z-sticky);height:var(--navbar-height);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border);transition:background var(--transition-base);position:sticky;top:0}.navbar__inner{max-width:var(--content-max-width);height:100%;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--color-text);flex-shrink:0;font-weight:700;text-decoration:none;display:flex}.navbar__brand-icon{background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;font-weight:800;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;text-decoration:none}.navbar__link:hover{color:var(--color-text);background:var(--color-primary-muted)}.navbar__link.active{color:var(--color-primary);background:var(--color-primary-muted)}.navbar__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.navbar__user{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}@media (width<=768px){.navbar__links{display:none}.navbar__inner{padding:0 var(--space-4)}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-8) var(--space-6);margin-top:auto}.footer__inner{max-width:var(--content-max-width);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;margin:0 auto;display:flex}.footer__brand{font-weight:700;font-size:var(--text-base);color:var(--color-text);cursor:default;min-height:1.5em;position:relative}.footer__brand .footer__default,.footer__brand .footer__hover{transition:opacity var(--transition-base), transform var(--transition-base)}.footer__brand .footer__hover{opacity:0;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.footer__brand:hover .footer__default{opacity:0}.footer__brand:hover .footer__hover{opacity:1}.footer__text{font-size:var(--text-sm);color:var(--color-text-muted);cursor:default;min-height:1.5em;position:relative}.footer__text .footer__default,.footer__text .footer__hover{transition:opacity var(--transition-base)}.footer__text .footer__hover{opacity:0;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.footer__text:hover .footer__default{opacity:0}.footer__text:hover .footer__hover{opacity:1}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted);cursor:default;min-height:1.2em;position:relative}.footer__copyright .footer__default,.footer__copyright .footer__hover{transition:opacity var(--transition-base)}.footer__copyright .footer__hover{opacity:0;white-space:nowrap;font-style:italic;position:absolute;left:50%;transform:translate(-50%)}.footer__copyright:hover .footer__default{opacity:0}.footer__copyright:hover .footer__hover{opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);padding:var(--space-6);animation:fadeIn var(--transition-base) ease-out;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{z-index:var(--z-modal);max-height:85vh;animation:scaleIn var(--transition-base) ease-out;position:relative;overflow-y:auto}.modal-close{top:var(--space-4);right:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;font-size:var(--text-lg);color:var(--color-text-secondary);transition:all var(--transition-fast);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-danger-muted);color:var(--color-danger);border-color:var(--color-danger)}.flip-card{perspective:1000px;cursor:pointer;height:200px}.flip-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__front,.flip-card__back{backface-visibility:hidden;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.flip-card__front{background:var(--color-surface);text-align:center;align-items:center}.flip-card__front .flip-card__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.flip-card__back{background:var(--color-primary-muted);transform:rotateY(180deg)}.flip-card__back h4{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-primary)}.flip-card__back p{font-size:var(--text-sm)}.gate-entrance{align-items:center;gap:var(--space-4);cursor:pointer;padding:var(--space-4);background:0 0;border:none;flex-direction:column;display:inline-flex}.gate-entrance__frame{perspective:800px;width:160px;height:120px;position:relative}.gate-entrance__arch{background:linear-gradient(#3d2b1f 0%,#2a1f15 100%);border:3px solid #8b7355;border-bottom:none;border-radius:80px 80px 0 0;position:absolute;inset:0;box-shadow:inset 0 -20px 40px #0006}.gate-entrance__door{transform-origin:bottom;background:linear-gradient(#6b5344 0%,#4a3728 100%);border:2px solid #8b7355;width:50%;height:70%;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.gate-entrance__door--left{border-right:1px solid #5c4033;border-radius:4px 0 0;left:0}.gate-entrance__door--right{border-left:1px solid #5c4033;border-radius:0 4px 0 0;right:0}.gate-entrance__door--left:after,.gate-entrance__door--right:after{content:"";background:#c9a962;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.gate-entrance__door--left:after{right:8px}.gate-entrance__door--right:after{left:8px}.gate-entrance.opening .gate-entrance__door--left{animation:.6s ease-out forwards gateOpenLeft}.gate-entrance.opening .gate-entrance__door--right{animation:.6s ease-out forwards gateOpenRight}.gate-entrance__label{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:600}.gate-entrance:hover .gate-entrance__label{color:var(--color-primary)}.parchment-scroll{padding:var(--space-10) var(--space-8);color:#3d2b1f;background:linear-gradient(#f5e6c8 0%,#edd9a3 30%,#e8d5a0 70%,#dcc890 100%);border:2px solid #c4a76a;border-radius:4px;width:100%;max-width:680px;max-height:75vh;animation:.5s ease-out scrollUnroll;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000004d,inset 0 0 60px #8b735526}.parchment-scroll:before,.parchment-scroll:after{content:"";background:linear-gradient(90deg,#c4a76a,#dcc890,#c4a76a);height:12px;position:absolute;left:0;right:0}.parchment-scroll:before{border-radius:4px 4px 0 0;top:0}.parchment-scroll:after{border-radius:0 0 4px 4px;bottom:0}.parchment-scroll h2{color:#3d2b1f;text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #c4a76a;font-family:Georgia,Times New Roman,serif}.parchment-scroll h3{color:#5c4033;font-family:Georgia,Times New Roman,serif;font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3)}.parchment-scroll p,.parchment-scroll li{color:#4a3728;font-family:Georgia,Times New Roman,serif;font-size:var(--text-sm);line-height:1.8}.parchment-scroll ol{padding-left:var(--space-6)}.parchment-grid{gap:var(--space-8);padding:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.parchment-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.parchment-grid{grid-template-columns:1fr}}.parchment-paper{padding:var(--space-8) var(--space-6);cursor:pointer;min-height:140px;transition:all var(--transition-base);text-align:center;background:linear-gradient(145deg,#faf3dc 0%,#f0e4b8 50%,#e8d9a8 100%);border:1px solid #d4c490;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:2px 4px 12px #0000001a}.parchment-paper:before{content:"";pointer-events:none;border:1px dashed #8b73554d;position:absolute;inset:4px}.parchment-paper:hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:4px 8px 24px #00000026}.parchment-paper__title{font-family:Georgia,Times New Roman,serif;font-size:var(--text-base);color:#3d2b1f;font-weight:600;line-height:1.4}.document-viewer{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:800px;max-height:80vh;box-shadow:var(--shadow-xl);overflow-y:auto}.document-viewer h2{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.document-viewer__content{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.8}.chat-page{height:calc(100vh - var(--navbar-height) - 80px);max-width:900px;padding:0 var(--space-4);flex-direction:column;margin:0 auto;display:flex}.chat-header{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header h2{font-size:var(--text-xl)}.chat-welcome{text-align:center;padding:var(--space-8);animation:fadeInUp var(--transition-slow) ease-out;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-welcome h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.chat-messages{padding:var(--space-6) 0;gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-3);max-width:85%;animation:fadeInUp var(--transition-base) ease-out;display:flex}.chat-message--user{flex-direction:row-reverse;align-self:flex-end}.chat-message__avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-message--user .chat-message__avatar{background:var(--color-primary);color:#fff}.chat-message--assistant .chat-message__avatar{background:var(--color-secondary-muted);color:var(--color-secondary)}.chat-message__bubble{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.7}.chat-message--user .chat-message__bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-message--assistant .chat-message__bubble{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:var(--radius-sm)}.chat-input-area{padding:var(--space-4) 0 var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input-wrapper{align-items:flex-end;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);transition:border-color var(--transition-fast);display:flex}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.chat-input-wrapper textarea{resize:none;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);min-height:44px;max-height:120px;padding:var(--space-2);background:0 0;border:none;outline:none;flex:1;line-height:1.5}.chat-input-wrapper textarea::placeholder{color:var(--color-text-muted)}.chat-input-meta{margin-top:var(--space-2);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.chat-char-count{font-size:var(--text-xs);color:var(--color-text-muted)}.chat-char-count--limit{color:var(--color-danger);font-weight:600}.dashboard-welcome{text-align:center;max-width:560px;margin:0 auto var(--space-12)}.dashboard-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:80px;height:80px;font-size:var(--text-2xl);color:#fff;margin:0 auto var(--space-6);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-weight:700;display:flex}.dashboard-welcome h2{margin-bottom:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);color:#fff;text-shadow:0 2px 12px #000000b3;display:flex}.dashboard-meta{justify-content:center;gap:var(--space-8);margin-top:var(--space-4);display:flex}.dashboard-meta__item{text-align:center}.dashboard-welcome .dashboard-meta__label{color:#ffffffbf;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 8px #0009;font-weight:600}.dashboard-welcome .dashboard-meta__value{color:#fff;font-size:var(--text-base);text-shadow:0 2px 10px #000000b3;font-weight:700}.dashboard-section{margin-bottom:var(--space-10)}.dashboard-section h3{color:#fff;text-shadow:0 2px 12px #000000b3}.dashboard-ai-card{background:var(--gradient-hero);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center}.dashboard-ai-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.dashboard-ai-card p{margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.dashboard-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.access-card{gap:var(--space-5);align-items:flex-start;display:flex}.access-card__icon{background:var(--color-success-muted);width:48px;height:48px;color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.access-card__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-muted);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--text-xs);margin-top:var(--space-4);font-weight:600;display:inline-flex}.access-card__folders{margin-top:var(--space-3);list-style:none}.access-card__folders li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.access-card__folders li:last-child{border-bottom:none}.loading-spinner{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16);flex-direction:column;min-height:200px;display:flex}.loading-spinner__ring{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner__text{font-size:var(--text-sm);color:var(--color-text-muted)}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;font-size:var(--text-lg);transition:all var(--transition-fast);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary)}.hero{text-align:center;min-height:90vh;padding:var(--space-16) var(--space-6);background:var(--gradient-hero);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-bottom:var(--space-16);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-6);font-weight:600;display:inline-flex}.hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-4);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--space-8);line-height:1.6}.hero__actions{justify-content:center;align-items:center;gap:25rem;margin-top:2rem;display:flex}@media (width<=640px){.hero h1{font-size:var(--text-3xl)}.hero{padding:var(--space-10) var(--space-4) var(--space-12)}}.about-hero{text-align:center;padding:var(--space-16) 0}.about-hero__illustration{width:100%;max-width:500px;height:200px;margin:var(--space-8) auto;position:relative}.about-flow{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;flex-wrap:wrap;display:flex}.about-flow__step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.about-flow__arrow{color:var(--color-primary);font-size:var(--text-xl);font-weight:700}.demo-table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.demo-table th,.demo-table td{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.demo-table th{background:var(--color-surface-raised);color:var(--color-text);font-weight:600}.demo-table td{color:var(--color-text-secondary)}.demo-table tr:last-child td{border-bottom:none}.demo-table__copy-cell{align-items:center;gap:var(--space-2);display:flex}.demo-steps{counter-reset:step;gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.demo-steps li{counter-increment:step;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;display:flex}.demo-steps li:before{content:counter(step);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.author-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto;display:grid}@media (width<=640px){.author-grid{grid-template-columns:1fr}}.author-card{text-align:center;padding:var(--space-8)}.author-card__avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:96px;height:96px;font-size:var(--text-2xl);color:#fff;margin:0 auto var(--space-5);justify-content:center;align-items:center;font-weight:700;display:flex}.author-card__quote{font-style:italic;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-3)}.network-illustration{width:100%;height:100%;position:relative}.network-illustration__node{background:var(--color-primary);width:12px;height:12px;box-shadow:0 0 12px var(--color-primary-muted);border-radius:50%;position:absolute}.network-illustration__line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:.4;height:1px;position:absolute}.network-illustration__center{background:var(--gradient-primary);color:#fff;width:48px;height:48px;font-weight:800;font-size:var(--text-lg);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}