:root{--ink:#111;--muted:#50535a;--butter:#ffdf45;--butter-light:#fff8d8;--paper:#f7f8fa;--line:#e6e7eb;--white:#fff}
body{background:var(--paper);color:var(--ink)}
.page{max-width:1120px;padding:24px 28px 0}
.header{min-height:76px;padding:14px 22px;border:0;background:white;border-radius:18px;box-shadow:0 8px 24px #17203a08;gap:20px}
.brand-mark{width:38px;height:38px;background:#ffdf45;border:1.5px solid #111}
.brand-wordmark{font-size:21px;letter-spacing:-.8px}.brand-wordmark b{font-size:12px;letter-spacing:2px;margin-top:4px}
.header nav{gap:17px;font-size:12px}.language-switch{background:#ffdf45}.language-switch button{font-size:11px;padding:8px 10px}.language-switch button[aria-pressed=true]{background:#111;color:white}
.button,.quiz-button{border-radius:10px;min-height:42px;padding:11px 18px;font-size:14px;border:1.5px solid #111;background:#111;color:white;box-shadow:none}
.button.secondary,.quiz-button.secondary{background:white;color:#111;border-color:#111}.button:hover,.quiz-button:not(:disabled):hover{background:#ffdf45;color:#111;box-shadow:none;transform:translateY(-1px)}
.quiz.quiz-page{margin:32px auto 40px;padding:32px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px #17203a04}
.quiz-page h1{font:900 clamp(30px,3.5vw,44px)/1.25 Arial,"Noto Sans KR",sans-serif;color:#111;-webkit-text-stroke:0;text-shadow:none;letter-spacing:-1.5px;max-width:none}
.quiz-page>.eyebrow{color:#50535a;letter-spacing:.7px;font-size:11px}.quiz>p{font-size:15px;line-height:1.85;color:var(--muted)}
.quiz-stage{background:#fff;border:1px solid #dedfe4;border-radius:16px;padding:26px;margin-top:24px;box-shadow:none}.quiz-stage h3{font-size:25px;letter-spacing:-.6px}.quiz-stage h4{font-size:18px}
.quiz-option{border:1px solid #dedfe4;background:#fff;border-radius:12px;transition:background .15s,border-color .15s}.quiz-option:hover{background:#fffbed;border-color:#111}.quiz-option:has(input:checked){background:#fff5bb;border:2px solid #111}
.quiz input,.quiz progress{accent-color:#111}.quiz-progress-label{color:#50535a}.quiz select,.quiz input[type=date],.quiz input[type=time]{background:white;border:1px solid #b6bac2;color:#111;border-radius:10px}
.quiz-result-card{background:#f7f8fa;border:1px solid #e6e7eb;border-radius:14px}.quiz-traits li{background:#fff4b0;color:#111}.quiz-owner{color:#111}.quiz-error{color:#a12c27}
.fortune-elements span{background:#fff8d8;border:1.5px solid #111;color:#111}.fortune-element{background:#ffdf45;color:#111}.fortune-details{background:white;border-color:#e6e7eb;border-radius:14px}
.bark-file{background:#f7f8fa;border:1.5px dashed #9b9fa8;border-radius:14px}.bark-wave{background:#f7f8fa}.bark-stats p{background:#fff8d8;border:1px solid #eee2a6}.bark-fiction{background:#fff8d8;border-left:4px solid #ffdf45;border-radius:0 14px 14px 0}
.catalog-intro{padding:40px 8px 28px}.catalog-intro h1{font-size:42px;letter-spacing:-1.5px}.catalog-intro .eyebrow{font-size:11px;letter-spacing:.7px}.catalog-collection{padding:26px 0 40px}.catalog-search input{background:white;border-color:#d3d6dc}
.product-filters button{background:white;border:1px solid #c8cbd1;border-radius:10px}.product-filters button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.product-card{border:1px solid #e0e2e6;background:white;border-radius:16px}.product-card figcaption{background:#f7f8fa}.product-card-top{background:#f7f8fa;border-color:#e6e7eb}.week-badge{background:#ffdf45}.product-match,.supply-specs{background:#f7f8fa}.shopping-disclosure{background:#fff8d8;border:1px solid #e5d994;border-radius:12px;color:#34332a}.product-shop{border-color:#111}.catalog-details{border-color:#e6e7eb}.catalog-status{background:#fff8d8}
.share-panel{background:#f7f8fa;border-color:#e6e7eb}.quiz-note{color:#50535a}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a88800;outline-offset:4px}
@media(max-width:1000px){.header{flex-wrap:wrap}.header nav{order:3;justify-content:center;width:100%;gap:24px}.language-switch{margin-left:auto}}
@media(max-width:700px){.page{padding:14px 18px 0}.header{flex-direction:row;gap:14px;padding:14px 16px}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 16px;font-size:12px}.header nav a{padding:5px 0}.quiz.quiz-page{padding:22px 18px;margin:24px 0 32px}.quiz-page h1{font-size:30px;letter-spacing:-1px}.quiz-stage{padding:20px 16px}.quiz-stage h3{font-size:22px}.quiz-result-grid{grid-template-columns:1fr}.quiz-controls{gap:10px;flex-wrap:wrap}.quiz-button{font-size:14px;padding:11px 15px}.catalog-intro{padding:30px 2px 22px}.catalog-intro h1{font-size:34px}.catalog-collection{padding:22px 0 32px}.fortune-elements{gap:6px}.fortune-elements span{min-width:46px;min-height:46px;padding:8px;font-size:12px}}