:root{--red:#bd173d;--burgundy:#792747;--ink:#263238;--muted:#617078;--line:#e6d3d9;--pale:#fff5f7;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#faf8f8}
*{box-sizing:border-box}body{margin:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 max(24px,calc((100vw - 1160px)/2));font-size:15px;color:var(--burgundy)}.brand{font-size:28px;font-weight:700;font-style:italic;letter-spacing:-2px;color:var(--red)}.shell{max-width:800px;margin:0 auto;padding:24px 20px 60px}.shell.wide{max-width:1160px}.hero{background:linear-gradient(120deg,#982a4b,#cb1739);color:white;padding:36px 38px;border-radius:18px;margin-bottom:20px;min-height:210px}.hero.compact{min-height:0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;opacity:.83}.hero h1{font-size:36px;line-height:1.12;margin:12px 0}.hero p{margin:0;line-height:1.5;max-width:720px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 4px 18px #762b440b}.card h2{font-size:24px;color:var(--burgundy);margin:0 0 18px}label{display:block;font-weight:600;font-size:14px;margin:12px 0}input,textarea,select{display:block;width:100%;padding:12px 14px;margin-top:8px;border-radius:10px;border:1px solid #beaab2;background:white;color:var(--ink);font:inherit}textarea{min-height:100px;resize:vertical}input[type=checkbox]{display:inline;width:auto;margin:0 7px 0 0}input[type=range]{padding:0;accent-color:var(--red)}button{font:inherit;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--red);border:1px solid var(--red);color:#fff}.secondary{background:#fff;border:1px solid var(--red);color:var(--burgundy)}.hidden{display:none!important}.error{padding:14px;border:1px solid #e3a1a1;background:#fff0ef;color:#8b2828;border-radius:10px}.muted{color:var(--muted);font-size:14px;line-height:1.4}.session-strip{display:flex;justify-content:space-between;align-items:center;background:var(--burgundy);color:white;border-radius:12px;padding:13px 18px;margin-bottom:16px;font-weight:700}.result{background:var(--pale);border-left:6px solid var(--red);padding:20px;border-radius:10px;line-height:1.5}.result h3{margin:0 0 10px}.fish-scene{position:relative;overflow:hidden;background:linear-gradient(#fff9fb,#f6dce5);height:130px;border-radius:16px;margin:16px 0}.fish{position:absolute;font-size:70px;top:23px;left:8%;animation:swim 3.5s ease-in-out infinite alternate}.bubble{position:absolute;border:2px solid #d79caf;border-radius:50%;width:15px;height:15px;left:29%;bottom:19px;animation:float 2s ease-in-out infinite}.bubble.two{left:36%;animation-delay:.65s;width:10px;height:10px}@keyframes swim{to{transform:translateX(70px) rotate(-5deg)}}@keyframes float{to{transform:translateY(-55px);opacity:0}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.big-code{font-size:52px;letter-spacing:.17em;font-weight:800;color:var(--red)}.qr-placeholder{width:240px;height:240px;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);margin:14px 0}.module-buttons{display:flex;flex-wrap:wrap;gap:8px}.module-buttons button{padding:9px 12px}.module-buttons button.active{background:var(--burgundy);color:#fff}.submission-list{display:grid;gap:10px}.submission{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.submission.shown{border-color:var(--red);background:var(--pale)}.submission pre{white-space:pre-wrap;font-family:inherit;margin:8px 0}.screen-card{min-height:300px}.screen-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.screen-item{background:var(--pale);padding:16px;border-radius:12px;border:1px solid var(--line)}.task{padding:14px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.task p{font-weight:600}.range-row{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:10px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.choice-grid label{margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;text-align:center;cursor:pointer}.choice-grid input{display:inline;width:auto;margin:0 4px 0 0}.small-note{font-size:13px;color:var(--muted);line-height:1.45}.pill{background:#f4e6ea;color:var(--burgundy);padding:5px 10px;border-radius:20px;font-size:13px;font-weight:700;display:inline-block;margin-bottom:8px}@media(max-width:700px){.topbar{padding:0 18px}.shell{padding:15px}.hero{padding:25px;min-height:0}.hero h1{font-size:30px}.grid-2,.grid-3{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,1fr)}.card{padding:18px}.big-code{font-size:43px}}