body{background:var(--sand);font-family:Raleway,sans-serif;color:var(--brown-deep);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh}.screen{width:100%;height:100vh;display:none;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.screen.active{display:flex}#screen-result,#screen-welcome{background:linear-gradient(160deg,#f9f1e7 0,#f0e4d0 60%,#e8d4b8 100%)}.welcome-ornament{font-size:3.2rem;margin-bottom:24px;animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.welcome-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.6rem, 5vw, 3.8rem);line-height:1.2;margin-bottom:12px;color:var(--brown-deep)}.welcome-title em{font-style:italic;color:var(--brown-mid)}.welcome-sub{font-size:.88rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brown-light);margin-bottom:32px}.welcome-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--brown-xlight),transparent);margin:0 auto 32px}.welcome-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;line-height:1.7;color:var(--brown-mid);max-width:480px;margin-bottom:48px}.btn-main{display:inline-block;padding:16px 48px;background:var(--brown-mid);color:#fff;font-family:Raleway,sans-serif;font-size:.88rem;letter-spacing:.22em;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 4px 20px rgba(90,66,50,.25)}.btn-main:active{transform:scale(.97);background:var(--brown-deep)}.btn-ghost{display:inline-block;padding:12px 32px;background:0 0;color:var(--brown-mid);font-family:Raleway,sans-serif;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--brown-xlight);border-radius:2px;cursor:pointer;transition:.2s}.btn-ghost:active{background:rgba(90,66,50,.08)}#screen-select{justify-content:flex-start;padding:28px 24px 24px;overflow-y:auto}.select-header{width:100%;max-width:700px;text-align:center;margin-bottom:28px;flex-shrink:0}.select-header h2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:2.2rem;color:var(--brown-deep);margin-bottom:6px}.select-header p{font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brown-light)}.oil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:800px}@media (max-width:768px){.oil-grid{grid-template-columns:repeat(2,1fr)}}.flip-card{perspective:1200px;height:200px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:8px}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;box-shadow:0 4px 20px rgba(90,66,50,.1);transition:box-shadow .3s}.flip-card:active .flip-back,.flip-card:active .flip-front{box-shadow:0 8px 32px rgba(90,66,50,.18)}.flip-back{transform:rotateY(180deg);text-align:left;align-items:flex-start;justify-content:flex-start;padding:18px 16px}.flip-front-icon{font-size:2.2rem;margin-bottom:10px}.flip-front-name{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:300;color:var(--brown-deep);margin-bottom:4px;text-align:center}.flip-front-cat{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brown-light);text-align:center}.flip-front-hint{position:absolute;bottom:10px;right:12px;font-size:.75rem;color:var(--brown-xlight);letter-spacing:.1em}.flip-back-name{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;margin-bottom:2px}.flip-back-cat{font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:var(--brown-light);margin-bottom:8px}.flip-back-rule{width:100%;height:1px;opacity:.4;margin-bottom:8px}.flip-back-desc{font-size:.95rem;line-height:1.65;color:#4a3428;font-weight:300;margin-bottom:10px;flex:1}.flip-back-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;line-height:1.4;opacity:.75;padding-left:8px;border-left:2px solid currentColor}.oil-hawaii .flip-front{background:linear-gradient(145deg,#fff9f0,#fdefd8,#f9e3bc);border:1px solid #e8c98a}.oil-hawaii .flip-back{background:linear-gradient(145deg,#fff9f0,#fdefd8);border:1px solid #e8c98a}.oil-hawaii .accent,.oil-hawaii .flip-back-quote{color:#b8701e}.oil-hawaii .flip-back-rule{background:linear-gradient(90deg,transparent,#c47e2a,transparent)}.oil-sunset .flip-front{background:linear-gradient(145deg,#fff5f1,#fde9de,#f8d5c0);border:1px solid #e8a07a}.oil-sunset .flip-back{background:linear-gradient(145deg,#fff5f1,#fde9de);border:1px solid #e8a07a}.oil-sunset .accent,.oil-sunset .flip-back-quote{color:#b04e22}.oil-sunset .flip-back-rule{background:linear-gradient(90deg,transparent,#c05a2a,transparent)}.oil-vata .flip-front{background:linear-gradient(145deg,#f5f9f5,#e7f1e7,#d5e9d5);border:1px solid #8ab88a}.oil-vata .flip-back{background:linear-gradient(145deg,#f5f9f5,#e7f1e7);border:1px solid #8ab88a}.oil-vata .accent,.oil-vata .flip-back-quote{color:#3a6e3a}.oil-vata .flip-back-rule{background:linear-gradient(90deg,transparent,#4a7a4a,transparent)}.oil-delight .flip-front{background:linear-gradient(145deg,#fdf7ff,#f6e9ff,#ebd5ff);border:1px solid #c89ae0}.oil-delight .flip-back{background:linear-gradient(145deg,#fdf7ff,#f6e9ff);border:1px solid #c89ae0}.oil-delight .accent,.oil-delight .flip-back-quote{color:#7030a0}.oil-delight .flip-back-rule{background:linear-gradient(90deg,transparent,#8040b0,transparent)}.oil-johannis .flip-front{background:linear-gradient(145deg,#fffdee,#fdf5c8,#f8e890);border:1px solid #d4b84a}.oil-johannis .flip-back{background:linear-gradient(145deg,#fffdee,#fdf5c8);border:1px solid #d4b84a}.oil-johannis .accent,.oil-johannis .flip-back-quote{color:#806000}.oil-johannis .flip-back-rule{background:linear-gradient(90deg,transparent,#9a7a10,transparent)}.flip-card.selected .flip-back,.flip-card.selected .flip-front{box-shadow:0 0 0 3px currentColor,0 8px 32px rgba(90,66,50,.18)}.oil-hawaii.selected .flip-back,.oil-hawaii.selected .flip-front{box-shadow:0 0 0 3px #b8701e,0 8px 32px rgba(90,66,50,.18)}.oil-sunset.selected .flip-back,.oil-sunset.selected .flip-front{box-shadow:0 0 0 3px #b04e22,0 8px 32px rgba(90,66,50,.18)}.oil-vata.selected .flip-back,.oil-vata.selected .flip-front{box-shadow:0 0 0 3px #3a6e3a,0 8px 32px rgba(90,66,50,.18)}.oil-delight.selected .flip-back,.oil-delight.selected .flip-front{box-shadow:0 0 0 3px #7030a0,0 8px 32px rgba(90,66,50,.18)}.oil-johannis.selected .flip-back,.oil-johannis.selected .flip-front{box-shadow:0 0 0 3px #806000,0 8px 32px rgba(90,66,50,.18)}.select-footer{width:100%;max-width:800px;display:flex;align-items:center;justify-content:space-between;margin-top:20px;flex-shrink:0;gap:12px}.select-hint{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-xlight)}#btn-confirm{opacity:.3;pointer-events:none;transition:opacity .3s}#btn-confirm.ready{opacity:1;pointer-events:all}.result-icon{font-size:4.2rem;margin-bottom:20px}.result-label{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brown-light);margin-bottom:10px}.result-name{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.8rem, 7vw, 4.5rem);color:var(--brown-deep);margin-bottom:8px}.result-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.4rem;margin-bottom:24px}.result-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--brown-xlight),transparent);margin:0 auto 24px}.result-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;line-height:1.65;color:var(--brown-mid);max-width:440px;margin-bottom:40px}.result-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}