:root{--pro-surface:#fff;--pro-bg:#f5f5f2;--pro-text:#101010}html[data-theme="dark"]{--pro-surface:#191b20;--pro-bg:#101216;--pro-text:#f4f4f5}.pro-card{color:var(--pro-text)}.pro-head>span{color:var(--black)}html[data-theme="dark"] .pro-head>span{color:#ffd400}
.pro-head{padding:22px 0}.pro-head>span{font-size:11px;letter-spacing:.14em;color:#ffd400}.pro-head h2{font-size:30px;margin:8px 0}.pro-card{background:var(--pro-surface);border:1px solid var(--line,#34363b);border-radius:16px;padding:20px;margin:16px 0;min-width:0}.pro-card h3{margin:0 0 12px}.pro-card p,.pro-card small{color:var(--muted,#afb3bd);line-height:1.6}.pro-card a{color:inherit;text-decoration:underline}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:16px 0}.pro-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.pro-card input,.pro-card select,.pro-card textarea{box-sizing:border-box;width:100%;min-height:44px;background:var(--pro-bg);color:var(--pro-text);border:1px solid var(--line,#484b52);border-radius:9px;padding:10px;font:inherit}.pro-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.pro-row>label{flex:1;min-width:160px}.pro-tabs{display:flex;flex-wrap:wrap;gap:7px}.pro-tabs button{min-height:44px;border:1px solid #444;border-radius:9px;background:#191b20;color:#fff;padding:10px 14px}.pro-tabs button[aria-pressed=true]{background:#ffd400;color:#111;border-color:#ffd400}.pro-metric{padding:14px;border-radius:10px;background:var(--pro-bg);min-width:0;overflow-wrap:anywhere}.pro-metric strong{display:block;margin-top:7px;font-size:19px}.pro-metric small{display:block;font-size:12px}.pro-checks{display:grid;gap:12px;margin:18px 0}.pro-checks label{flex-direction:row;align-items:center;padding:10px;background:var(--pro-bg);border-radius:9px}.pro-checks input{width:22px;min-width:22px;height:22px;min-height:22px;accent-color:#ffd400}.pro-ranking{padding:0;list-style:none}.pro-ranking li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.pro-months>div{display:grid;grid-template-columns:24px 1fr minmax(120px,180px);gap:10px;align-items:center;font-size:12px;margin:10px 0}.pro-months meter,.pro-card progress{width:100%;accent-color:#ffd400}.pro-answer{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;padding:18px;background:var(--pro-bg);border-radius:12px}.pro-feedback{padding:12px 0;color:#ffd400}.pro-finder{position:relative;max-width:850px;margin:24px auto;background-color:#282c32;background-size:cover;background-position:center;background-image:linear-gradient(0deg,transparent 32%,#60646b 33%,transparent 34%,transparent 65%,#60646b 66%,transparent 67%),linear-gradient(90deg,transparent 32%,#60646b 33%,transparent 34%,transparent 65%,#60646b 66%,transparent 67%);display:grid;place-items:center;overflow:hidden;border:2px solid #eee}.pro-finder>span{text-align:center;color:#fff;text-shadow:0 1px 4px #000;font-size:12px}.pro-safe{position:absolute;border:1px dashed #ffd400;color:#ffd400;font-size:10px;text-shadow:0 1px 4px #000;padding:4px}.pro-safe.action{inset:5%}.pro-safe.title{inset:10%;border-color:#fff;color:#fff}.pro-card button,.pro-card .btn{min-height:44px;margin:3px;white-space:normal}.pro-card button:disabled{opacity:.5}.pro-card button:focus-visible,.pro-tabs button:focus-visible{outline:3px solid #ffd400;outline-offset:3px}@media(max-width:500px){.pro-card{padding:14px}.pro-grid{grid-template-columns:1fr 1fr;gap:10px}.pro-grid>article{grid-column:1/-1}.pro-metric strong{font-size:16px}.pro-months>div{grid-template-columns:22px 1fr}.pro-months b{grid-column:2}.pro-tabs button{flex:1 0 30%;padding:8px;font-size:12px}.pro-card input,.pro-card select,.pro-card textarea{font-size:16px}.pro-row>.btn{flex:1}.pro-head h2{font-size:26px}}@media(max-width:350px){.pro-grid{grid-template-columns:1fr}}
.pro-head>span{color:#655300}html[data-theme="dark"] .pro-head>span{color:#ffd400}.pro-row>.btn{min-width:125px}.pro-feedback{color:#756000}html[data-theme="dark"] .pro-feedback{color:#ffd400}

#proView[hidden]{display:none!important}