:root{font-family:Arial,Helvetica,sans-serif;color:#1800b8}*{box-sizing:border-box}body{margin:0;background:#f2f1f8}.shell{max-width:900px;margin:0 auto;padding:18px}.panel{background:#fff;border-radius:18px;padding:18px;margin:0 0 14px;box-shadow:0 6px 25px #1800b810}.eyebrow{font-weight:bold;font-size:12px;letter-spacing:.08em;color:#625c80}h1{font-size:23px;margin:7px 0 10px}p{line-height:1.4}.muted{color:#635d78;font-size:14px}.form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form input{flex:1;min-width:180px}input{border:1px solid #bdb8d2;border-radius:10px;padding:13px;font-size:16px;max-width:100%}button{background:#1800b8;color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:700;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e8e5ff;color:#1800b8}.art{position:relative;line-height:0;overflow:hidden;background:#1800b8;border-radius:8px}.art img{width:100%;display:block}.scratch{position:absolute;left:66.47%;top:31.8%;width:28%;aspect-ratio:1;touch-action:none;border-radius:50%;cursor:crosshair}.feedback{min-height:20px;font-weight:bold;font-size:14px;margin:12px 0}.demo{background:#fff0b7;color:#544000;border-radius:10px;padding:12px;margin-bottom:14px;font-size:14px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:9px;text-align:left;border-bottom:1px solid #e4e1ef}th{color:#625c80}.scroll{overflow-x:auto}.tag{background:#f0effc;border-radius:9px;padding:8px 12px;display:inline-block;margin:4px}.hint{font-size:13px;color:#666}a{color:#1800b8}@media(max-width:650px){.shell{padding:8px}.panel{padding:12px;border-radius:12px}h1{font-size:20px}.form{display:grid}.art{border-radius:5px}}