:root{--bg: #f8efe4;--bg-soft: #fff9f3;--card-bg: rgba(255, 250, 244, .9);--card-strong: #fffdf9;--text: #2b1b12;--text-secondary: #6f5a4d;--accent: #654332;--accent-strong: #4c2d20;--accent-soft: #ead8c6;--accent-line: rgba(101, 67, 50, .14);--border: rgba(88, 54, 35, .12);--success: #486644;--warning: #a46d25;--radius: 26px;--shadow: 0 24px 60px rgba(78, 46, 28, .12);--shadow-soft: 0 10px 24px rgba(78, 46, 28, .08);--font-sans: "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Songti SC", serif;--max-width: 760px}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);line-height:1.6;background:radial-gradient(circle at top left,rgba(255,255,255,.78) 0,transparent 26%),radial-gradient(circle at top right,rgba(232,210,187,.72) 0,transparent 28%),linear-gradient(180deg,#fff8f0,#f6eadc 48%,#f2e1cf)}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}#app{width:100%;max-width:var(--max-width);margin:0 auto;padding:28px 16px 44px;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center}.page{display:none;width:100%}.page.active{display:block;animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(101,67,50,.24),transparent)}.intro-card{padding:34px 24px 30px;background:radial-gradient(circle at 92% 12%,rgba(232,216,198,.9) 0,transparent 23%),radial-gradient(circle at 14% 100%,rgba(238,226,212,.72) 0,transparent 28%),linear-gradient(135deg,#fffdf9f5,#faf1e7eb)}.intro-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;margin:0 0 18px;border-radius:999px;border:1px solid rgba(101,67,50,.12);background:#ffffffa8;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em}.intro-title{margin:0 0 18px;max-width:8ch;font-family:var(--font-display);font-size:clamp(3rem,9vw,4.5rem);line-height:.97;letter-spacing:-.05em;color:var(--text)}.intro-subtitle{margin:0 0 24px;max-width:28rem;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.intro-credit,.intro-note{color:var(--text-secondary)}.intro-credit{margin:20px 0 0;font-size:.86rem;font-weight:600}.intro-note{margin:8px 0 0;font-size:.78rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary,.btn-secondary{min-width:144px;padding:14px 26px;font-size:.98rem;font-weight:700}.btn-primary{background:linear-gradient(135deg,#714a37,#4c2d20);color:#fffaf4;box-shadow:0 14px 28px #4c2d2038}.btn-primary:hover{box-shadow:0 18px 34px #4c2d2047}.btn-secondary{background:#ffffffbd;color:var(--accent);border:1px solid rgba(101,67,50,.14);box-shadow:var(--shadow-soft)}.quiz-card{padding:26px 20px 22px;background:radial-gradient(circle at top right,rgba(236,219,203,.76) 0,transparent 28%),linear-gradient(180deg,#fffdf9f5,#f9f1e8eb)}.progress-bar{position:relative;height:10px;margin-bottom:10px;overflow:hidden;border-radius:999px;background:#65433214}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8e634c,#5f3d2e);transition:width .25s ease}.progress-text{margin-bottom:26px;color:var(--text-secondary);font-size:.84rem;text-align:right}.question-area{margin-bottom:24px}.question-text{margin:0;font-size:1.14rem;line-height:1.8;color:var(--text)}.btn-option{display:block;width:100%;margin-bottom:12px;padding:16px 18px;border-radius:18px;border:1px solid rgba(101,67,50,.12);background:#ffffffbd;color:var(--text);text-align:left;font-size:.96rem;line-height:1.6;box-shadow:var(--shadow-soft)}.btn-option:hover{border-color:#6543323d;background:#fffcf7f5;box-shadow:0 16px 28px #4e2e1c1f}.btn-option:last-child{margin-bottom:0}.result-card{padding:30px 20px 22px;background:radial-gradient(circle at 10% 0%,rgba(246,231,214,.9) 0,transparent 25%),radial-gradient(circle at 100% 20%,rgba(232,213,194,.82) 0,transparent 26%),linear-gradient(180deg,#fffdf9fa,#f8f0e7eb)}.result-kicker,.result-code,.result-name,.result-badge,.result-intro{text-align:center}.result-kicker{margin-bottom:8px;color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.08em}.result-code{margin-bottom:6px;font-size:clamp(3rem,10vw,4.3rem);line-height:1;letter-spacing:-.04em;color:var(--accent)}.result-name{margin-bottom:14px;font-size:1.26rem;font-weight:700}.result-badge{display:inline-flex;margin:0 auto 20px;padding:8px 16px;border-radius:999px;background:#65433214;color:var(--accent);font-size:.82rem;font-weight:700}.result-intro{margin-bottom:14px;color:var(--text);font-size:1.04rem;font-weight:700;font-style:italic}.result-desc{margin:0 0 24px;color:var(--text-secondary);font-size:.94rem;line-height:1.9;text-align:left}.coffee-section{margin-bottom:26px;padding:18px;border:1px solid rgba(101,67,50,.14);border-radius:22px;background:linear-gradient(135deg,#fffcf8f2,#f4e8daf5);box-shadow:inset 0 1px #fff9}.coffee-lead{margin:0 0 10px;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.coffee-label{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.coffee-name{margin-top:4px;color:var(--accent);font-size:1.45rem;font-weight:800}.coffee-reason{margin-top:8px;color:var(--text);font-size:.95rem;line-height:1.75}.result-secondary,.result-top3,.disclaimer,.contact-section{border:1px solid rgba(101,67,50,.1);border-radius:22px;background:#ffffff9e}.result-secondary{margin-bottom:24px;padding:14px 16px}.secondary-label{margin-bottom:4px;color:var(--text-secondary);font-size:.78rem}.secondary-info{color:var(--accent);font-size:.92rem;font-weight:700}.section-title{display:inline-flex;align-items:center;gap:10px;margin:28px 0 14px;color:var(--text);font-size:1rem;font-weight:800}.section-title:before{content:"";width:18px;height:1px;background:#65433252}#radar-chart{display:block;width:min(100%,340px);margin:0 auto 22px}.dimensions-detail{margin-bottom:24px}.dim-row{padding:12px 0;border-bottom:1px solid rgba(101,67,50,.08)}.dim-row:last-child{border-bottom:none}.dim-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}.dim-name{font-size:.92rem;font-weight:700}.dim-level{padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700}.level-low{background:#ebb75a29;color:var(--warning)}.level-mid{background:#65433214;color:var(--accent)}.level-high{background:#48664424;color:var(--success)}.dim-desc{color:var(--text-secondary);font-size:.84rem;line-height:1.7}.result-top3{margin-top:4px;padding:8px 16px 6px}.top-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(101,67,50,.08)}.top-item:last-child{border-bottom:none}.top-rank{min-width:34px;color:var(--text-secondary);font-size:.82rem;font-weight:800}.top-code{min-width:72px;color:var(--accent);font-size:.88rem;font-weight:800}.top-name{flex:1;font-size:.88rem}.top-sim{color:var(--text-secondary);font-size:.82rem;font-weight:700}.disclaimer{margin-top:22px;padding:16px 18px;color:var(--text-secondary);font-size:.82rem;line-height:1.7;text-align:left}.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.contact-section{margin-top:28px;padding:16px}.contact-qr{width:min(100%,270px);margin:0 auto 14px;border-radius:18px;box-shadow:0 16px 32px #4e2e1c1f}.contact-copy{margin:0 0 10px;color:var(--text);font-size:.95rem;line-height:1.8}.contact-account{margin:0;color:var(--accent);font-size:.92rem;font-weight:800}.contact-hint{margin:8px 0 0;color:var(--text-secondary);font-size:.76rem;line-height:1.65}@media(min-width:720px){#app{padding-top:42px}.intro-card,.quiz-card,.result-card{padding-left:32px;padding-right:32px}.contact-section{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:center;text-align:left}.contact-qr{margin:0}}@media(max-width:480px){#app{padding:16px 12px 32px}.card{border-radius:22px}.intro-card,.quiz-card,.result-card{padding:22px 16px 20px}.intro-title{max-width:7ch;font-size:2.6rem}.intro-subtitle,.coffee-reason,.contact-copy{font-size:.92rem}.btn-primary,.btn-secondary{width:100%}.result-code{font-size:2.6rem}}