.workshop{--ws-accent:#597557;--ws-soft:#d9e6cd;--ws-ink:#39483d;--ws-paper:#faf8f0;color:var(--ws-ink);font-family:inherit;max-width:780px;margin:0 auto;padding:0 0 22px;position:relative}.workshop *{box-sizing:border-box}.workshop button{font:inherit;cursor:pointer;min-height:46px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.workshop button:focus-visible{outline:3px solid var(--ws-accent);outline-offset:3px}.workshop .ws-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}.workshop .ws-back{padding:0 14px;border:1px solid #d6dacd;background:#fff8;border-radius:50px;font-size:12px;color:#61725c;display:flex;gap:8px;align-items:center}.workshop .ws-edition{font-size:10px;letter-spacing:1.8px;color:#84917d;font-weight:600}.workshop .ws-heading{text-align:center;margin-bottom:23px}.workshop .ws-kicker{font-size:9px;letter-spacing:2.4px;color:#819178;font-weight:700}.workshop .ws-title{font:400 clamp(31px,5vw,44px)/1.15 Georgia,serif;letter-spacing:-1.1px;margin:10px 0}.workshop .ws-subtitle{font-size:12px;line-height:1.6;color:#7e8877;margin:0}.workshop .ws-steps{display:flex;justify-content:center;gap:7px;margin:21px auto 0;max-width:310px}.workshop .ws-step{height:4px;border-radius:10px;background:#dfe3d7;flex:1;transition:background .35s}.workshop .ws-step[data-state=done]{background:var(--ws-accent)}.workshop .ws-step[data-state=current]{background:var(--ws-accent);box-shadow:0 0 0 3px #fff8}.workshop .ws-stage-card{position:relative;border:1px solid #fff;border-radius:30px;padding:24px;background:radial-gradient(ellipse at 50% 0,#fffaf1b0,transparent 70%),linear-gradient(125deg,#e9dfca,#e2d6bd);box-shadow:0 24px 55px #5d553416,inset 0 0 0 1px #ffffff50;overflow:hidden;isolation:isolate}.workshop .ws-stage-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(174deg,transparent 0 24px,#9d866f09 25px,transparent 26px 38px);pointer-events:none;z-index:-1}.workshop .ws-bench-top{display:flex;justify-content:space-between;align-items:center;padding:1px 5px 12px;color:#8e8069;letter-spacing:1.8px;font-size:8px;font-weight:600}.workshop .ws-bench-top span:last-child{display:flex;gap:7px;align-items:center}.workshop .ws-bench-top i{width:5px;height:5px;display:inline-block;background:var(--ws-accent);border-radius:50%}.workshop .ws-surface{position:relative;width:100%;aspect-ratio:1.38;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;contain:layout;max-width:620px;margin:auto}.workshop .ws-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workshop .ws-keys{position:absolute;left:8.55%;right:8.55%;top:16.87%;bottom:17.53%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:2.3% 1.5%;pointer-events:none}.workshop .ws-key{pointer-events:auto;min-height:0;min-width:0;padding:0;border:0;background:transparent;border-radius:11px;touch-action:none;color:transparent}.workshop .ws-key:focus-visible{outline-offset:-4px;outline-width:2px}.workshop .ws-tool-label{font:italic 12px Georgia,serif;text-align:center;color:#8c7c64;margin:-5px 0 4px;min-height:17px}.workshop .ws-progress-row{display:flex;align-items:center;gap:13px;margin:20px 6px 14px}.workshop .ws-meter{background:#cbc6b555;border-radius:5px;height:5px;flex:1;overflow:hidden}.workshop .ws-meter-fill{display:block;height:100%;width:0;background:var(--ws-accent);border-radius:5px;transition:width .25s}.workshop .ws-count{font-size:11px;color:#857b67;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.workshop .ws-action-row{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:53px;margin:0 3px}.workshop .ws-feedback{font-size:12px;line-height:1.6;color:#6c765f;margin:0;max-width:60%}.workshop .ws-continue{font-size:12px;font-weight:500;background:var(--ws-accent);color:#fff;border:1px solid #ffffff30;border-radius:16px;min-height:48px;padding:0 20px;white-space:nowrap;box-shadow:0 5px 15px #42513714;transition:transform .15s,opacity .2s}.workshop .ws-continue:hover{transform:translateY(-1px)}.workshop .ws-continue:active{transform:translateY(1px)}.workshop .ws-continue:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.workshop .ws-helper-row{display:flex;justify-content:center;align-items:center;gap:15px;min-height:52px;margin-top:5px}.workshop .ws-helper{border:0;background:transparent;color:#7b8871;font-size:11px;border-radius:9px;padding:0 13px}.workshop .ws-helper[hidden]{display:none}.workshop .ws-prompt{color:#98a18d;font-size:10px;line-height:1.5;margin:0;text-align:center}.workshop .ws-reward-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:19px 0 0;color:#87927c;font-size:10px;line-height:1.7}.workshop .ws-reward-note svg{width:20px;height:20px;stroke:var(--ws-accent);fill:none;stroke-width:1.3;flex-shrink:0}.workshop .ws-notice{background:#fff8;border:1px solid #fff;border-radius:13px;font-size:11px;color:#718169;padding:12px 16px;display:flex;gap:9px;align-items:center;margin-bottom:16px}.workshop .ws-finish{position:absolute;inset:0;background:#f9f8edee;backdrop-filter:blur(6px);display:grid;place-items:center;text-align:center;padding:30px;z-index:2;border-radius:30px}.workshop .ws-finish[hidden]{display:none}.workshop .ws-finish h3{font:35px Georgia,serif;letter-spacing:-1px;margin:8px 0 12px}.workshop .ws-finish p{font-size:12px;color:#7c8873;line-height:1.7}.workshop .ws-finish-mark{width:58px;height:58px;background:var(--ws-soft);color:var(--ws-accent);border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-size:23px}.workshop .ws-stage-card[data-ready=true] .ws-count{color:var(--ws-accent)}.workshop .ws-stage-card[data-ready=true] .ws-meter-fill{box-shadow:0 0 8px #8caa6860}.workshop .ws-sr{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.workshop [hidden]{display:none!important}
@media(max-width:600px){.workshop .ws-top{margin-bottom:21px}.workshop .ws-edition{font-size:8px;letter-spacing:1.4px}.workshop .ws-heading{margin-bottom:18px}.workshop .ws-title{font-size:32px;margin:9px 0}.workshop .ws-subtitle{font-size:11px}.workshop .ws-stage-card{padding:17px 6px 14px;border-radius:25px}.workshop .ws-bench-top{font-size:7px;letter-spacing:1.1px;padding:0 9px 4px}.workshop .ws-surface{aspect-ratio:1.16;margin:5px auto 0}.workshop .ws-keys{top:16.87%;bottom:17.53%}.workshop .ws-tool-label{font-size:11px;margin:0 0 4px}.workshop .ws-progress-row{margin:16px 11px 12px}.workshop .ws-action-row{margin:0 10px;gap:10px}.workshop .ws-feedback{font-size:11px;max-width:54%}.workshop .ws-continue{font-size:11px;padding:0 14px;border-radius:14px}.workshop .ws-count{font-size:10px}.workshop .ws-helper-row{min-height:50px;gap:0;flex-wrap:wrap}.workshop .ws-reward-note{font-size:9px;margin-top:14px}.workshop .ws-finish{padding:22px}.workshop .ws-prompt{font-size:9px}.workshop .ws-steps{margin-top:17px;max-width:245px}}
@media(max-width:360px){.workshop .ws-stage-card{padding:15px 3px 12px}.workshop .ws-feedback{font-size:10px}.workshop .ws-title{font-size:29px}.workshop .ws-edition{display:none}.workshop .ws-continue{padding:0 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.workshop *{transition:none!important;animation:none!important}}