.kkd{--kkd-ink:#2b251f;--kkd-muted:#746b62;--kkd-paper:#fffdf9;--kkd-line:#eadfd1;--kkd-accent:#a43b2b;--kkd-accent-2:#d07b33;--kkd-soft:#f8efe5;--kkd-green:#4b6748;--kkd-shadow:0 18px 50px rgba(71,49,30,.12);color:var(--kkd-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;margin:32px auto}.kkd *{box-sizing:border-box}.kkd button{font:inherit}.kkd__shell{max-width:880px;margin:0 auto;border:1px solid var(--kkd-line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 90% 3%,rgba(208,123,51,.13),transparent 28%),radial-gradient(circle at 5% 10%,rgba(164,59,43,.08),transparent 25%),var(--kkd-paper);box-shadow:var(--kkd-shadow)}.kkd__hero{padding:44px 46px 28px;text-align:center}.kkd__eyebrow{margin:0 0 12px;color:var(--kkd-accent);font-size:12px;font-weight:800;letter-spacing:.18em}.kkd__title{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.3;letter-spacing:.02em}.kkd__lead{max-width:680px;margin:18px auto 0;color:var(--kkd-muted);font-size:16px;line-height:1.9}.kkd__chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.kkd__chips span{padding:7px 12px;border:1px solid var(--kkd-line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--kkd-muted);font-size:12px;font-weight:700}.kkd__panel{margin:0 22px 22px;padding:28px;border:1px solid var(--kkd-line);border-radius:22px;background:rgba(255,255,255,.9)}.kkd__progress-wrap{margin-bottom:28px}.kkd__progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:var(--kkd-muted);font-size:11px;font-weight:800;letter-spacing:.08em}.kkd__progress-track{height:8px;overflow:hidden;border-radius:999px;background:#f0e8df}.kkd__progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kkd-accent),var(--kkd-accent-2));transition:width .28s ease}.kkd__question-number{margin:0 0 7px;color:var(--kkd-accent);font-size:12px;font-weight:800;letter-spacing:.12em}.kkd__question{margin:0 0 22px;font-size:clamp(22px,3vw,30px);line-height:1.45}.kkd__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kkd__option{min-height:72px;padding:15px 16px;border:1px solid var(--kkd-line);border-radius:15px;background:#fff;color:var(--kkd-ink);text-align:left;line-height:1.5;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.kkd__option:hover,.kkd__option:focus-visible{outline:none;transform:translateY(-1px);border-color:#d4a88a;box-shadow:0 8px 20px rgba(71,49,30,.08)}.kkd__option[aria-pressed=true]{border-color:var(--kkd-accent);background:var(--kkd-soft);color:#7b2418}.kkd__nav{display:flex;justify-content:flex-start;margin-top:18px}.kkd__back{border:0;background:0 0;color:var(--kkd-muted);font-weight:700;cursor:pointer}.kkd__back:disabled{opacity:.35;cursor:default}.kkd__screen--result{text-align:center}.kkd__result-kicker{margin:0 0 8px;color:var(--kkd-accent);font-size:12px;font-weight:800;letter-spacing:.14em}.kkd__result-heading{margin:0;font-size:clamp(24px,4vw,34px)}.kkd__result-type{display:inline-block;margin:14px auto 26px;padding:8px 14px;border-radius:999px;background:var(--kkd-soft);color:#7b2418;font-size:13px;font-weight:800}.kkd__results{display:grid;gap:14px;text-align:left}.kkd__card{position:relative;padding:20px;border:1px solid var(--kkd-line);border-radius:18px;background:#fff}.kkd__card--first{border-color:#d6aa78;box-shadow:0 10px 28px rgba(112,72,32,.09);background:linear-gradient(145deg,#fff 50%,#fff8ee 100%)}.kkd__rank{margin:0 0 5px;color:var(--kkd-accent);font-size:11px;font-weight:900;letter-spacing:.12em}.kkd__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.kkd__spot-name{margin:0;font-size:24px;line-height:1.4}.kkd__prefecture{margin:4px 0 0;color:var(--kkd-muted);font-size:13px}.kkd__match{flex:0 0 auto;min-width:74px;padding:8px 10px;border-radius:12px;background:#f7f1e9;text-align:center}.kkd__match strong{display:block;color:var(--kkd-accent);font-size:21px;line-height:1}.kkd__match span{color:var(--kkd-muted);font-size:10px;font-weight:800}.kkd__spot-desc{margin:14px 0 0;color:var(--kkd-muted);line-height:1.8}.kkd__matches{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.kkd__matches span{padding:6px 9px;border-radius:999px;background:#f5f2ed;color:#5f574f;font-size:12px;font-weight:700}.kkd__spot-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--kkd-accent);font-weight:800;text-decoration:none}.kkd__spot-link:hover{text-decoration:underline}.kkd__result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.kkd__primary-btn,.kkd__secondary-btn{min-height:46px;padding:10px 18px;border-radius:12px;font-weight:800;cursor:pointer}.kkd__primary-btn{border:1px solid var(--kkd-accent);background:var(--kkd-accent);color:#fff}.kkd__secondary-btn{border:1px solid var(--kkd-line);background:#fff;color:var(--kkd-ink)}.kkd__note{margin:20px 0 0;color:var(--kkd-muted);font-size:12px;line-height:1.7}@media (max-width:640px){.kkd{margin:20px auto}.kkd__shell{border-radius:20px}.kkd__hero{padding:32px 20px 20px}.kkd__panel{margin:0 10px 10px;padding:20px 14px}.kkd__options{grid-template-columns:1fr}.kkd__option{min-height:60px}.kkd__card-top{align-items:center}.kkd__spot-name{font-size:21px}}@media (prefers-reduced-motion:reduce){.kkd *,.kkd *:before,.kkd *:after{scroll-behavior:auto !important;transition:none !important}}