:root{--o:#FF6B00;--r:#E53935;--y:#FFC83D;--bg:#FFF8EF;--fg:#3B241C;--card:#fff;--mut:#7a5f55;--bd:#f0dfcf;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#2a1912;--fg:#FFF8EF;--card:#3B241C;--mut:#d9bfb2;--bd:#5a3a2e}}:root[data-theme=dark]{--bg:#2a1912;--fg:#FFF8EF;--card:#3B241C;--mut:#d9bfb2;--bd:#5a3a2e}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}header{background:var(--card);color:var(--fg);border-bottom:1px solid var(--bd);padding:10px 14px;position:sticky;top:env(safe-area-inset-top,0px);z-index:5}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sp{flex:1}a{color:inherit}.logo{font-weight:800;font-size:20px;text-decoration:none}nav a{padding:6px 10px;border-radius:99px;text-decoration:none;font-weight:600;font-size:14px}nav a:hover,nav a:focus-visible{background:#fff5;outline:2px solid #3B241C}main{max-width:980px;margin:0 auto;padding:14px}.demo{background:var(--y);color:#3b241c;text-align:center;font-size:13px;padding:6px;font-weight:600}.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.btn{background:var(--o);color:#3b241c;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;font-size:15px}.btn.alt{background:transparent;border:2px solid var(--o);color:var(--fg)}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--r);outline-offset:2px}input,select{padding:10px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--fg);font-size:15px;max-width:100%}.tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--bd);margin:2px 2px 0 0}.ok{background:#2e7d32;color:#fff}.no{background:var(--r);color:#fff}.hero{background:linear-gradient(135deg,var(--o),var(--y));color:#3b241c;border-radius:18px;padding:22px;margin-bottom:14px}.hero h1{margin:0 0 6px;font-size:28px}.mut{color:var(--mut);font-size:14px}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.chips button{white-space:nowrap}.step{padding:8px 12px;border-left:4px solid var(--bd);margin-left:6px}.step.on{border-color:var(--o);font-weight:700}.thumb{height:90px;border-radius:10px;background:repeating-linear-gradient(45deg,var(--bd),var(--bd) 10px,transparent 10px,transparent 20px);display:grid;place-items:center;font-size:12px;color:var(--mut);margin-bottom:8px}h2{margin:18px 0 8px}table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid var(--bd);text-align:left;font-size:14px}.art{background:none;padding:0;overflow:hidden}.art svg{width:100%;height:100%;display:block}.hero{display:grid;grid-template-columns:24% 36% 40%;align-items:center;background:radial-gradient(circle at 30% 40%,#d94d00,#6b1700);color:#fff;border-radius:18px;padding:0;margin-bottom:14px;overflow:hidden;min-height:280px}.hero h1{font-size:clamp(22px,3.2vw,34px);line-height:1.15}.hero p{font-size:14px;margin:0 0 14px}.ht{padding:16px}.hl,.hr{width:100%;height:100%;object-fit:cover;display:block}.hl{object-position:left;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.hr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}.cta{background:var(--r);color:#fff;text-decoration:none;display:inline-block}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:14px}.tile{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:0;overflow:hidden;cursor:pointer;font:inherit;color:var(--fg);text-decoration:none;text-align:center}.tile img{width:100%;height:80px;object-fit:cover;display:block}.tile span{display:block;padding:6px;font-weight:700;font-size:14px}.promo{background:var(--o);display:grid;place-items:center;color:#3b241c}.promo b{font-size:38px}.g3{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g3 ul{padding:0;margin:8px 0}.g3 li{list-style:none;font-size:14px}.g3 li:before{content:"✔ ";color:var(--o)}.bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-around;align-items:center;background:#7a1a12;color:#fff;border-radius:14px;padding:14px;margin-top:18px;font-size:14px}.bar .btn{background:var(--y);text-decoration:none}@media(max-width:700px){.hero{grid-template-columns:1fr}.hr{display:none}.hl{height:190px}}.f label{display:block;margin:8px 0;font-weight:600;font-size:14px}.f input:not([type=checkbox]),.f select{width:100%}.f fieldset{border:1px solid var(--bd);border-radius:10px;margin:8px 0}.f h3{margin:0 0 4px}.f textarea{width:100%;padding:10px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--fg);font:inherit}footer{text-align:center;padding:20px;font-size:13px;color:var(--mut)}.test-banner{background:var(--y);color:#3b241c;text-align:center;font-size:13px;padding:6px;font-weight:600}.err{color:var(--r);font-weight:600}.okmsg{color:#2e7d32;font-weight:600}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tabs .btn{padding:8px 12px}.right{text-align:right}.sr{position:absolute;left:-9999px}.logo{display:inline-flex;align-items:center;gap:8px}button:disabled{opacity:.55;cursor:not-allowed}textarea{padding:10px;border-radius:10px;border:1px solid var(--bd);background:var(--card);color:var(--fg);font:inherit;width:100%}