:root{--bg-main: #f6f7fb;--bg-card: #ffffff;--border-subtle: #e4e6ed;--text-main: #111827;--text-muted: #6b7280;--accent: #ff6a3d;--accent-soft: #ffe4d8;--nav-bg: #3b3f4c;--nav-text: #f9fafb;--radius-card: 18px;--shadow-soft: 0 4px 12px rgba(15, 23, 42, .08);--shadow-hover: 0 12px 24px rgba(15, 23, 42, .16);--transition-fast: .15s ease-out}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--bg-main)}.app{min-height:100vh;display:flex;flex-direction:column}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem 0 1rem;height:64px;background:var(--nav-bg);color:var(--nav-text)}.logo{display:flex;align-items:center;gap:.75rem}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-main{font-weight:700;letter-spacing:.08em;font-size:.9rem;color:var(--nav-text)}.logo-tagline{font-size:.7rem;opacity:.8;color:var(--nav-text)}.logo-image{height:32px;object-fit:contain;display:block}.logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.logo-link:hover{opacity:.9}.top-nav-links{display:flex;gap:1.5rem}.nav-link{font-size:.9rem;text-decoration:none;color:var(--nav-text);opacity:.75;position:relative;padding-bottom:2px;transition:opacity var(--transition-fast)}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--accent);transition:width var(--transition-fast)}.nav-link.router-link-exact-active{opacity:1}.nav-link.router-link-exact-active:after{width:100%}.nav-link.is-active:after{width:100%}.page{padding:2.5rem clamp(1.5rem,5vw,4rem) 3.5rem;flex:1}.hero h1{margin:0;font-size:clamp(2rem,2.5vw,2.4rem)}.hero p{margin-top:.5rem;margin-bottom:0;max-width:40rem;color:var(--text-muted)}.cards-grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.project-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-card);padding:1.75rem 1.75rem 1.5rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent)}.project-icon{width:44px;height:44px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}.project-icon span{font-weight:700;font-size:1.5rem;color:var(--accent)}.project-title{margin:0 0 .4rem;font-size:1.2rem}.project-description{margin:0;font-size:.95rem;color:var(--text-muted)}.project-sections{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-direction:column;gap:.4rem}.project-section{font-size:.85rem;display:flex;flex-direction:column}.section-title{font-weight:600}.section-description{color:var(--text-muted)}.project-footer{margin-top:auto;padding-top:1.2rem}.explore-link{font-size:.95rem;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:.2rem}.explore-link .arrow{font-size:1.1rem;transform:translateY(1px)}@media(max-width:640px){.top-nav,.page{padding-inline:1rem}}.project-meta{margin-bottom:.6rem}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#10b9811f;color:#047857}.status-badge[data-status=beta]{background:#f59e0b1f;color:#b45309}.status-badge[data-status=deprecated]{background:#ef44441f;color:#b91c1c}.status-badge.large{font-size:.8rem}.detail{max-width:1080px;margin:0 auto}.back-link{display:inline-flex;align-items:center;font-size:.85rem;text-decoration:none;color:var(--text-muted);margin-bottom:1.5rem}.back-link:hover{color:var(--accent)}.detail-layout{display:flex;flex-direction:column;gap:1.75rem;max-width:1200px;margin:3rem auto}.detail-image{width:100%;border-radius:1rem;display:block}.detail-media-wrapper{position:relative;left:50%;transform:translate(-50%);width:calc(100vw - 4rem);background:var(--bg-card);border-radius:var(--radius-card);padding:1.25rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft, 0 24px 60px rgba(15, 23, 42, .12))}.detail-embed{display:block;width:100%;aspect-ratio:16 / 9;border-radius:1rem;border:none;box-shadow:0 20px 40px #0f172a26;background:#000}.detail-image{display:block;width:100%;border-radius:1rem;box-shadow:0 20px 40px #0f172a26}.subsections-section{margin-top:2.5rem}.subsections-heading{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-strong, #0f172a)}.subsections-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}@media(min-width:800px){.subsections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.subsections-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1500px){.subsections-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.subsection-card{background:var(--bg-card, #fff);border-radius:var(--radius-card, 1rem);border:1px solid var(--border-subtle, #e5e7eb);box-shadow:var(--shadow-soft, 0 18px 45px rgba(15, 23, 42, .08));padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.subsection-media{width:100%;margin-bottom:.5rem}.subsection-embed,.subsection-image{display:block;width:100%;aspect-ratio:16 / 9;border-radius:.75rem;border:none;object-fit:cover}.subsection-title{font-size:1rem;font-weight:600;margin:0 0 .25rem}.subsection-description{font-size:.9rem;color:var(--text-muted, #6b7280);margin:0}.subsection-actions{margin-top:.5rem}.subsection-btn{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .9rem;font-size:.8rem;border-radius:999px;border:none;background:#ff6b3d;color:#fff;text-decoration:none;font-weight:500;cursor:pointer;white-space:nowrap}.subsection-btn:hover{background:#ff4c11}.subsection-toggle{margin-top:.4rem;margin-left:.4rem}.detail-content h1{margin:0 0 .75rem}.detail-description{margin:0 0 1.5rem;color:var(--text-muted)}.detail-meta{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.5rem}.meta-row{display:flex;gap:.5rem;font-size:.9rem}.meta-label{font-weight:600;color:var(--text-main);min-width:90px}.meta-value{color:var(--text-muted)}.meta-value.link{text-decoration:none}.meta-value.link:hover{color:var(--accent)}.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover{filter:brightness(.95)}.secondary-btn{border:1px solid var(--border-subtle);color:var(--text-main);background:#fff}.secondary-btn:hover{border-color:var(--accent)}@media(max-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr)}}.about-layout{max-width:900px;margin:2.5rem auto 3rem}.about-header{margin-bottom:2rem}.about-title{font-size:2rem;font-weight:700;margin:0 0 .5rem}.about-intro{margin:0;font-size:.95rem;color:var(--text-muted, #6b7280)}.about-section{margin-top:1.75rem}.about-section-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.about-team-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.about-team-item{padding:.75rem 1rem;border-radius:.75rem;background:var(--bg-card, #fff);border:1px solid var(--border-subtle, #e5e7eb)}.about-team-name{font-weight:600}.about-team-role{font-size:.85rem;color:var(--text-muted, #6b7280)}.about-team-email a,.about-support-email a{font-size:.85rem;color:var(--accent, #ff6b3d);text-decoration:none}.about-team-email a:hover,.about-support-email a:hover{text-decoration:underline}.about-support-notes{font-size:.9rem;color:var(--text-muted, #6b7280)}.chat-widget{position:fixed;right:2rem;bottom:2rem;z-index:50;font-family:inherit}.chat-launcher{width:3rem;height:3rem;border-radius:999px;border:none;background:#ff6b3d;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #0f172a4d;cursor:pointer}.chat-window{width:320px;max-width:90vw;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid #e5e7eb;background:#111827;color:#f9fafb}.chat-title{font-size:.9rem;font-weight:600}.chat-close{border:none;background:transparent;color:#9ca3af;font-size:.85rem;cursor:pointer}.chat-body{padding:.75rem .9rem;max-height:260px;overflow-y:auto;background:#f9fafb}.chat-message{margin-bottom:.6rem}.chat-message-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#6b7280;margin-bottom:.15rem}.chat-message-bubble{font-size:.8rem;line-height:1.3;border-radius:.75rem;padding:.5rem .7rem;white-space:pre-wrap}.chat-message-bubble a{color:#2563eb;text-decoration:underline;word-break:break-word}.chat-message-bot .chat-message-bubble{background:#e5f3ff;color:#0f172a}.chat-message-warning .chat-message-bubble{background:#fff7ed;color:#7c2d12;font-size:.75rem;line-height:1.35;border-left:3px solid #f97316}.chat-message-warning strong{font-weight:600}.chat-message-note .chat-message-bubble{background:#f3f4f6;color:#4b5563}.chat-footer{padding:.6rem .8rem;border-top:1px solid #e5e7eb;display:flex;gap:.4rem;background:#fff}.chat-input{flex:1;font-size:.8rem;padding:.4rem .6rem;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb}.chat-input:disabled{opacity:.8;cursor:not-allowed}.chat-send{padding:.35rem .8rem;border-radius:999px;border:none;font-size:.8rem;background:#ff6b3d;color:#fff;font-weight:500;cursor:not-allowed;opacity:.5}.chat-send--active{background:#ff6a33;opacity:1;cursor:pointer}.chat-send--active:hover{transform:translateY(-1px)}.chat-send--active:active{transform:translateY(0)}