@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Noto+Serif+SC:wght@700;900&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#f7f8f4;--paper:#fff;--text:#1e1e1e;--muted:#5d685f;--line:#d9dfd4;--green:#253b2f;--green-soft:#d7dfd3;--shadow:0 24px 52px #4451421c;--serif:"Noto Serif SC", serif;--sans:"Noto Sans SC", sans-serif;--mono:"Space Mono", monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top,#b9c7b65c,#0000 32%),linear-gradient(#f4f5ef 0%,#f8f8f5 36%,#f7f8f4 100%);min-height:100svh;margin:0}button{font:inherit;border:none}#root{min-height:100svh}.app-shell{min-height:100svh;padding:24px 16px 56px}.page-frame{max-width:760px;margin:0 auto}.hero-card,.quiz-card,.result-hero,.result-section,.gallery-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #5d685f1a;border-radius:28px}.hero-card,.quiz-card,.result-hero,.result-section{padding:28px}.hero-card{text-align:center}.eyebrow{color:var(--muted);letter-spacing:.08em;margin:0 0 12px;font-size:14px}h1,h2,h3{color:var(--text);margin:0}h1{font-family:var(--serif);margin-bottom:16px;font-size:clamp(2.45rem,7vw,3.9rem);line-height:1.06}h2{font-family:var(--serif);font-size:clamp(1.75rem,5vw,2.8rem);line-height:1.1}h3{font-family:var(--serif);margin-bottom:14px;font-size:1.3rem}p{margin:0;line-height:1.7}.hero-copy,.disclaimer,.result-section p,.gallery-card p,.progress-roast{color:var(--muted)}.hero-copy{max-width:36rem;margin:0 auto 20px}.primary-button,.ghost-button,.option-card{cursor:pointer;transition:transform .18s,background-color .18s,border-color .18s,opacity .18s}.primary-button:hover,.ghost-button:hover,.option-card:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary-button{background:var(--green);color:#fff;border-radius:16px;margin:8px 0 22px;padding:14px 26px;font-weight:700}.ghost-button{color:var(--green);background:#ffffffb8;border:1px solid #253b2f1f;border-radius:14px;padding:12px 18px}.disclaimer{font-size:.92rem}.preview-grid,.gallery-grid{gap:12px;margin-top:26px;display:grid}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card,.gallery-card{padding:14px}.preview-card{background:#f6f7f1eb;border-radius:18px;align-items:center;gap:12px;display:flex}.preview-card strong,.gallery-card strong,.code{font-family:var(--mono);font-size:.95rem}.preview-card span{color:var(--muted);margin-top:4px;display:block}.quiz-progress{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.quiz-progress strong{font-family:var(--mono);font-size:1.6rem}.progress-bar{background:#edf0ea;border-radius:999px;height:12px;margin:18px 0 24px;overflow:hidden}.progress-bar span,.metric-bar span{border-radius:inherit;background:linear-gradient(90deg,#516353 0%,#253b2f 100%);height:100%;display:block}.question-card{background:#fafaf6;border-radius:24px;padding:24px}.question-card h2{margin-top:6px}.question-index,.match{color:var(--muted);font-family:var(--mono)}.options{gap:12px;margin-top:18px;display:grid}.option-card{text-align:left;background:#fff;border:1px solid #253b2f14;border-radius:20px;width:100%;padding:16px 18px}.option-card strong{margin-bottom:4px;display:block}.option-card span{color:var(--muted);font-size:.94rem}.option-card.active{background:var(--green-soft);border-color:#253b2f52}.quiz-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.quiz-card .quiz-actions{justify-content:flex-start}.result-layout,.gallery-layout{gap:16px;display:grid}.result-headline{text-align:center;justify-items:center;gap:18px;display:grid}.result-avatar{justify-content:center;width:100%;display:flex}.result-summary{justify-items:center;gap:6px;width:100%;max-width:32rem;display:grid}.result-title-cn{font-family:var(--serif);margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.04}.badge{color:var(--green);margin-top:8px;font-weight:700}.alias-en{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;margin-top:4px;font-size:clamp(1.05rem,3.2vw,1.45rem);font-weight:700}.system-note{background:#f6f7f2;border-radius:16px;margin-top:14px;padding:14px 16px}.tag-cloud,.admin-tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud span,.admin-tag-cloud span{min-height:34px;color:var(--green);background:#f7f8f3;border:1px solid #253b2f1a;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.92rem;display:inline-flex}.detail-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-note{background:#f7f8f3;border:1px solid #253b2f14;border-radius:16px;padding:12px 14px}.detail-note span{color:var(--muted);font-size:.88rem;display:block}.detail-note strong{color:var(--text);margin-top:4px;line-height:1.45;display:block}.result-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.result-section ul{color:var(--muted);gap:8px;margin:0;padding-left:1.2rem;display:grid}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card{text-align:center;background:var(--paper);cursor:pointer;border:1px solid #5d685f1a;width:100%}.gallery-card h3{margin:6px 0 10px;font-size:1.05rem}.gallery-card .alias-en{margin-top:0;font-size:.92rem;font-weight:700}.admin-shell{max-width:1180px;min-height:100svh;margin:0 auto;padding:24px 16px 56px}.admin-shell--login{place-items:center;display:grid}.admin-login-card,.admin-hero,.admin-panel,.admin-stat-card,.admin-detail-card{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #5d685f1a;border-radius:24px}.admin-login-card{gap:22px;width:min(100%,540px);padding:28px;display:grid}.admin-login-copy h1,.admin-hero h1{font-family:var(--serif);margin:0 0 10px;font-size:clamp(2rem,7vw,3.25rem);line-height:1.05}.admin-eyebrow{color:var(--muted);letter-spacing:.08em;margin:0 0 12px;font-size:14px}.admin-login-copy p,.admin-subcopy,.admin-panel-head span,.admin-note,.admin-detail-meta,.admin-detail-grid span{color:var(--muted)}.admin-login-form{gap:14px;display:grid}.admin-login-form label{color:var(--green);gap:8px;font-size:.95rem;display:grid}.admin-login-form input{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #253b2f24;border-radius:16px;outline:none;padding:14px 16px}.admin-login-form input:focus{border-color:#253b2f5c;box-shadow:0 0 0 3px #253b2f14}.admin-error{color:#9a4338;margin:0;font-weight:700}.admin-primary,.admin-secondary{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.admin-primary{background:var(--green);color:#fff}.admin-secondary{color:var(--green);background:#ffffffc2;border:1px solid #253b2f1f}.admin-primary:hover,.admin-secondary:hover{transform:translateY(-1px)}.admin-hero{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.admin-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.admin-stat-card{gap:10px;padding:18px;display:grid}.admin-stat-card span{color:var(--muted);font-size:.95rem}.admin-stat-card strong{font-family:var(--mono);color:var(--text);font-size:clamp(1.7rem,5vw,2.3rem)}.admin-grid,.admin-grid--wide{gap:14px;margin-top:14px;display:grid}.admin-trend{margin-top:14px}.admin-linechart{gap:14px;display:grid}.admin-linechart-legend{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-linechart-legend-item,.admin-linechart-badge{color:var(--green);background:#f6f7f2;border:1px solid #253b2f14;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.admin-linechart-legend-item span{border-radius:999px;width:10px;height:10px}.admin-linechart-legend-item em{color:var(--muted);font-style:normal;font-family:var(--mono)}.admin-linechart-badge{font-weight:700}.admin-linechart-canvas{background:linear-gradient(#253b2f08,#253b2f00),#fefefc;border:1px solid #253b2f14;border-radius:22px;padding:8px 8px 2px;overflow:hidden}.admin-linechart-svg{width:100%;height:auto;display:block}.admin-linechart-grid{stroke:#253b2f14;stroke-width:1px}.admin-linechart-axis{font-family:var(--mono);fill:var(--muted);font-size:12px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid--wide{grid-template-columns:1.2fr .8fr}.admin-panel,.admin-detail-card{padding:20px}.admin-panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.admin-bars{gap:12px;display:grid}.admin-bar-row{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;align-items:center;gap:12px;display:grid}.admin-bar-label{gap:4px;display:grid}.admin-bar-label strong{font-size:.95rem}.admin-bar-label span{color:var(--muted);font-family:var(--mono);font-size:.8rem}.admin-bar-track{background:#edf0ea;border-radius:999px;height:12px;overflow:hidden}.admin-bar-track span{border-radius:inherit;background:linear-gradient(90deg,#647762 0%,#253b2f 100%);height:100%;display:block}.admin-bar-row b{text-align:right;min-width:2rem;font-family:var(--mono)}.admin-table{gap:10px;display:grid}.admin-row{background:#f7f8f3;border:1px solid #253b2f14;border-radius:16px;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.admin-row.is-active{background:var(--green-soft);border-color:#253b2f3d}.admin-row strong{font-family:var(--mono)}.admin-row em{color:var(--muted);font-style:normal}.admin-detail{gap:14px;display:grid}.admin-detail-card{background:linear-gradient(#fffffff5,#f6f7f2f5)}.admin-detail-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.admin-detail-title strong{font-family:var(--serif);font-size:1.25rem}.admin-detail-title span{color:var(--muted);font-family:var(--mono)}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-detail-grid div{background:#ffffffdb;border:1px solid #253b2f14;border-radius:16px;padding:12px 14px}.admin-detail-grid strong{font-family:var(--mono);color:var(--text);margin-top:4px;display:block}.admin-note{background:#f6f7f2;border-radius:16px;padding:14px 16px}@media (width<=720px){.app-shell{padding:8px 8px 20px}.hero-card,.quiz-card,.result-hero,.result-section,.gallery-card{border-radius:24px}.hero-card,.quiz-card,.result-hero,.result-section{padding:18px 14px}.quiz-progress,.result-columns{grid-template-columns:1fr;display:grid}.quiz-progress{align-items:flex-start;gap:8px}.quiz-progress strong{font-size:1.35rem}.progress-roast{display:none}.progress-bar{height:10px;margin:12px 0 14px}.question-card{border-radius:20px;padding:16px 14px}.question-index{font-size:.86rem}.question-card h2{letter-spacing:-.03em;font-size:clamp(1.45rem,8vw,2.25rem);line-height:1.12}.options{gap:10px;margin-top:12px}.option-card{border-radius:16px;padding:12px 14px}.option-card strong{margin-bottom:2px;font-size:1rem;line-height:1.35}.option-card span{font-size:.88rem;line-height:1.35}.quiz-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#f7f8f4f5;border-radius:18px;grid-template-columns:1fr;margin-top:14px;padding:10px;display:grid;position:sticky;bottom:8px;box-shadow:0 -8px 28px #44514214}.quiz-actions .ghost-button{width:100%;padding:12px 10px}.result-layout .quiz-actions,.gallery-layout .quiz-actions{grid-template-columns:1fr 1fr}.hero-card h1{font-size:clamp(2.2rem,11vw,3rem)}.hero-copy{margin-bottom:16px}.disclaimer{font-size:.88rem;line-height:1.6}.preview-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-notes,.admin-detail-grid{grid-template-columns:1fr}.preview-card{text-align:center;flex-direction:column}.admin-shell{padding:10px 10px 28px}.admin-login-card,.admin-hero,.admin-panel,.admin-detail-card,.admin-stat-card{border-radius:20px}.admin-login-card,.admin-hero,.admin-panel,.admin-detail-card{padding:16px}.admin-hero{flex-direction:column}.admin-hero-actions{justify-content:stretch;width:100%}.admin-hero-actions>*{flex:1}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.admin-grid--wide,.admin-detail-grid,.admin-row{grid-template-columns:1fr}.admin-bar-row{grid-template-columns:1fr;align-items:flex-start}.admin-linechart-legend{gap:8px}.admin-linechart-legend-item,.admin-linechart-badge{justify-content:space-between;width:100%}.admin-bar-row b{text-align:left}.admin-panel-head{flex-direction:column;align-items:flex-start}}@media (width<=420px){.app-shell{padding-inline:6px}.hero-card,.quiz-card,.result-hero,.result-section{padding:16px 12px}.question-card h2{font-size:clamp(1.32rem,7.8vw,1.9rem)}.option-card{padding:11px 12px}.option-card span{display:none}.preview-grid,.gallery-grid{gap:8px}.detail-note strong{font-size:.95rem}}