
/* MODYNOA · Editorial pastel / fashion brand, 2026 — cosmetic override only.
   Preserves original controls, form layout, fitting logic and Supabase access. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#F8F1EB;--surface:#FFFBF7;--surface2:#F4E8DB;--border:#E7D9CD;--ink:#292522;--muted:#74675F;--lime:#90051F;--limeInk:#fff;--warm:#CC9E86;--danger:#A53544;--w:1230px;--cardShadow:0 13px 40px rgba(85,46,29,.085)}
html{scroll-behavior:smooth}
body{background:var(--bg)!important;color:var(--ink)!important;font-family:'DM Sans',sans-serif!important}
button,input,select,textarea{font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,.price,.logo{font-family:'Manrope',sans-serif!important;color:var(--ink)}
a{color:inherit}
.topbar{background:rgba(255,250,246,.97)!important;box-shadow:0 1px 14px rgba(87,47,35,.055);border-bottom:1px solid #e8ddd2!important}
.nav{min-height:82px;height:auto;padding:10px 0}
.navlinks{gap:clamp(11px,1.3vw,20px);flex-wrap:wrap;justify-content:flex-end;color:#3d302b!important;font-size:.84rem}
.navlinks a,.navlinks a:visited{color:#3e3430!important;font-weight:700}
.navlinks a:hover{color:#90051F!important}
.logo-wordmark-link{flex-shrink:0}
.logo-wordmark{width:clamp(158px,17vw,242px)!important;max-width:244px!important;height:auto!important;max-height:65px!important;object-fit:contain!important;filter:none!important}
.logo-wordmark[src$="modynoa-logo-original.png"]{max-width:235px}
.section,.app-page,.perfume-page{background:transparent!important}
.section.alt{background:#F1E4D9!important}
.hero:before,.hero-display:before{display:none}
.eyebrow,.kicker{color:#90051F!important;letter-spacing:.13em}
.gradient-copy,.highlight,h1 .highlight{background:none!important;-webkit-text-fill-color:initial!important;color:#90051F!important}
.panel,.card,.price-card,.addon,.step,.example,.faq details,.note,.metric,.look,.premium-card,.perfume-card,.fit-brief,.saved-mini-item,.model3d-saved-item{background:#FFFCF9!important;border:1px solid #E7D9CD!important;color:#292522!important;box-shadow:0 9px 27px rgba(77,43,30,.045)!important}
.panel p,.card p,.price-card p,.addon p,.step p,.policy p,.look-info p,.example p,.app-head p,.small-text.muted,.muted,.lead,.footer{color:#756961!important}
.panel h2,.panel h3,.panel strong,.step h3,.faq summary{color:#2D2421}
.btn,.btn-lime,.btn-google-primary,.btn-dark,.btn-outline{border-radius:12px!important;box-shadow:none!important;transition:background-color .15s,transform .15s,border-color .15s!important}
.btn-lime,.btn-google-primary,.btn[data-buy],.btn.google-btn{background:#90051F!important;border:1px solid #90051F!important;color:#fff!important}
.btn-lime:hover,.btn[data-buy]:hover{background:#700319!important}
.btn-dark{background:#F4E9E0!important;color:#48252A!important;border:1px solid #DDCABD!important}
.btn-outline{background:#FFF9F4!important;color:#90051F!important;border:1px solid #B77B7C!important}
.btn-outline:hover{background:#FDEEF0!important}
.btn:disabled{opacity:.65;cursor:not-allowed}
.google-only-login .btn-google-primary{background:#FFF!important;color:#272525!important;border:1px solid #D9C4B8!important}
.google-only-login .btn-google-primary:hover{background:#FFF8F1!important}
.price-card,.price-card.featured{background:#FFF9F4!important;border:1px solid #E7D1C7!important}
.price-card.featured{border:2px solid #90051F!important}
.price-card .ribbon{background:#F5DFDA!important;color:#90051F!important;border:1px solid #EBC9C4!important}
.price-card .price{color:#90051F!important}
.price-grid.triple .price-card .ribbon{background:#F7E5D8!important;color:#90051F!important}
.price-card .ticks li,.price-card .ticks li:before{color:#574B45!important}
.ribbon{color:#90051F!important}
.input,.field input,.field select,.field textarea,textarea.input,.input:focus{background:#FFFFFF!important;color:#292522!important;border-color:#DDCDC0!important}
.input:focus{outline:2px solid rgba(144,5,31,.19)!important;border-color:#B66B79!important}
.input::placeholder,textarea::placeholder{color:#9b8f87!important}
.photo-field,.studio-photo-guide,.board-preview-holder,.model3d-board-placeholder{background:#FFFBF7!important;border:1.5px dashed #C9A991!important;color:#483731!important}
.photo-field .photo-label,.field label,.check,.mode-card,.fit-choice{color:#473A35!important}
.check,.mode-card,.fit-choice,.mode-grid>*{background:#FBF2EC!important;border:1px solid #E7D8CC!important}
.mode-card.selected,.fit-choice.selected{background:#FFF2F0!important;border:2px solid #90051F!important}
.kirvano-email-note,.kirvano-email-note[role=note],.warn,.model3d-feature-lock,.studio-warning,.model3d-feature-lock strong{background:#FFECAE!important;color:#4D3721!important;border-color:#E4C971!important}
.kirvano-email-note p,.kirvano-email-note span,.warn p,.studio-warning{color:#4D3721!important}
.success,.auth-status.success{background:#DDEEF8!important;color:#154F73!important;border-color:#A4CBE4!important}
.error,.auth-status.warn{color:#8b1730!important}
.footer{border-color:#D8C4B8!important}
.footer a{color:#7F1F30!important}
.card .ico,.badge,.chip,.premium-mini-badge,.premium-note{background:#F3E7DA!important;color:#74394D!important;border-color:#E6D6C8!important}
.balance,.credit-showcase{background:#FFF8F0!important;border:1px solid #E7D4C8!important;color:#44362F!important}
.balance strong,.credit-showcase strong{color:#90051F!important}
.look,.look-info,.look-actions,.look-placeholder{background:#FFFDFB!important;color:#302823!important}
.look-img{background:#ECE0D4!important}
.status{background:#DFEEF8!important;color:#175978!important}
.gallery .look-info strong{color:#322823}
/* Fit ID OCR and charts remain in their original grid, with light, legible fields */
.fit-import-grid,.app-grid,.premium-app-grid{color:#2C2421}
.saved-mini-item{color:#302823!important}
.fit-import-grid pre,.fit-import-grid code{color:#543F35}
/* Perfume original layout and workflows stay intact */
.perfume-main,.perfume-page{color:#292522!important}
.perfume-page .panel,.perfume-page .perfume-card,.perfume-panel{background:#FFFCF8!important;border-color:#E9DCD0!important;color:#292522!important}
.perfume-page p,.perfume-page span,.perfume-main p{color:#5F554F}
.perfume-main input,.perfume-main select,.perfume-main textarea{background:#FFF!important;color:#292522!important;border-color:#D5C3B7!important}
/* Model 3D existing two column + project gallery stays same */
.model3d-hero{background:transparent!important}
.model3d-hero>p,.model3d-hero p,.model3d-section-title p,.model3d-selected-text p,.model3d-roadmap p,.model3d-roadmap small,.model3d-privacy{color:#6E635D!important}
.model3d-dev-state{background:#F7E5DA!important;border-color:#E7D2C8!important;color:#782B3C!important}
.model3d-look,.model3d-mode,.model3d-selected,.model3d-project-status,.model3d-saved-item,.model3d-saved-list,.model3d-roadmap,.model3d-next-step,.model3d-privacy{background:#FFFCF9!important;border-color:#E5D3C6!important;color:#302621!important}
.model3d-look.selected,.model3d-mode.selected{border:2px solid #90051F!important;background:#FFF1EE!important}
.model3d-selected-image,.model3d-pending-image,.model3d-thumb{background:#F1E5D9!important}
.model3d-selected-text h3,.model3d-next-step h3,.model3d-cost-card h2{color:#2C2421!important}
.model3d-mode small,.model3d-mode span,.model3d-technical{color:#705D57!important}
.model3d-pill{background:#E0F0FA!important;color:#1D627D!important}
.model3d-total{background:#FFF0BD!important;color:#4D3721!important;border:1px solid #E9D08C!important}
.model3d-total strong{color:#69391D!important}
.model3d-line{border-color:#E8D6CA!important;color:#493D35!important}
.model3d-line strong{color:#90051F!important}
.model3d-mode-options input{accent-color:#90051F!important}
.model3d-input-grid label,.model3d-input-grid small,.model3d-consent,.model3d-project-status small,.model3d-project-status span{color:#65564C!important}
.model3d-privacy{border:1px solid #E3D0C3!important}
.model3d-saved-item strong,.model3d-saved-item>span{color:#3E3028!important}
/* Login without dark panels */
.account-card{background:#FFFDFB!important}
.account-card h1{color:#292522!important}
.account-card p{color:#635751!important}
/* Navigation and billing new pages */
.modynoa-editorial-hero{padding:20px 0 44px!important;overflow:visible!important;min-height:0!important;background:linear-gradient(113deg,#F8F1EB 10%,#F2E5D8 100%)!important}
.editorial-hero-inner{display:grid;grid-template-columns:1fr .85fr;gap:38px;min-height:470px;align-items:center}
.editorial-hero-copy{padding:45px 0}
.editorial-hero-copy h1{font-size:clamp(3.1rem,5.5vw,5.2rem);line-height:1.07;margin:12px 0 22px;letter-spacing:-.065em}
.editorial-hero-copy h1 em{color:#90051F;font-style:normal}
.editorial-hero-copy>p{color:#665850!important;line-height:1.75;max-width:510px;font-size:1.06rem}
.editorial-hero-art{position:relative;height:430px;border-radius:29px;background:#DEC2B1;box-shadow:0 26px 70px rgba(112,69,48,.13);overflow:hidden}
.editorial-hero-art img{height:100%;width:100%;object-fit:cover;object-position:center 23%}
.editorial-label{position:absolute;bottom:20px;left:22px;background:#FFFAF2EE;color:#4F332A;padding:12px 18px;font-size:.84rem;font-weight:800;border-radius:99px}
.editorial-hero-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#775F55;font-size:.8rem;font-weight:700}
.home-token-banner{background:#FFF9F4;border:1px solid #E5D4C7;box-shadow:0 12px 42px rgba(84,48,30,.07);padding:27px;display:flex;align-items:center;gap:26px;border-radius:21px}
.home-token-banner img{width:100px;height:100px;object-fit:contain;flex-shrink:0}
.home-token-banner h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:10px}
.home-token-banner p{margin:0;color:#68584F}
.home-token-banner .btn{margin-left:auto}
.currencies-page-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.currencies-page-top h1{font-size:clamp(2.1rem,5vw,4rem)}
.currencies-page-top p{max-width:670px;line-height:1.7;color:#665950}
.currency-page-coin{height:160px;width:160px;object-fit:contain}
.modynoa-balance-pills{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.modynoa-balance-pills>span{display:inline-flex;align-items:center;gap:7px;background:#FFFDFB;border:1px solid #E1CFC3;border-radius:99px;padding:7px 16px;font-size:.89rem;color:#4C3A32}
.modynoa-balance-pills img{width:32px;height:32px;object-fit:contain}
.modynoa-balance-pills strong{color:#90051F;font-size:1rem}
.modynoa-price-grid .price-card,.modynoa-token-grid .price-card{position:relative;padding:28px;min-height:335px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.modynoa-price-grid .price-card p,.modynoa-token-grid .price-card p{margin-bottom:12px;max-width:320px;line-height:1.7}
.modynoa-price-grid .price-card .btn,.modynoa-token-grid .price-card .btn{margin-top:auto;width:100%}
.modynoa-price-grid .price-card h3{margin:2px 0}
.currency-coin{position:absolute;right:22px;top:52px}
.currency-coin img{width:83px;height:83px;object-fit:contain}
.currencies-explainer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.currencies-explainer>div,.currencies-how{border:1px solid #E9D9CE;background:#FFFAF6;border-radius:16px;padding:20px}
.currencies-explainer p,.currencies-how p{color:#69594F}
.modynoa-token-grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(280px,1fr);gap:20px}
.alert-pastel-yellow{background:#FFECAF;color:#4A3726;border:1px solid #E6CD80;padding:18px;border-radius:13px;line-height:1.7}
.model3d-usage-guide{background:#FFF8F2;border:1px solid #E3D4C6;border-radius:17px;padding:20px;margin:20px 0;color:#55473F}
.model3d-usage-guide summary{cursor:pointer;font-weight:800;color:#47372F}
.model3d-usage-guide p{line-height:1.7;color:#6F625B}
.model3d-prompt-text{margin-top:13px}
.model3d-prompt-text pre{background:#F1E5D8;color:#4C3B32;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.5;padding:13px;border-radius:12px}
.model3d-photo-board{padding:16px;border-radius:15px;background:#FFF6EC;border:1px solid #E9D8CB}
.model3d-photo-board h4{margin-bottom:12px}
.model3d-reference-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.model3d-reference-frames>div{display:grid;grid-template-rows:auto 130px;gap:7px}
.model3d-reference-frames span{font-weight:700;font-size:.74rem;color:#63564F}
.model3d-reference-frames img{width:100%;height:130px;object-fit:contain;border-radius:10px;background:#ECE0D4}
.model3d-board-placeholder{display:grid;place-items:center;padding:8px;text-align:center;font-size:.74rem;border:1px dashed #D4B49E;border-radius:10px}
.model3d-board-placeholder img{width:100%;height:100%;object-fit:contain}
.model3d-photo-board p{font-size:.76rem;color:#73655F;margin:12px 0 0}
.model3d-action-locked{display:grid;gap:8px;margin:15px 0}
.model3d-action-locked .btn{white-space:normal;min-height:44px;text-align:center}
.model3d-action-locked p{font-size:.76rem;color:#78665D}
.model3d-token-offer{border:1px solid #E3D1C5;background:#FFF9F1;border-radius:17px;padding:15px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}
.model3d-token-offer img{height:62px;width:62px;object-fit:contain}
.model3d-token-offer p{margin:3px 0;color:#685A54;font-size:.77rem}
.model3d-token-offer .btn{font-size:.78rem}
@media(max-width:1080px){.navlinks{gap:12px}.editorial-hero-inner{grid-template-columns:1fr .75fr}.logo-wordmark{max-width:170px!important}}
@media(max-width:850px){.editorial-hero-inner{grid-template-columns:1fr}.editorial-hero-art{max-width:580px;height:330px}.home-token-banner{flex-wrap:wrap}.home-token-banner .btn{margin:0}.model3d-reference-frames{gap:8px}.nav{align-items:flex-start}.navlinks{justify-content:flex-start}}
@media(max-width:640px){.wrap{width:min(calc(100% - 26px),var(--w))}.editorial-hero-copy{padding:15px 0}.editorial-hero-copy h1{font-size:clamp(2.7rem,11vw,3.7rem)}.editorial-hero-art{height:340px}.currency-page-coin{width:90px;height:90px}.currencies-page-top{align-items:flex-start}.currencies-explainer,.modynoa-token-grid{grid-template-columns:1fr}.modynoa-price-grid{grid-template-columns:1fr!important}.model3d-reference-frames{grid-template-columns:1fr 1fr}.model3d-reference-frames>div:first-child{grid-column:span 2}.nav{flex-direction:column;align-items:center}.navlinks{width:100%;justify-content:center;gap:11px;line-height:1.8}.navlinks a{font-size:.82rem}}

/* Final legibility pass: old high-specificity dark components */
.currencies-page .price-grid.triple .price-card,
.currencies-page .modynoa-token-grid .price-card,
#oferta .price-grid.triple .price-card {background:#FFFAF6!important;color:#292522!important;border:1px solid #E4CEC1!important;box-shadow:0 14px 40px rgba(89,51,30,.055)!important}
.currencies-page .price-grid.triple .price-card.featured,
#oferta .price-grid.triple .price-card.featured{border:2px solid #90051F!important}
.currencies-page .price-grid.triple .price-card h3,
.currencies-page .price-grid.triple .price-card p,
.currencies-page .price-grid.triple .price-card li,
#oferta .price-grid.triple .price-card h3,
#oferta .price-grid.triple .price-card p,
#oferta .price-grid.triple .price-card li{color:#352925!important}
.currencies-page .price-grid.triple .price-card .price,
#oferta .price-grid.triple .price-card .price{color:#90051F!important}
#oferta .price-grid.triple .price-card .btn{color:#FFF!important}
.kirvano-email-note,.kirvano-email-note[role="note"]{background:#FFECAE!important;color:#503920!important;border:1px solid #E2C875!important}
.kirvano-email-note strong,.kirvano-email-note span,.kirvano-email-note p{color:#503920!important}
.kirvano-note-icon{background:#F0C849!important;color:#503920!important}
.login-email-detail{background:#F3E6DC!important;color:#513E36!important;border:1px solid #E3C9BB!important}
.login-email-detail strong{color:#90051F!important}
.studio-copy-button{background:#F5DBD6!important;color:#90051F!important;border-color:#D4A7A4!important}
.studio-copy-button:hover{background:#EDD0CA!important;color:#70061B!important}
.studio-prompt-box{background:#FFF8F0!important;border:1px solid #E3CFC0!important}
.studio-prompt-box pre,.studio-prompt-heading{color:#54443B!important}
.chart-photo-upload{background:#FFF8F0!important;color:#3F322B!important;border:1.5px dashed #CBA68D!important}
.chart-photo-upload small{color:#7C6C5E!important}
.currencies-explainer b{color:#292522!important}
.model3d-usage-guide .btn-outline{color:#90051F!important}
