:root{--bg:#0e1b15;--ink:#e3efdc;--muted:#a5b69f;--line:#344936;--card:#192b1f;--price:#c2f17a;color-scheme:dark}html[data-theme=light]{--bg:#f3f4ee;--ink:#162b24;--muted:#60715f;--line:#cdd8c7;--card:#fff;--price:#315c29;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:9px 12px;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #91b956;outline-offset:3px}.screen-toolbar{display:flex;align-items:center;gap:15px;padding:15px 24px;font-size:12px}.screen-toolbar>a{text-decoration:none;font-weight:700;letter-spacing:.3px}.screen-toolbar time{margin-left:auto;color:var(--muted)}.screen-grid{padding:12px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:calc(100vh - 125px)}.screen-grid[data-count='1']{grid-template-columns:1fr}.screen-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,50px);display:flex;flex-direction:column;justify-content:center;min-width:0}.screen-card h2{font-size:clamp(24px,3vw,52px);font-weight:500;letter-spacing:-1px;margin:0 0 30px}.screen-prices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.screen-prices>div{min-width:0}.screen-prices>div+div{border-left:1px solid var(--line);padding-left:20px}.screen-prices span{font-size:clamp(11px,1.2vw,18px);letter-spacing:2px;color:var(--muted)}.screen-prices strong{font-size:clamp(40px,7vw,145px);display:block;line-height:1.15;font-weight:500;letter-spacing:-2px;color:var(--price);white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;margin-top:15px}.screen-grid[data-count='1'] .screen-prices strong{font-size:clamp(55px,12vw,240px)}.screen-card p{font-size:clamp(11px,1vw,16px);line-height:1.7;color:var(--muted);margin:24px 0 0}.screen-card .screen-change{margin-top:8px}body[data-size=normal] .screen-prices strong{font-size:48px}body[data-size=grande] .screen-prices strong{font-size:110px}body[data-size=gigante] .screen-prices strong{font-size:190px}footer{display:flex;justify-content:space-between;gap:20px;padding:12px 24px;font-size:11px;color:var(--muted);line-height:1.7}#screen-settings{margin:10px 24px;padding:24px;border:1px solid var(--line);border-radius:12px}#screen-settings h1{font-size:24px}fieldset{display:flex;flex-wrap:wrap;gap:16px;border:1px solid var(--line);padding:20px;margin:20px 0}legend{font-size:13px}fieldset label{display:flex;align-items:center;gap:7px;font-size:13px}form>label{display:inline-flex;gap:10px;align-items:center;margin:10px 15px 10px 0}#screen-settings p{font-size:12px;color:var(--muted)}.screen-grid[data-count='1'] .screen-card{text-align:center}.screen-grid[data-count='1'] .screen-prices{text-align:left}.screen-grid[data-count='5'],.screen-grid[data-count='6'],.screen-grid[data-count='7'],.screen-grid[data-count='8'],.screen-grid[data-count='9'],.screen-grid[data-count='10'],.screen-grid[data-count='11']{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.screen-toolbar{flex-wrap:wrap;padding:12px;gap:8px}.screen-toolbar time{font-size:11px}.screen-grid,.screen-grid[data-count]{grid-template-columns:1fr;padding:10px 12px;gap:12px;min-height:calc(100vh - 150px)}.screen-card{padding:24px 18px}.screen-card h2{font-size:27px;margin-bottom:22px}.screen-prices strong,.screen-grid[data-count='1'] .screen-prices strong{font-size:clamp(36px,10vw,75px)}footer{padding:12px;display:block}footer span{display:block}#screen-settings{margin:10px 12px;padding:16px}.screen-prices>div+div{padding-left:12px}.screen-prices{gap:12px}}
