*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f1ea;color:#2b2b2b}.hidden{display:none!important}.wrap{max-width:1120px;margin:auto;padding:20px}h1{text-align:center}.card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0002}.login{max-width:420px;margin:auto}.login input,textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:12px;margin:6px 0;font:inherit}button{border:0;border-radius:12px;padding:13px 17px;background:#2b2b2b;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:1fr 390px;gap:20px}.wheelCard{text-align:center}.wheelBox{position:relative;max-width:560px;margin:auto}.wheelBox canvas{width:100%;display:block;transition:transform 4.2s cubic-bezier(.12,.75,.2,1)}.pointer{position:absolute;z-index:4;left:50%;top:-3px;transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:38px solid #222}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:#fff;border:3px solid #222;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 18px #0003}.hub b{font-size:42px}.hub span{font-weight:bold}.groupLegend{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.groupLegend span{padding:7px 14px;border-radius:20px;font-weight:bold}.gx{background:#e7d6ff}.gy{background:#d5ebff}.gz{background:#dff3df}.primary,.secondary{width:100%;margin-top:12px}.secondary{background:#654f36}.head{display:flex;align-items:center;justify-content:space-between}.small{padding:8px 11px}.muted,#status{color:#666}.task{min-height:150px;background:#f8f5ef;border:2px dashed #c7b99c;border-radius:16px;padding:16px}.finish{background:#e7f7e7;border:2px solid #9ad29a;padding:15px;border-radius:14px;margin-top:15px}#history{max-height:360px;overflow-y:auto;padding-right:8px;scrollbar-gutter:stable}.historyItem{border-bottom:1px solid #eee;padding:12px 0}.historyItem p{margin:5px 0}.meta{font-size:12px;color:#777}.editAnswer{margin-top:6px;font-size:12px;padding:7px 10px}.error{color:#b00020}@media(max-width:900px){.layout{grid-template-columns:1fr}.wheel-card{order: 1;}.panel{order:2}.wrap{padding:10px}}