.fidel-studio{max-width:1120px;margin:26px auto 0;padding:0 24px}.fidel-studio-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.fidel-studio-head h2{font-size:32px;margin:5px 0}.fidel-studio-head p{margin:0;color:#66736c}.fidel-level-badge{background:linear-gradient(135deg,#ffe273,#ffb969);border:2px solid #f2bb4f;border-radius:999px;padding:10px 15px;font-weight:950;color:#714900;box-shadow:0 7px 16px rgba(113,73,0,.12)}.fidel-studio-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.studio-action{border:2px solid white;border-radius:24px;padding:20px;text-align:left;box-shadow:0 12px 28px rgba(37,50,44,.11);min-height:150px;transition:.18s transform,.18s box-shadow}.studio-action:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 17px 32px rgba(37,50,44,.15)}.studio-action span{font-size:42px;display:block}.studio-action b{display:block;font-size:18px;margin:9px 0 4px}.studio-action small{color:#5b6861}.studio-action.trace{background:linear-gradient(145deg,#ffe3ef,#ffc0d5)}.studio-action.spot{background:linear-gradient(145deg,#dff5ff,#aee4ff)}.studio-action.review{background:linear-gradient(145deg,#e9f8e8,#c3eac8)}.studio-action.family{background:linear-gradient(145deg,#fff1bd,#ffdc78)}.fidel-levels{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:20px}.fidel-level{border:2px solid #edf0e9;background:#fff;border-radius:16px;padding:10px 5px;text-align:center;min-width:0}.fidel-level span{font-size:22px;display:block}.fidel-level b{font-size:22px;display:block;color:#214b3a}.fidel-level small{font-size:9px;color:#7b847e;display:block}.fidel-level.current{background:#fff2b4;border-color:#efc14c;box-shadow:0 0 0 3px rgba(239,193,76,.18)}.fidel-level.mastered{background:#e3f7e7;border-color:#7fc38e}.fidel-badges{margin-top:20px;background:white;border:2px solid #edf0e9;border-radius:20px;padding:16px}.fidel-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.mini-badge{display:flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px}.mini-badge span{font-size:22px}.mini-badge.earned{background:#fff2bd;border:2px solid #eecb60}.mini-badge.locked{background:#f2f3f1;color:#9ba19d;filter:grayscale(1)}.trace-modal{position:fixed;inset:0;background:rgba(25,38,32,.42);backdrop-filter:blur(4px);z-index:999999;display:grid;place-items:center;padding:18px}.trace-card{width:min(680px,96vw);max-height:94vh;overflow:auto;background:linear-gradient(160deg,#fff,#fff8e8);border:4px solid white;border-radius:30px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.25);position:relative}.trace-card h2{text-align:center;font-size:34px;margin:6px 0}.trace-card p{text-align:center;color:#6f756f}.trace-close{position:absolute;right:15px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:#ffe7ea;font-size:28px}.trace-picker{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:14px 0}.trace-picker button{border:2px solid #e4dfd4;background:white;border-radius:13px;padding:9px 13px;font-size:24px}.trace-picker button.active{background:#ffe476;border-color:#eabc30}.trace-board{position:relative;border:3px dashed #efc14c;border-radius:24px;overflow:hidden;background:#fff;aspect-ratio:520/330}.trace-board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.trace-guide{position:absolute;inset:0;display:grid;place-items:center;font-size:min(42vw,230px);font-weight:950;color:rgba(33,75,58,.13);pointer-events:none}.trace-tools{display:flex;justify-content:center;gap:10px;margin-top:14px}.trace-tools button{border:0;border-radius:14px;padding:12px 18px;font-weight:900}.trace-tools [data-trace-clear]{background:#eef1ee}.spot-target{text-align:center;font-size:120px;font-weight:950;color:#214b3a;margin:14px 0}.spot-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spot-options button{border:3px solid #ece8df;background:white;border-radius:20px;padding:20px;font-size:52px;font-weight:950}.spot-options button.right{background:#dff8e6;border-color:#65b97d}.spot-options button.wrong{background:#ffe4e3;border-color:#df8c88}.spot-feedback{text-align:center;font-size:18px;font-weight:900;margin-top:14px}.quick-win{max-width:1120px;margin:18px auto 0;padding:14px 18px;border-radius:20px;background:linear-gradient(135deg,#e5f6ff,#f2ecff);border:2px solid white;box-shadow:0 10px 24px rgba(37,50,44,.08);display:flex;align-items:center;gap:12px}.quick-win>span{font-size:32px}.quick-win div{flex:1}.quick-win b{display:block;font-size:17px}.quick-win small{color:#66736c}.quick-win button{border:0;border-radius:999px;background:#214b3a;color:white;padding:10px 17px;font-weight:900}@media(max-width:900px){.fidel-studio-actions{grid-template-columns:repeat(2,1fr)}.fidel-levels{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.fidel-studio-actions{grid-template-columns:1fr 1fr;gap:9px}.studio-action{min-height:130px;padding:14px}.studio-action span{font-size:34px}.studio-action b{font-size:15px}.fidel-levels{grid-template-columns:repeat(4,1fr)}.fidel-studio-head{align-items:flex-start;flex-direction:column}.spot-options button{font-size:42px;padding:15px}.quick-win{margin-left:14px;margin-right:14px}.quick-win button{padding:9px 13px}}