:root{--color-bg:#faf6f0;--color-text:#1a1208;--color-text-secondary:#6b5b45;--color-text-muted:#7a6349;--color-text-faint:#6b5b45;--color-border:#e8ddd0;--color-border-medium:#d4b896;--color-surface:#fff;--color-surface-warm:#f5efe6;--color-primary:#c0392b;--color-primary-hover:#a93226;--color-dark:#1a1208;--color-cream:#f5e6c8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--font-serif:var(--font-cormorant), "Cormorant Garamond", serif;--font-chinese:var(--font-noto-serif-sc), "Noto Serif SC", serif;--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", "DejaVu Sans", "Liberation Sans", "Noto Sans", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 8px 32px #0000001a;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--display-1:60px;--display-2:76px;--color-dark-2:#2c1810;--color-dark-3:#3d1f10;--color-on-dark:#f1e4cc;--color-on-dark-muted:#b79a78}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell>*{width:100%;min-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.romanized{font-family:DejaVu Sans Mono,DejaVu Sans,Liberation Mono,Liberation Sans,Noto Sans Mono,Noto Sans,monospace,sans-serif}.display-1{font-family:var(--font-serif);font-weight:700;font-size:var(--display-1);letter-spacing:-.01em;line-height:1.04}.display-2{font-family:var(--font-serif);font-weight:700;font-size:var(--display-2);letter-spacing:-.01em;line-height:1.02}.heading{font-family:var(--font-serif);font-weight:600;font-size:var(--text-2xl);color:var(--color-text);line-height:1.15}.subhead{font-family:var(--font-serif);font-weight:600;font-size:var(--text-xl);color:var(--color-text);line-height:1.2}.eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);font-weight:600}.chinese{font-family:var(--font-chinese)}.body-text{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.65}.container{max-width:1120px;padding:0 var(--space-6);width:100%;margin:0 auto}.section{padding:var(--space-12) 0}.card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-xs);background:var(--color-surface-warm);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;gap:6px;padding:4px 11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-dialect{border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-xs);align-items:center;gap:6px;padding:3px 10px;font-weight:600;display:inline-flex}.chip{border-radius:var(--radius-sm);font-family:var(--font-sans);background:var(--color-surface-warm);color:var(--color-text-muted);border:1px solid var(--color-border);align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.chat-layout{grid-template-columns:280px 1fr;display:grid}.chat-mobile-back{display:none}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.answer-grid{grid-template-columns:1fr 1fr}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--color-text-faint)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c0392b1f}@media (max-width:768px){.input{font-size:16px}}.pill-toggle{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:4px;padding:4px;display:inline-flex}.pill-toggle>button{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-pill);background:0 0;border:none;padding:7px 16px;font-weight:600;transition:background .2s,color .2s}.pill-toggle>button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.progress{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.tab-btn{cursor:pointer;font-family:var(--font-sans);border:none;transition:all .2s}.card-3d{perspective:1000px}.card-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,2,.6,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;top:0;left:0}.card-back{transform:rotateY(180deg)}.search-layout{gap:var(--space-6);grid-template-columns:240px 1fr;align-items:start;display:grid}.search-results-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.search-filter-panel{max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.search-input:focus{box-shadow:0 0 0 3px #c0392b1f;border-color:var(--color-primary)!important}.result-card{transition:border-color .2s,box-shadow .2s,transform .2s}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-medium)!important}.shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{background:radial-gradient(circle at 78% 18%, #c0392b33, transparent 52%), radial-gradient(circle at 12% 88%, #d4860b1f, transparent 50%), linear-gradient(135deg, var(--color-dark) 0%, var(--color-dark-2) 55%, var(--color-dark-3) 100%);color:var(--color-on-dark);padding:var(--space-16) var(--space-6);position:relative;overflow:hidden}.hero-inner{text-align:center;max-width:760px;margin:0 auto}.hero .eyebrow{color:var(--color-primary)}.hero-title{font-family:var(--font-serif);font-weight:700;font-size:var(--display-1);color:var(--color-cream);letter-spacing:-.01em;line-height:1.05}.hero-subtitle{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-on-dark);max-width:620px;margin:0 auto;line-height:1.7}.hero-subtitle-cn{font-family:var(--font-chinese);font-style:normal;font-size:var(--text-md);color:var(--color-on-dark-muted)}.dialect-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.dialect-card{gap:var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;flex-direction:column;width:100%;transition:transform .25s cubic-bezier(.4,2,.6,1),box-shadow .25s,border-color .25s;display:flex}.dialect-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-medium);transform:translateY(-6px)}.dialect-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialect-card-name{font-family:var(--font-serif);font-weight:700;font-size:var(--text-xl);color:var(--color-text);line-height:1.1}.dialect-card-cn{font-family:var(--font-chinese);font-size:var(--text-md);color:var(--dialect-color,var(--color-primary))}.dialect-card-desc{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.dialect-card-meta{flex-direction:column;gap:6px;margin-top:auto;display:flex}.dialect-card-meta-row{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.dialect-card-meta-row svg{color:var(--dialect-color,var(--color-primary));flex-shrink:0}.section-header{margin-bottom:var(--space-8)}.section-header .eyebrow{margin-bottom:var(--space-2);display:block}.btn-primary{background:var(--color-primary);color:var(--color-cream);cursor:pointer;border:none;border-radius:10px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border);cursor:pointer;border-radius:10px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,transform .15s}.btn-secondary:hover{border-color:var(--color-border-medium);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:background .15s}.btn-ghost:hover{background:var(--color-surface-warm)}.surface-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);padding:22px 24px;transition:box-shadow .2s,transform .2s}.surface-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000017}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;margin-bottom:40px;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fade-up}@keyframes orbital-center-appear{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes card-appear{0%{opacity:0}to{opacity:1}}.orbital-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:60px 32px;display:flex;position:relative;overflow:hidden}.orbital-stage{flex-shrink:0;width:700px;height:700px;position:relative;overflow:visible}.orbital-ring{pointer-events:none;border:1px dashed #f5e6c840;border-radius:50%;width:590px;height:590px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-center{text-align:center;z-index:2;pointer-events:none;width:340px;animation:.7s .15s both orbital-center-appear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-card{cursor:pointer;text-align:center;z-index:3;background:#ffffff0a;border:1.5px solid #f5e6c824;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:156px;height:156px;padding:14px;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;animation:.5s both card-appear;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.orbital-card:hover{box-shadow:0 0 36px var(--dialect-glow,#c0392b59);z-index:10;background:#ffffff17;border-color:#f5e6c861;transform:translate(-50%,-50%)scale(1.11)}.orbital-tooltip{opacity:0;pointer-events:none;z-index:30;text-align:left;background:#120802f7;border:1px solid #f5e6c826;border-radius:12px;width:210px;padding:12px 14px;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000008c}.orbital-card:hover .orbital-tooltip{opacity:1}.orbital-tooltip-above{top:auto;bottom:calc(100% + 12px)}.orbital-tooltip-below{top:calc(100% + 12px);bottom:auto}.orbital-mobile{display:none}.orbital-mobile-card{cursor:pointer;background:#ffffff0a;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:background .2s;display:flex}.orbital-mobile-card:hover{background:#ffffff14}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.flashcard{height:260px}.nav-hamburger{color:var(--color-cream);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;display:none}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--color-text-muted);font-family:var(--font-sans);letter-spacing:.3px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;padding:7px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;display:inline-block}.nav-link:hover{color:var(--color-cream);background:#f5e6c80f}.nav-link.active{color:var(--color-cream);background:#c0392b29;border-color:#c0392b66;font-weight:600}@media (max-width:768px){.nav-hamburger{display:block}.nav-links{background:var(--color-dark);border-bottom:3px solid var(--color-primary);z-index:99;flex-direction:column;gap:0;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{gap:2px;padding:8px;display:flex}.nav-links .nav-link{border-bottom:1px solid #ffffff0f;border-radius:12px;width:100%;padding:14px 18px;font-size:16px}.nav-links .nav-link.active{border-bottom-color:#0000}.hero-heading{font-size:36px}.hero-subtext{font-size:15px}.dialect-grid{grid-template-columns:1fr;gap:16px}.orbital-stage{display:none}.orbital-mobile{width:100%;display:block}.orbital-wrapper{align-items:flex-start;padding:48px 24px}.mode-grid{grid-template-columns:1fr;gap:8px}.flashcard{height:220px}.search-layout,.search-results-grid{grid-template-columns:1fr!important}.search-filter-panel{margin-bottom:24px;max-height:none!important;position:static!important;overflow-y:visible!important}.search-mobile-toggle{display:flex!important}.search-filter-hidden{display:none!important}.search-filter-panel.open{display:block!important}.footer-grid{grid-template-columns:1fr;gap:24px}.chat-layout{grid-template-columns:1fr!important}.chat-list-col-hidden-mobile,.chat-thread-col-hidden-mobile{display:none!important}.chat-mobile-back{display:inline-flex!important}.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}}@media (max-width:480px){.search-results-grid{grid-template-columns:1fr}.hero-title{font-size:40px}.nav-signout{display:none}}@media (max-width:420px){.answer-grid{grid-template-columns:1fr!important}}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);padding:24px 16px}.about-steps-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.about-step-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);padding:22px 20px;transition:transform .2s,box-shadow .2s}.about-step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.about-curator-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.about-curator-card{text-align:center;border:1.5px solid;border-radius:14px;padding:20px 14px;text-decoration:none;transition:transform .2s,background .2s;display:block}.about-curator-card:hover{filter:brightness(1.15);transform:translateY(-3px)}.about-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:720px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-steps-grid{grid-template-columns:1fr}.about-curator-grid{grid-template-columns:repeat(2,1fr)}}@keyframes tts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.btn-tts:hover{animation:.6s ease-in-out infinite tts-pulse}.btn-tts:active{transform:scale(.95)}@media (max-width:480px){.about-cta-buttons{flex-direction:column}.about-cta-buttons button{width:100%}}