.trace-studio{max-width:1120px;margin:28px auto 10px;padding:0 24px}.trace-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;background:linear-gradient(135deg,#fff3b4,#e4f7ff 52%,#f1e6ff);border:2px solid #fff;border-radius:28px;padding:24px;box-shadow:0 14px 34px rgba(37,50,44,.10)}.trace-head h2{font-size:31px;margin:5px 0 6px;color:#214b3a}.trace-head p{margin:0;color:#5f6d65}.trace-daily{min-width:180px;background:white;border-radius:22px;padding:15px 18px;text-align:center;box-shadow:0 8px 20px rgba(37,50,44,.09)}.trace-daily>b{display:block;font-size:28px;color:#214b3a}.trace-daily span{font-size:12px;color:#728078}.trace-goal-dots{display:flex;justify-content:center;gap:4px;margin-top:7px}.trace-goal-dots i{font-style:normal;filter:grayscale(1);opacity:.25}.trace-goal-dots i.done{filter:none;opacity:1}.trace-family-strip{display:flex;gap:8px;overflow-x:auto;padding:14px 2px 10px;scrollbar-width:thin}.trace-family-btn{flex:0 0 62px;border:2px solid #e3e8e3;background:white;border-radius:18px;padding:8px 6px;box-shadow:0 5px 12px rgba(37,50,44,.06)}.trace-family-btn b{display:block;font-size:25px;color:#214b3a}.trace-family-btn small{color:#7b857f}.trace-family-btn.active{background:#fff0a4;border-color:#f0c542;transform:translateY(-2px)}.trace-family-btn.complete{background:#e1f7e7;border-color:#79c88d}.trace-workspace{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:18px;margin-top:8px}.trace-left,.trace-board-wrap,.trace-progress-card{background:white;border:2px solid #edf0e9;border-radius:26px;box-shadow:0 12px 28px rgba(37,50,44,.08)}.trace-left{padding:22px}.trace-family-title>span{font-size:11px;font-weight:950;letter-spacing:.09em;color:#9d7113}.trace-family-title h3{font-size:25px;margin:5px 0 16px;color:#214b3a}.trace-family-title h3 small{font-size:13px;color:#7a857e;font-weight:700}.trace-form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.trace-form-btn{border:2px solid #e5e9e5;background:#fafcfb;border-radius:16px;padding:10px 4px;min-height:72px}.trace-form-btn b{display:block;font-size:28px;color:#253a31}.trace-form-btn small{font-size:10px;color:#819087}.trace-form-btn.active{background:#dff4ff;border-color:#72c8eb;box-shadow:0 0 0 3px rgba(119,215,255,.2)}.trace-form-btn.done:after{content:'★';display:block;color:#e6aa14;font-size:11px}.trace-tip{margin-top:16px;border-radius:16px;background:#f3f8f5;padding:12px;color:#617068;font-size:13px}.trace-board-wrap{padding:18px}.trace-board-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.trace-board-title span{font-weight:950;color:#a06d0a;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.trace-board-title b{font-size:32px;color:#214b3a}.trace-board-title small{color:#7b857f}.trace-board{position:relative;height:390px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#fffdf4,#f9fbff);border:4px solid #f2d677;touch-action:none;user-select:none}.trace-guide-char{position:absolute;inset:0;display:grid;place-items:center;font-size:260px;line-height:1;color:#aeb9b3;opacity:.30;font-family:serif;pointer-events:none;transform:translateY(-8px)}#traceCanvas{position:absolute;inset:0;z-index:2;touch-action:none}.trace-start-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;background:rgba(255,255,255,.93);border-radius:999px;padding:7px 12px;font-size:11px;color:#6f7c74;box-shadow:0 5px 12px rgba(0,0,0,.07);pointer-events:none;transition:.2s opacity}.trace-start-hint.hide{opacity:0}.trace-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:9px;margin-top:12px}.trace-btn{border:0;border-radius:15px;padding:12px;font-weight:950;font-size:14px}.trace-btn.ghost{background:#f0f3f1;color:#56645c}.trace-btn.primary{background:linear-gradient(135deg,#ffd75a,#ffad68);color:#5e4300;box-shadow:0 5px 0 #d99043}.trace-btn.next{background:#dff4ff;color:#24596d}.trace-feedback{min-height:28px;text-align:center;padding-top:10px;font-size:13px}.trace-feedback.success{color:#237441}.trace-feedback.try{color:#9a6212}.trace-board.trace-success{animation:traceWin .6s ease}.trace-board.needs-more{animation:traceShake .35s ease}@keyframes traceWin{0%{box-shadow:0 0 0 0 rgba(95,198,126,.5)}50%{box-shadow:0 0 0 12px rgba(95,198,126,.18)}100%{box-shadow:none}}@keyframes traceShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.trace-progress-card{margin-top:16px;padding:18px 20px}.trace-progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.trace-progress-card span{font-weight:900;color:#3a5045}.trace-progress-card b{color:#214b3a}.trace-progress-card small{display:block;color:#7d8982;margin-top:8px}.trace-progress-bar{height:11px;background:#edf1ee;border-radius:999px;overflow:hidden;margin-top:8px}.trace-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#83df9b,#77d7ff,#b99cff);border-radius:inherit}.alphabet-hero+.trace-studio{scroll-margin-top:90px}@media(max-width:820px){.trace-workspace{grid-template-columns:1fr}.trace-board{height:360px}.trace-guide-char{font-size:235px}.trace-head{align-items:flex-start;flex-direction:column}.trace-daily{min-width:0;width:100%}}@media(max-width:560px){.trace-studio{padding:0 12px}.trace-head{padding:18px}.trace-head h2{font-size:26px}.trace-board{height:330px}.trace-guide-char{font-size:205px}.trace-form-row{grid-template-columns:repeat(4,1fr)}.trace-actions{grid-template-columns:1fr 1fr}.trace-btn.next{grid-column:1/-1}.trace-family-btn{flex-basis:58px}}