:root{--wine:#8c2337;--wine-dark:#6c1a2b;--cream:#fff8e8;--gold:#b58b43;--ink:#32272a;--muted:#706564;--line:#e9dfd1;--white:#fff;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.85}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}[hidden]{display:none!important}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1:focus{outline:none}button{cursor:pointer}.brand{max-width:1180px;margin:auto;padding:26px 32px}.brand a{display:inline-flex;align-items:center;gap:20px;color:var(--wine);text-decoration:none;font-family:var(--serif);font-weight:bold;font-size:21px}.brand span{font:12px/1.5 sans-serif;color:var(--muted);border-left:1px solid #d7c9b8;padding-left:20px}main{max-width:1140px;margin:8px auto 0;padding:0 24px}.panel{background:var(--white);border:1px solid var(--line);box-shadow:0 14px 50px #5c2e2910;border-radius:5px}.intro{display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden}.intro-copy{padding:48px 44px}.eyebrow{color:#92703b;font-size:11px;font-weight:bold;letter-spacing:.2em;margin:0 0 24px}.kicker{font-size:14px;margin:0 0 13px}h1,h2{font-family:var(--serif);color:var(--wine);line-height:1.5}h1{font-size:clamp(32px,4.3vw,51px);margin:0 0 22px;font-weight:600;letter-spacing:.015em}h1 em{font-style:normal}.lead{font-size:18px;line-height:1.95;margin:18px 0}.intro-copy>p:not(.eyebrow):not(.kicker):not(.lead):not(.small){font-size:14px}.chips{list-style:none;padding:0;margin:23px 0;display:flex;gap:8px;flex-wrap:wrap}.chips li{background:#f6efe4;padding:4px 12px;border-radius:30px;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:14px 25px;border:1px solid var(--wine);border-radius:4px;background:var(--wine);color:white;font-weight:bold;font-size:15px;text-decoration:none;line-height:1.6;transition:background .16s,transform .16s}.button:hover{background:var(--wine-dark);transform:translateY(-1px)}.button:active{transform:translateY(0)}.outline{background:white;color:var(--wine)}.outline:hover{background:#faf3ed}.small{font-size:12px;line-height:1.8;color:var(--muted)}.delivery-note{max-width:360px;margin:17px 0 0}.text-button{border:0;background:transparent;color:var(--wine);font-size:13px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.intro-art{background:#f1e5d4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 32px 26px;border-left:1px solid var(--line);overflow:hidden}.intro-art:before{content:"";position:absolute;width:470px;height:470px;border:1px solid #b58b4340;border-radius:50%;top:40px;left:40px}.art-caption{font-size:9px;letter-spacing:.22em;color:#806d57;position:relative;margin-bottom:32px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;transform:rotate(-7deg);width:100%;max-width:290px;position:relative}.type-grid i{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #b58b4390;border-radius:50%;font:14px var(--serif);color:var(--wine);background:#fff8e8b0}.type-grid i:nth-child(3n+1){background:var(--wine);border-color:var(--wine);color:var(--cream);border-radius:14px}.type-grid i:nth-child(4n+2){border-radius:4px;background:#dbc49f}.art-number{font:100px/1.05 var(--serif);color:var(--wine);margin:32px 0 0;text-align:center;position:relative}.art-number span{display:block;font:9px/2 sans-serif;letter-spacing:.27em}.art-foot{font:14px var(--serif);margin-top:26px;color:#786450;position:relative}.intro-bottom{grid-column:1/-1;display:flex;justify-content:space-around;gap:10px;padding:20px;background:#fcfaf6;border-top:1px solid var(--line);font-size:11px;color:#806d57}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.quiz-panel{max-width:850px;margin:auto;padding:35px 45px}.quiz-panel .eyebrow{margin:0}.progress{height:5px;border-radius:5px;background:#eee7dd;margin:18px 0 28px;overflow:hidden}.progress>div{height:100%;width:0;background:var(--gold);transition:width .15s}.quiz-heading h1{font-size:29px;margin:0}.quiz-instruction{font-size:13px;color:var(--muted);margin:12px 0 22px}.question{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0;min-width:0}.question legend{float:left;width:100%;font-weight:bold;font-size:15px;line-height:1.8;margin:0 0 13px;padding:0}.question legend span{color:var(--wine);margin-right:8px;font:14px var(--serif)}.choices{clear:both;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.choice{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:66px;padding:10px 5px;border:1px solid #d8cbbf;border-radius:4px;font-size:11px;line-height:1.65;text-align:center;cursor:pointer;background:white}.choice input{accent-color:var(--wine);width:15px;height:15px;flex-shrink:0;margin:0}.choice:has(input:checked){border-color:var(--wine);background:#f8e9eb;color:#711c2e}.choice:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}.choice:hover{background:#fcf6ef}.question.is-missing{background:#fff5f4;outline:2px solid #c86161;outline-offset:6px}.error{color:#a32f30;font-size:13px;min-height:24px}.navigation{display:flex;justify-content:space-between;gap:14px}.navigation .button{font-size:14px}.completion{max-width:800px;margin:auto;padding:48px;text-align:center}.completion-mark{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c7af83;border-radius:50%;width:58px;height:58px;font:28px var(--serif);color:var(--wine);background:var(--cream);margin-bottom:20px}.completion .eyebrow{margin-bottom:18px}.completion h1{font-size:35px}.completion .lead{font-size:16px}.steps{list-style:none;text-align:left;max-width:490px;margin:30px auto;padding:20px 26px;background:#faf5eb;border:1px solid var(--line);font-size:14px}.steps li{display:flex;align-items:baseline;gap:13px;margin:10px 0}.steps span{font:15px var(--serif);color:var(--gold)}.notice{border:1px solid #c9b385;border-radius:4px;padding:20px;background:#fff8e8;font-size:14px;line-height:1.9}.completion-actions{display:flex;justify-content:center;gap:30px;margin-top:25px}.mobile-only{display:none}footer{max-width:850px;text-align:center;padding:35px 25px 28px;margin:auto;color:#796d65}footer>p:first-child{font:15px var(--serif)}footer>span{font-size:10px;letter-spacing:.06em}dialog{border:1px solid var(--line);border-radius:8px;padding:28px;max-width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#32272a65}dialog h2{font-size:24px;margin:0}dialog p{font-size:14px}dialog .button{font-size:13px;padding:12px 18px}
@media(max-width:750px){.brand{padding:20px}.brand a{font-size:18px;gap:12px}.brand span{padding-left:12px;font-size:10px}main{padding:0 14px}.intro{grid-template-columns:1fr}.intro-copy{padding:32px 26px}.intro-art{padding:24px;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}.art-caption{grid-column:1/-1;margin:0;text-align:center}.type-grid{max-width:180px;margin:auto;gap:6px}.type-grid i{font-size:11px}.art-number{font-size:85px;margin:0}.art-number span{font-size:8px}.art-foot{grid-column:1/-1;text-align:center;margin:12px 0 0}.intro-art:before{width:300px;height:300px;top:0;left:50%}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:10px;padding:16px 10px}.quiz-panel{padding:26px 20px}.quiz-heading h1{font-size:24px}.choices{gap:5px}.choice{flex-direction:column;font-size:10px;min-height:86px;padding:8px 3px;gap:8px}.question legend{font-size:14px}.navigation .button{padding:13px 14px;font-size:12px;gap:6px}.completion{padding:32px 23px}.completion h1{font-size:28px}.completion .button{width:100%;font-size:13px;padding:14px 12px;gap:10px}.steps{padding:14px;font-size:12px}.completion-actions{gap:20px}.completion-actions .text-button{font-size:12px}.mobile-only{display:initial}.lead{font-size:16px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}