:root{--bg:#0d0c0b;--card:#171513;--card2:#211e1a;--text:#f5f0e8;--muted:#a79e92;--line:#342e28;--gold:#c6a66a;--gold2:#e6cf99;--danger:#a85b54}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#241f19 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:28px 18px}.heroShell,.quizShell{display:grid;place-items:center}.heroCard,.quizCard{width:min(760px,100%);background:linear-gradient(180deg,rgba(31,28,24,.98),rgba(20,18,16,.98));border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,48px);box-shadow:0 28px 80px rgba(0,0,0,.35)}.brandMark{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-family:Georgia,serif;margin-bottom:30px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.76rem;font-weight:700}.heroCard h1,.resultHeader h1{font-family:Georgia,serif;font-size:clamp(2.3rem,6vw,4.6rem);line-height:.98;margin:.4em 0 .25em}.lead{color:#c7beb2;font-size:1.05rem;line-height:1.65}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin:28px 0 18px}.span2{grid-column:1/-1}label{color:#d8d0c6;font-size:.9rem;font-weight:650}input,select{width:100%;margin-top:8px;border:1px solid var(--line);background:#0f0e0c;color:var(--text);padding:14px 15px;border-radius:12px;outline:none}input:focus,select:focus{border-color:var(--gold)}.consent{display:flex;gap:11px;align-items:flex-start;font-weight:400;line-height:1.5;color:var(--muted);font-size:.83rem}.consent input{width:auto;margin-top:3px}.ghost,.primary{border-radius:12px;padding:13px 18px;border:1px solid transparent;font-weight:800}.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b160f}.ghost:disabled,.primary:disabled{opacity:.4;cursor:not-allowed}.ghost{background:transparent;color:var(--text);border-color:var(--line)}.full{width:100%;margin-top:22px}.small{padding:10px 13px}.adminLink{display:block;text-align:center;color:#827a70;font-size:.78rem;margin-top:16px}.notice{padding:11px 13px;border-radius:10px;background:#28231d;color:#d9c9aa;font-size:.88rem}.progressRow{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.progress{height:5px;background:#302b25;border-radius:20px;margin:10px 0 34px;overflow:hidden}.progress div{height:100%;background:var(--gold)}.quizCard h2{font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,3rem);margin:.35em 0}.helper{color:var(--gold2);font-size:.9rem}.options{display:grid;grid-gap:10px;gap:10px;margin:24px 0}.option{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:#12110f;color:var(--text);border:1px solid var(--line);padding:15px;border-radius:14px}.option.selected,.option:hover{border-color:#8e7649;background:#211d17}.optionDot{width:25px;height:25px;border-radius:50%;border:1px solid #6b5a3c;display:grid;place-items:center;flex:none;color:var(--gold2)}.navRow{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.resultShell{max-width:1050px;margin:auto}.resultHeader{padding:26px 4px 16px}.cards{display:grid;grid-gap:18px;gap:18px}.perfumeCard{position:relative;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;padding:25px}.rankBadge{position:absolute;top:20px;right:20px;color:#7f7466;font-weight:800}.perfumeTop{display:flex;justify-content:space-between;gap:16px}.perfumeTop h3{font-family:Georgia,serif;font-size:1.65rem;margin:.15em 0}.muted{color:var(--muted)}.affinity{font-size:1.8rem;font-weight:900;color:var(--gold2);text-align:right;padding-right:38px}.affinity span{display:block;font-size:.7rem;color:var(--muted);font-weight:600}.reasonList{background:#110f0d;border-radius:12px;padding:10px 14px;margin:18px 0;color:#d8d0c5;font-size:.92rem}.metaGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.metaGrid div{border-top:1px solid var(--line);padding-top:12px}.metaGrid span,.miniResult span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:4px}.metaGrid strong{font-size:.88rem}.cardActions{display:flex;gap:10px;margin-top:20px}.also,.favoriteBox{margin-top:30px;background:#141210;border:1px solid var(--line);border-radius:18px;padding:20px}.also h2,.favoriteBox h2{font-family:Georgia,serif}.miniResult{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.miniResult b{color:var(--gold2)}.favoriteRow{display:flex;gap:10px}.favoriteRow input{margin:0}.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.76);display:grid;place-items:center;padding:18px;z-index:20}.modal{width:min(580px,100%);background:#1b1815;border:1px solid var(--line);border-radius:20px;padding:25px}.radioList{display:grid;grid-gap:9px;gap:9px;margin:18px 0}.radioList label{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.radioList input{width:auto;margin:2px 0}.adminWrap{max-width:1250px;margin:auto}.adminTop{display:flex;justify-content:space-between;align-items:center;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:24px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px;min-height:100px}.stat span{color:var(--muted);font-size:.82rem}.stat b{font-size:1.8rem;color:var(--gold2);line-height:1}.stat strong{font-size:1.05rem;line-height:1.25}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.adminTable{width:100%;border-collapse:collapse;min-width:1050px;background:#12110f;table-layout:fixed}.adminTable td,.adminTable th{padding:16px;border-bottom:1px solid var(--line);text-align:left;font-size:.82rem;vertical-align:top;line-height:1.45}.adminTable th{color:var(--gold2);background:#1b1815}.adminTable td:first-child,.adminTable th:first-child{width:10%}.adminTable td:nth-child(2),.adminTable th:nth-child(2){width:12%}.adminTable td:nth-child(3),.adminTable th:nth-child(3){width:27%}.adminTable td:nth-child(4),.adminTable th:nth-child(4){width:23%}.adminTable td:nth-child(5),.adminTable th:nth-child(5){width:28%}.answerList{display:grid;grid-gap:9px;gap:9px}.answerList>div{display:grid;grid-template-columns:120px 1fr;grid-gap:10px;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.answerList>div:last-child{border-bottom:0;padding-bottom:0}.answerList span{color:var(--muted);font-size:.74rem}.answerList strong{font-weight:700;line-height:1.35}.loginCard{max-width:480px;margin:10vh auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.formGrid,.metaGrid,.stats{grid-template-columns:1fr}.span2{grid-column:auto}.perfumeTop{display:block}.affinity{text-align:left;padding:0;margin-top:10px}.cardActions,.favoriteRow{flex-direction:column}.navRow button{flex:1 1}.shell{padding:18px 12px}.heroCard,.quizCard{border-radius:20px;padding:24px 18px}.answerList>div{grid-template-columns:1fr;gap:2px}}.earlyAccessBox{margin-top:30px;background:linear-gradient(180deg,#211c15,#15120f);border:1px solid #6d5937;border-radius:22px;padding:24px}.earlyAccessBox h2{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.6rem);margin:.35em 0}.earlyAccessBox>p{color:#c9bfae;line-height:1.6}.earlyAccessOffer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 8px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#110f0d}.earlyAccessOffer strong{display:block;font-size:1.02rem}.earlyAccessOffer span{display:block;color:var(--muted);font-size:.82rem;margin-top:4px}.earlyAccessOffer b{font-size:1.7rem;color:var(--gold2);white-space:nowrap}.earlyAccessFine{font-size:.78rem!important;color:var(--muted)!important}.earlyAccessSuccess{margin-top:18px;padding:14px;border-radius:12px;background:#252017;color:var(--gold2)!important;font-weight:750}.stat small{color:var(--muted);font-size:.72rem}@media(max-width:700px){.earlyAccessOffer{align-items:flex-start;flex-direction:column}.earlyAccessOffer b{font-size:1.5rem}}