:root{--font-mono:"Roboto Mono",monospace;--font-heading:"Cormorant Garamond",serif;--font-body:"Montserrat",sans-serif;--bg-cream:#FAF7F2;--bg-off-white:#FEFCF8;--text-brown:#3E3028;--text-warm-gray:#4A4238;--terracotta:#C97B63;--terracotta-light:#D4896B;--sage-green:#8BA888;--sage-green-light:#9CAF88;--warm-taupe:#B8A99A;--soft-peach:#E8B9AB;--border-light:#E8E0D5;--shadow-warm:rgba(62,48,40,0.08);--shadow-warm-hover:rgba(62,48,40,0.15)}*{box-sizing:border-box}html{font-size:18px;line-height:32px;background:var(--bg-cream);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:var(--font-body);font-size:18px;line-height:32px;margin:0;color:var(--text-brown);@media (max-width:1024px){font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;line-height:70px;font-weight:600;font-family:var(--font-heading);color:var(--text-brown);letter-spacing:-.5px;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:46px}@media (max-width:768px){font-size:38px;line-height:42px}@media (max-width:400px){font-size:32px;line-height:36px}}h3{font-family:var(--font-heading);color:var(--text-warm-gray);font-weight:600}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}svg{vertical-align:middle}.home{display:flex;flex-direction:column;min-height:100vh;padding:50px 45px;max-width:1400px;margin:0 auto;background:var(--bg-cream);@media (max-width:400px){padding-left:24px;padding-bottom:32px;padding-right:24px;padding-top:32px}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:50px;h1{text-align:center;margin:20px 0}picture{margin-bottom:20px;opacity:.7;filter:sepia(30%) hue-rotate(320deg) saturate(.8)}}.links{display:flex;align-items:center;gap:12px;margin-top:16px;a{text-decoration:none;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:500;transition:all .3s ease;font-family:var(--font-body)}.admin{color:var(--bg-off-white);background:var(--terracotta);border:2px solid var(--terracotta);&:hover{background:var(--terracotta-light);border-color:var(--terracotta-light);box-shadow:0 4px 12px rgba(201,123,99,.25)}}.docs{color:var(--text-brown);background:transparent;border:2px solid var(--warm-taupe);&:hover{background:var(--warm-taupe);color:var(--bg-off-white)}}}}.tag-filter{margin-bottom:50px;text-align:center;h3{font-size:20px;margin-bottom:20px;font-weight:600;font-family:var(--font-heading);color:var(--text-warm-gray);letter-spacing:.5px}.tag-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tag-chip{display:inline-block;padding:10px 20px;background:var(--bg-off-white);color:var(--text-brown);border-radius:25px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border:2px solid var(--border-light);font-family:var(--font-body);&:hover{background:var(--warm-taupe);border-color:var(--warm-taupe);color:var(--bg-off-white);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-warm-hover)}&.active{background:var(--terracotta);color:var(--bg-off-white);border-color:var(--terracotta);box-shadow:0 2px 8px rgba(201,123,99,.3);&:hover{background:var(--terracotta-light);border-color:var(--terracotta-light)}}&.clear{background:var(--sage-green);color:var(--bg-off-white);border-color:var(--sage-green);&:hover{background:var(--sage-green-light);border-color:var(--sage-green-light);box-shadow:0 4px 12px rgba(139,168,136,.3)}}}}.products-section{flex-grow:1;width:100%;.empty-state{text-align:center;padding:80px 20px;color:var(--warm-taupe);p{font-size:20px;font-family:var(--font-heading);font-style:italic}}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:35px;gap:35px;@media (max-width:1024px){grid-template-columns:repeat(2,1fr);gap:28px}@media (max-width:640px){grid-template-columns:1fr;gap:24px}}}.product-card{background:var(--bg-off-white);border-radius:18px;overflow:hidden;transition:all .3s ease;border:2px solid var(--border-light);box-shadow:0 2px 8px var(--shadow-warm);&:hover{transform:translateY(-6px);box-shadow:0 12px 32px var(--shadow-warm-hover);border-color:var(--warm-taupe)}.product-image{width:100%;height:280px;background:var(--border-light);position:relative;overflow:hidden;img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease}&:hover img{transform:scale(1.05);filter:brightness(1.05) saturate(1.1)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--warm-taupe);font-size:14px;font-family:var(--font-heading);font-style:italic}}.product-info{padding:24px;.product-title{font-size:22px;font-weight:600;margin:0 0 14px;color:var(--text-brown);font-family:var(--font-heading);letter-spacing:.3px;line-height:1.3}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.product-tag{display:inline-block;padding:6px 14px;background:var(--soft-peach);color:var(--text-brown);border-radius:15px;font-size:12px;font-weight:500;border:1px solid var(--terracotta-light);font-family:var(--font-body);opacity:.9}}}.quiz-container{min-height:100vh;padding:50px 45px;max-width:900px;margin:0 auto;background:var(--bg-cream);@media (max-width:768px){padding-left:24px;padding-bottom:32px;padding-right:24px;padding-top:32px}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--border-light);h1{margin:0;font-size:48px;font-family:var(--font-heading);color:var(--text-brown)}.quiz-progress{font-size:16px;color:var(--warm-taupe);font-weight:500;font-family:var(--font-body)}}.quiz-error,.quiz-loading{text-align:center;padding:60px 20px;font-size:20px;color:var(--warm-taupe);font-family:var(--font-heading)}.quiz-error{color:var(--terracotta)}.quiz-content{background:var(--bg-off-white);padding:45px;border-radius:20px;box-shadow:0 4px 16px var(--shadow-warm);border:2px solid var(--border-light);@media (max-width:768px){padding-left:24px;padding-bottom:30px;padding-right:24px;padding-top:30px}}.quiz-question{font-size:28px;font-weight:600;color:var(--text-brown);margin:0 0 40px;font-family:var(--font-heading);line-height:1.4;@media (max-width:768px){font-size:24px;margin-bottom:30px}}.quiz-answers{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.quiz-answer-option{display:flex;align-items:flex-start;padding:20px 24px;background:var(--bg-cream);border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);&:hover{background:var(--warm-taupe);border-color:var(--warm-taupe);transform:translateX(4px);box-shadow:0 4px 12px var(--shadow-warm-hover);.answer-description,.answer-text{color:var(--bg-off-white)}}input[type=radio]{margin-right:16px;margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:var(--terracotta)}&:has(input:checked){background:var(--terracotta);border-color:var(--terracotta);box-shadow:0 4px 12px rgba(201,123,99,.3);.answer-description,.answer-text{color:var(--bg-off-white)}}.answer-text{font-size:18px;font-weight:500;color:var(--text-brown);line-height:1.5}.answer-description,.answer-text{display:block;transition:color .3s ease}.answer-description{font-size:14px;color:var(--text-warm-gray);margin-top:6px;font-style:italic}}.quiz-next-button{width:100%;padding:16px 32px;background:var(--sage-green);color:var(--bg-off-white);border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);box-shadow:0 4px 12px rgba(139,168,136,.25);&:hover:not(:disabled){background:var(--sage-green-light);transform:translateY(-2px);box-shadow:0 6px 18px rgba(139,168,136,.4)}&:disabled{background:var(--warm-taupe);cursor:not-allowed;opacity:.5;box-shadow:none}}.quiz-summary{h1{text-align:center;font-size:52px;margin:40px 0 20px;color:var(--text-brown);font-family:var(--font-heading)}.summary-subtitle{text-align:center;font-size:20px;color:var(--warm-taupe);margin-bottom:50px;font-family:var(--font-body)}}.quiz-path{margin-bottom:50px}.quiz-step{background:var(--bg-off-white);border:2px solid var(--border-light);border-radius:16px;padding:30px;margin-bottom:24px;box-shadow:0 2px 8px var(--shadow-warm);transition:all .3s ease;&:hover{border-color:var(--warm-taupe);box-shadow:0 4px 16px var(--shadow-warm-hover)}.step-number{font-size:14px;font-weight:600;color:var(--terracotta);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.step-content,.step-number{font-family:var(--font-body)}.step-answer,.step-question{margin-bottom:16px;line-height:1.6;strong{color:var(--text-brown);font-weight:600;display:block;margin-bottom:6px;font-family:var(--font-heading);font-size:18px}}.step-answer{margin-bottom:0}.step-answer-description{font-size:15px;color:var(--text-warm-gray);margin-top:8px;font-style:italic;padding-left:16px;border-left:3px solid var(--soft-peach)}}.quiz-restart-button{display:block;width:100%;max-width:400px;margin:0 auto;padding:18px 40px;background:var(--terracotta);color:var(--bg-off-white);border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body);box-shadow:0 4px 12px rgba(201,123,99,.25);&:hover{background:var(--terracotta-light);transform:translateY(-2px);box-shadow:0 6px 18px rgba(201,123,99,.4)}}.no-history{text-align:center;padding:60px 20px;color:var(--warm-taupe);font-size:18px;font-style:italic;font-family:var(--font-heading)}.home .links .quiz-link{color:var(--bg-off-white);background:var(--sage-green);border:2px solid var(--sage-green);&:hover{background:var(--sage-green-light);border-color:var(--sage-green-light);box-shadow:0 4px 12px rgba(139,168,136,.25)}}