/* A warm repair bench: perforated board, screw-fastened tags and working toys. */
.magnet-home{--work-ink:#514238;--work-red:#b7523c;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 40px;padding:28px 0 64px;color:var(--work-ink);align-items:start}.magnet-name{grid-column:1;grid-row:1;text-align:center;min-width:0}.magnet-kicker{color:#92755a;font-size:10px;letter-spacing:.07em}.magnet-name h1{font-size:clamp(35px,4.9vw,60px);line-height:1.08;letter-spacing:-.04em;margin:10px 0}.magnet-name>p{font-size:14px;color:#8c705b}.magnet-next{grid-column:2;grid-row:1/span 2;min-width:0;position:relative;background:linear-gradient(135deg,#f2eee1,#dddccf);padding:29px;border:2px solid #bbb7a3;border-radius:8px;box-shadow:3px 5px 0 #8c795629,inset 0 0 0 4px #f7f4e7}.magnet-next:before,.magnet-next:after{content:"";position:absolute;top:10px;width:9px;height:9px;border:1px solid #989c91;border-radius:50%;background:linear-gradient(45deg,#bac0b5 43%,#7f877b 44% 56%,#d4d8cd 57%)}.magnet-next:before{left:10px}.magnet-next:after{right:10px}.magnet-job-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8b7c68;margin-bottom:18px}.magnet-job-heading b{font:500 12px ui-monospace,monospace}.magnet-next h2{font-size:29px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:12px}.magnet-next>p{font-size:14px;line-height:1.55;color:#81725e}.magnet-start{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:56px;margin-top:20px;border-radius:9px;background:var(--work-red);box-shadow:0 4px 0 #823c31}.magnet-start>span:last-child{font-size:24px}.magnet-parts-box{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #bcbca9;padding-top:14px;margin-top:20px;font-size:10px;color:#827660}.magnet-parts-box b{font-size:12px;color:#635444}.magnet-workshop-note{grid-column:1;grid-row:3;text-align:center;font-size:12px;line-height:1.6;padding:0 15px;color:#917559}.magnet-actions{grid-column:2;grid-row:3;display:flex;gap:8px;flex-wrap:wrap;align-self:center}.magnet-actions .quiet{flex:1;min-height:44px;padding:12px 8px;font-size:11px;color:#80644f;background:#f0e6d0;border-color:#d0bfa0}.magnet-cabinet{grid-column:1/-1;grid-row:4;max-width:850px;width:100%;margin:10px auto 0}.magnet-cabinet-heading{padding:0 8px 22px}.magnet-cabinet-heading h2{font-size:28px}.magnet-cabinet-heading p{font-size:12px;margin-top:6px;color:#967c61}.magnet-drawer{margin-bottom:12px;border:2px solid #d7bd93;border-radius:8px;background:repeating-linear-gradient(2deg,transparent 0 13px,#bb95500a 14px 15px),#f3e7ce;box-shadow:0 3px 0 #b99b7126}.magnet-drawer>summary{display:flex;align-items:center;gap:14px;min-height:74px;padding:12px 16px;list-style:none;cursor:pointer}.magnet-drawer>summary::-webkit-details-marker{display:none}.magnet-drawer-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:34px;border:2px solid #b4b6a1;border-radius:5px;background:#dbdec9;box-shadow:inset 0 0 0 2px #eef0df;color:#6c7059;font:16px ui-monospace,monospace}.magnet-drawer-repaired .magnet-drawer-number{background:#aabd98;border-color:#819c74;color:#446743}.magnet-drawer summary>span:nth-child(2){flex:1}.magnet-drawer summary b{font-size:15px;display:block}.magnet-drawer summary small{display:block;font-size:10px;margin-top:4px;color:#9b8363}.magnet-drawer summary>i{font-size:22px;font-style:normal;color:#aa8b61}.magnet-job-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:6px 14px 16px}.magnet-home .magnet-job{min-height:92px;height:auto;min-width:0;display:flex;flex-direction:column;gap:5px;padding:10px 7px;border:1px solid #c9c9b4;border-radius:4px;background:#eeefdf;color:#68654e;box-shadow:1px 2px 0 #b9ae9126}.magnet-job b{font:600 15px ui-monospace,monospace}.magnet-job>span{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.magnet-job small{font-size:10px;color:#939070;margin-top:auto}.magnet-home .magnet-job.current{outline:2px solid #b96349;outline-offset:-1px;background:#f0dac1;border-color:#b96349}.magnet-home .magnet-job.completed{background:#dee7c9;border-color:#aec39a}.magnet-job:disabled{opacity:.5}.magnet-secondary{grid-column:1/-1;width:100%;max-width:850px;margin:4px auto 0;border-top:1px solid #dfccb0}.magnet-secondary>summary{font-size:12px;color:#8b785d;min-height:44px;padding:12px 0;cursor:pointer}.magnet-secondary>div{padding:12px 0}.magnet-drawer>summary:focus-visible,.magnet-secondary>summary:focus-visible{outline:3px solid #ac6249;outline-offset:2px}
.magnet-workbench{grid-column:1;grid-row:2;position:relative;isolation:isolate;height:330px;margin:0;overflow:hidden;direction:ltr;border-radius:16px;background:#dfc6a0;border:7px solid #d4b38a;box-shadow:0 10px 0 #b7936022;perspective:650px}.magnet-pegboard{position:absolute;inset:0 0 70px;background:radial-gradient(circle,#b0936c 1.7px,transparent 2.5px) 0 0/16px 16px,#ead6b5;border-bottom:8px solid #bb966c}.magnet-tool{position:absolute;top:22px;width:11px;height:61px;background:#929d91;border-radius:4px;transform:rotate(12deg)}.magnet-wrench{left:24px}.magnet-wrench:before{content:"";position:absolute;left:-7px;top:-4px;width:25px;height:23px;border:7px solid #929d91;border-top:0;border-radius:0 0 50% 50%}.magnet-driver{left:69px;background:linear-gradient(#b66a4d 0 45%,#98a393 46%);transform:rotate(-8deg)}.magnet-hanging-magnet{position:absolute;left:23%;top:22px;width:38px;height:47px;border:10px solid #a85b48;border-top:0;border-radius:0 0 23px 23px;transform:rotate(9deg)}.magnet-hanging-magnet i,.magnet-hanging-magnet b{position:absolute;top:0;width:10px;height:13px;background:#bac5b6}.magnet-hanging-magnet i{left:-10px}.magnet-hanging-magnet b{right:-10px}.magnet-lamp{position:absolute;right:13px;top:6px;width:52px;height:46px;border-right:5px solid #7e8b76;transform:rotate(-10deg)}.magnet-lamp i{position:absolute;right:-10px;bottom:-4px;width:41px;height:21px;background:#7a9279;border-radius:30px 30px 5px 5px}.magnet-lamp:after{content:"";position:absolute;right:-24px;top:49px;width:90px;height:120px;background:linear-gradient(#f4e8a733,transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.magnet-shelves{position:absolute;left:9%;right:8%;top:94px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 13px}.magnet-shelf{height:50px;border-bottom:8px solid #bb9569;box-shadow:0 4px 0 #94755418;position:relative}.magnet-outline{position:absolute;left:23%;right:23%;bottom:3px;height:23px;border:2px dashed #bda783;border-radius:7px;opacity:.5}.magnet-toy{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:52px;height:31px}.magnet-toy i,.magnet-toy b,.magnet-toy em{position:absolute;display:block}.magnet-toy-car,.magnet-toy-train{background:#b8664a;border-radius:12px 12px 5px 5px;height:22px;bottom:7px}.magnet-toy-car:before,.magnet-toy-train:before{content:"";position:absolute;left:11px;top:-10px;width:26px;height:15px;border-radius:7px 7px 0 0;background:#c68a62}.magnet-toy-car i,.magnet-toy-car b,.magnet-toy-train i,.magnet-toy-train b{bottom:-6px;width:13px;height:13px;border:4px solid #626e5c;border-radius:50%;background:#c1c9ac;animation:magnet-toy-spin 5s linear infinite}.magnet-toy-car i,.magnet-toy-train i{left:5px}.magnet-toy-car b,.magnet-toy-train b{right:5px}.magnet-toy-train{background:#77977b;border-radius:3px}.magnet-toy-train:before{left:3px;width:21px;background:#8fa789}.magnet-toy-train em{right:7px;top:-8px;width:7px;height:11px;background:#6b806d}.magnet-toy-robot{width:25px;height:23px;background:#c8ab64;border:2px solid #9e8f5e;border-radius:4px}.magnet-toy-robot:before{content:"";position:absolute;left:2px;top:-13px;width:17px;height:13px;background:#b9bf99;border:2px solid #8b9d7d;border-radius:3px}.magnet-toy-robot:after{content:"";position:absolute;left:6px;top:-8px;width:3px;height:3px;border-radius:50%;background:#627a67;box-shadow:6px 0 #627a67}.magnet-toy-robot i,.magnet-toy-robot b{width:7px;height:19px;top:1px;background:#9ca98a;transform-origin:top;animation:magnet-wave 3s ease-in-out infinite alternate}.magnet-toy-robot i{left:-9px}.magnet-toy-robot b{right:-9px;animation-delay:-1.5s}.magnet-toy-plane{width:58px;height:12px;bottom:14px;background:#859ca4;border-radius:50% 70% 40% 50%;transform:translateX(-50%) rotate(-9deg)}.magnet-toy-plane i{left:20px;top:-11px;width:13px;height:36px;background:#abc1b9;border-radius:50%;transform:rotate(20deg)}.magnet-toy-plane b{right:1px;top:-9px;width:4px;height:30px;background:#c0ab7b;border-radius:50%;animation:magnet-propeller .6s linear infinite}.magnet-toy-plane em{left:2px;top:-9px;width:8px;height:18px;background:#8da797}.magnet-toy-clock{width:35px;height:35px;border-radius:50%;border:5px solid #bc9059;background:#f0e4bf;bottom:1px}.magnet-toy-clock i{left:11px;top:2px;width:2px;height:12px;background:#71816c;transform-origin:bottom;animation:magnet-toy-spin 12s linear infinite}.magnet-toy-clock b{left:11px;top:7px;width:2px;height:7px;background:#92765e;transform:rotate(100deg);transform-origin:bottom}.magnet-toy-wheel{width:37px;height:37px;border:3px solid #7e9e8c;border-radius:50%;bottom:2px;background:conic-gradient(transparent 0 85deg,#8eaa95 85deg 92deg,transparent 92deg 175deg,#8eaa95 175deg 182deg,transparent 182deg 265deg,#8eaa95 265deg 272deg,transparent 272deg 355deg,#8eaa95 355deg);animation:magnet-wheel 9s linear infinite}.magnet-toy-wheel i,.magnet-toy-wheel b,.magnet-toy-wheel em{width:10px;height:9px;border-radius:3px;background:#c48958}.magnet-toy-wheel i{top:-4px;left:11px}.magnet-toy-wheel b{bottom:0;left:-3px}.magnet-toy-wheel em{bottom:0;right:-3px}.magnet-bench-top{position:absolute;left:-2%;right:-2%;bottom:31px;height:63px;background:repeating-linear-gradient(3deg,transparent 0 10px,#a8805422 11px 12px),#c7a273;transform:rotateX(25deg);border-bottom:7px solid #a77c53}.magnet-bench-front{position:absolute;left:0;right:0;bottom:0;height:35px;background:#bb9466;display:flex;gap:10px;padding:5px 18px}.magnet-bench-front i{height:23px;flex:1;border:1px solid #a87f54;border-radius:3px;position:relative}.magnet-bench-front i:after{content:"";position:absolute;top:7px;left:40%;right:40%;height:4px;background:#866f50;border-radius:3px}.magnet-open-toy{position:absolute;left:27%;top:4px;width:68px;height:28px;border:4px solid #b05d44;border-radius:10px;background:#d5af72;transform:rotate(-6deg)}.magnet-open-toy i,.magnet-open-toy b{position:absolute;display:block}.magnet-open-toy i{left:5px;bottom:-9px;width:17px;height:17px;border:5px solid #6b7c66;border-radius:50%;background:#cad0aa}.magnet-open-toy b{right:7px;top:6px;width:8px;height:8px;border:2px dashed #9d835a;border-radius:50%}.magnet-loose-wheel{position:absolute;left:62%;top:21px;width:20px;height:20px;border:6px solid #73846b;border-radius:50%;background:#b7c3a3}.magnet-bolts{position:absolute;right:9%;top:9px;display:flex;gap:4px;transform:rotate(17deg)}.magnet-bolts i{width:7px;height:9px;background:#8b9884;border:2px solid #b5bea9;border-radius:3px}.magnet-repaired-6 .magnet-pegboard{background-color:#eee0b8}
[dir=rtl] .magnet-name h1,[dir=rtl] .magnet-kicker{letter-spacing:0}[dir=rtl] .magnet-job>span{line-height:1.5}
@keyframes magnet-toy-spin{to{transform:rotate(360deg)}}@keyframes magnet-wave{to{transform:rotate(35deg)}}@keyframes magnet-propeller{50%{transform:scaleY(.15)}}@keyframes magnet-wheel{to{transform:translateX(-50%) rotate(360deg)}}
@media(max-width:850px){.magnet-home{grid-template-columns:minmax(0,1fr);max-width:550px;margin:auto;padding-top:14px;gap:16px}.magnet-name,.magnet-next,.magnet-workbench,.magnet-workshop-note,.magnet-actions,.magnet-cabinet,.magnet-secondary{grid-column:1}.magnet-name{grid-row:1}.magnet-next{grid-row:2;padding:20px}.magnet-workbench{grid-row:3;height:300px}.magnet-workshop-note{grid-row:4}.magnet-actions{grid-row:5}.magnet-cabinet{grid-row:6;margin-top:12px}.magnet-name h1{font-size:37px;margin:8px 0}.magnet-name>p{font-size:12px}.magnet-kicker{font-size:9px}.magnet-job-heading{margin-bottom:12px}.magnet-next h2{font-size:25px;margin-bottom:9px}.magnet-next>p{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.magnet-start{margin-top:15px;min-height:54px}.magnet-parts-box{margin-top:16px;padding-top:12px}.magnet-job-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:9px}}
@media(max-width:390px){.magnet-home{padding-top:9px;gap:13px}.magnet-name h1{font-size:31px}.magnet-next{padding:16px}.magnet-next h2{font-size:22px}.magnet-next>p{font-size:12px}.magnet-job-heading{font-size:10px}.magnet-actions .quiet{font-size:10px}.magnet-job-grid{gap:6px}.magnet-job>span{font-size:9px}.magnet-workbench{height:280px}.magnet-shelves{top:84px;gap:17px 12px}.magnet-hanging-magnet{left:36%}.magnet-drawer>summary{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.magnet-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}