.tool-header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.tool-header .back{font-size:11px;color:var(--muted)}.tool-header nav{display:flex;gap:30px;font-size:12px;color:var(--muted);justify-content:flex-end}.tool-header nav a:hover{color:var(--gold)}.brand{display:grid;grid-template-columns:32px auto;column-gap:10px;align-items:center;font-size:16px;letter-spacing:.22em}.brand-mark{grid-row:span 2;width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:"DM Serif Display";font-size:19px;letter-spacing:0}.brand small{grid-column:2;font-size:8px;letter-spacing:.18em;color:var(--muted);line-height:1}.tool-hero{padding:90px 0 60px;border-bottom:1px solid var(--line)}.tool-title-row{display:flex;align-items:center;gap:22px;margin:20px 0 16px}.tool-big-icon{font-size:46px;line-height:1}.tool-hero h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-.03em;margin:0;line-height:1.2}.lead{max-width:720px;color:#aaa39a;font-size:15px;line-height:2;margin:0}.tool-app-wrap{padding:70px 0}.tool-app{border:1px solid var(--line);background:#1a1816;position:relative}.app-inner{padding:44px 46px}.app-field{display:flex;flex-direction:column;gap:9px;flex:1}.app-field label{font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.app-field select,.app-field input{background:#121110;border:1px solid rgba(184,149,90,.28);color:var(--paper);padding:13px 14px;font-family:inherit;font-size:14px;outline:0;transition:border-color .25s}.app-field select:focus,.app-field input:focus{border-color:var(--gold)}.app-field input::placeholder{color:#5c5853}.app-row{display:flex;gap:18px;margin-bottom:22px}.app-row .app-field{margin-bottom:0}.btn{background:var(--gold);color:#141312;border:0;padding:15px 34px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font-weight:600;margin-top:8px;transition:opacity .25s}.btn:hover{opacity:.85}.btn.ghost{background:transparent;border:1px solid rgba(184,149,90,.4);color:var(--gold);margin-top:14px;margin-bottom:6px;padding:12px 22px;font-weight:400}.result{background:#121110;border:1px dashed rgba(184,149,90,.35);padding:28px 30px;margin-top:26px;display:flex;flex-direction:column;gap:8px}.result.live{border-style:solid}.result-big{font-family:"DM Serif Display",serif;font-size:42px;color:var(--gold);line-height:1.1}.result-sub{font-size:13px;color:#aaa39a;line-height:1.8}.note-result{display:block}.note-result p{margin:0;color:#d8d2c9;font-size:15px;line-height:2}.note-result .result-sub{margin-bottom:6px;display:block}.copy-btn{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:9px 20px;font-size:11px;letter-spacing:.1em;cursor:pointer;margin-top:16px;font-family:inherit}.copy-btn:hover{background:var(--gold);color:#141312}.table-head{display:grid;grid-template-columns:1fr 90px 130px 30px;gap:12px;padding:0 0 10px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(184,149,90,.2)}.cv-row{display:grid;grid-template-columns:1fr 90px 130px 30px;gap:12px;margin-top:12px;align-items:center}.cv-row input{background:#121110;border:1px solid rgba(184,149,90,.28);color:var(--paper);padding:11px 12px;font-family:inherit;font-size:13px;outline:0}.cv-row input:focus{border-color:var(--gold)}.row-del{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px}.row-del:hover{color:var(--gold)}.slider-row{display:grid;grid-template-columns:160px 1fr 60px;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid rgba(184,149,90,.14)}.slider-row label{font-size:13px;color:var(--paper);display:flex;justify-content:space-between;align-items:center}.slider-row output{color:var(--gold);font-family:"DM Serif Display",serif;font-size:20px}.slider-row input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:#b8955a66;outline:0;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);border:2px solid #1a1816}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold);border:2px solid #1a1816}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid rgba(184,149,90,.4);color:#cfc8bd;padding:8px 16px;font-size:12px;cursor:pointer;transition:all .2s;user-select:none}.chip:hover{border-color:var(--gold)}.chip.active{background:var(--gold);color:#141312;border-color:var(--gold)}.pairing-card{border:1px dashed rgba(184,149,90,.35);background:#121110;margin-top:24px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.pairing-card h4{margin:0 0 12px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:400}.pairing-card ul{margin:0;padding:0;list-style:none}.pairing-card li{color:#cfc8bd;font-size:14px;line-height:2;padding-left:16px;position:relative}.pairing-card li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.7}.pairing-rule{grid-column:span 2;border-top:1px solid rgba(184,149,90,.2);padding-top:18px;color:var(--muted);font-size:13px;line-height:2}.wheel-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wheel-cell{background:#121110;border:1px solid rgba(184,149,90,.3);color:var(--paper);padding:26px 10px;font-size:14px;cursor:pointer;transition:all .25s;font-family:inherit}.wheel-cell:hover{border-color:var(--gold);transform:translateY(-3px)}.wheel-cell.active{background:var(--gold);color:#141312}.flavor-detail{background:#121110;border:1px dashed rgba(184,149,90,.35);padding:30px}.flavor-hint{color:var(--muted);font-size:13px;margin:0}.flavor-detail h3{margin:0 0 18px;color:var(--gold);font-size:24px;font-weight:400}.flavor-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}.flavor-list li{color:#d8d2c9;font-size:15px;padding-left:20px;position:relative}.flavor-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.verdict{background:#121110;border:1px dashed rgba(184,149,90,.35);padding:24px 28px;margin-top:24px;display:flex;flex-direction:column;gap:10px}.verdict .v-line{font-size:14px;color:#d8d2c9;display:flex;justify-content:space-between}.verdict .badge{font-size:10px;letter-spacing:.12em;padding:3px 10px;text-transform:uppercase}.badge.good{background:#2d4a32;color:#9fd3a6}.badge.warn{background:#4a3a20;color:#e0b96a}.badge.bad{background:#4a2620;color:#e08a7a}.log-box{margin-top:30px;border-top:1px solid rgba(184,149,90,.2);padding-top:20px}.log-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.link-btn{background:none;border:0;color:var(--muted);cursor:pointer;font-size:11px;font-family:inherit;text-decoration:underline}.link-btn:hover{color:var(--gold)}.log-box ul{margin:16px 0 0;padding:0;list-style:none}.log-box li{display:flex;justify-content:space-between;color:#aaa39a;font-size:13px;padding:11px 0;border-bottom:1px solid rgba(184,149,90,.1)}.window-bar{margin-top:30px;padding:8px 0 4px}.window-track{position:relative;height:26px;background:#121110;border:1px solid rgba(184,149,90,.25)}.win-start{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);opacity:.5}.win-peak{position:absolute;top:-3px;bottom:-3px;width:3px;background:#e0b96a;z-index:2}.win-end{position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--gold);opacity:.5}.win-now{position:absolute;top:-6px;bottom:-6px;width:3px;background:#fff;z-index:3;transition:left .5s}.win-label{position:absolute;top:-22px;font-size:9px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.about-tool{display:grid;grid-template-columns:1fr 300px;gap:70px;padding:80px 0 10px;align-items:start}.about-copy h2{font-size:30px;font-weight:400;margin:14px 0 18px;letter-spacing:-.02em}.about-copy p{color:#aaa39a;font-size:15px;line-height:2.1;max-width:720px;margin:0}.about-facts{display:flex;flex-direction:column;border-top:1px solid var(--line)}.fact{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(184,149,90,.16)}.fact span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fact b{font-size:13px;font-weight:500;color:var(--paper);text-align:right}.howto{padding:80px 0}.section-note{color:var(--muted);font-size:13px;line-height:2;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}.step{background:#1d1b19;border:1px solid rgba(184,149,90,.16);padding:30px}.step span{font-family:"DM Serif Display",serif;font-size:28px;color:var(--gold)}.step p{color:#aaa39a;font-size:14px;line-height:1.9;margin:14px 0 0}.faq{padding:0 0 90px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid rgba(184,149,90,.16)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:0;color:var(--paper);font-size:16px;padding:22px 4px;cursor:pointer;text-align:left;font-family:inherit}.faq-q:hover{color:var(--gold)}.faq-toggle{font-size:22px;color:var(--gold);transition:transform .3s;flex-shrink:0}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-a{max-height:400px}.faq-a p{color:#aaa39a;font-size:14px;line-height:2;margin:0;padding:0 4px 24px;max-width:820px}.more{padding:0 0 110px}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.more-grid a{display:block;border:1px solid rgba(184,149,90,.16);padding:22px;position:relative;transition:all .3s}.more-grid a:hover{border-color:var(--gold);transform:translateY(-4px)}.more-grid span{font-size:26px}.more-grid h3{font-size:15px;font-weight:500;margin:12px 0 0;padding-right:20px}.more-grid b{position:absolute;right:18px;top:24px;color:var(--gold);font-size:17px;font-weight:400}.footer{background:#0e0d0c;border-top:1px solid var(--line);padding:52px 0 25px;color:var(--muted)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:48px;border-bottom:1px solid rgba(184,149,90,.2)}.footer-top p{font-size:12px;line-height:2;margin:0}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:11px;align-items:flex-end}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;padding-top:22px;color:#5c5853}@media(max-width:900px){.more-grid,.steps{grid-template-columns:1fr 1fr}.wheel-inner{grid-template-columns:1fr}.about-tool{grid-template-columns:1fr;gap:40px}}@media(max-width:760px){.tool-header{height:74px;grid-template-columns:1fr auto}.tool-header nav{display:none}.tool-hero{padding:60px 0 40px}.about-tool{padding:50px 0 0}.tool-app-wrap{padding:50px 0}.app-inner{padding:28px 22px}.app-row{flex-direction:column;gap:16px}.slider-row{grid-template-columns:1fr;gap:8px;grid-template-areas:"label out" "range range"}.slider-row label{grid-area:label}.slider-row output{grid-area:out}.slider-row input[type=range]{grid-area:range}.pairing-card{grid-template-columns:1fr}.pairing-rule{grid-column:auto}.wheel-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.faq{padding-bottom:70px}.faq-q{font-size:15px}.more-grid{grid-template-columns:1fr 1fr}.table-head,.cv-row{grid-template-columns:1fr 70px 100px 26px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-links{align-items:flex-start}.footer-bottom{gap:12px;flex-wrap:wrap}}@media(max-width:480px){.tool-header .back{font-size:9px}.tool-title-row{gap:14px}.tool-big-icon{font-size:34px}.tool-hero h1{font-size:32px}.more-grid,.footer-top{grid-template-columns:1fr}}
