#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Segoe UI,sans-serif;margin:0}:root{--ink:#171916;--muted:#686b64;--paper:#f4f2ea;--panel:#fffef9;--line:#d8d5ca;--acid:#d9f24a;--blue:#1769d2;--yellow:#f7d43b;--red:#df3c32;--green:#2b9d62;--orange:#f1872d;background:#f4f2ea;background:var(--paper);min-height:100%}*{box-sizing:border-box}button{font:inherit}button:focus-visible{outline:3px solid #1769d2;outline:3px solid var(--blue);outline-offset:3px}.app-shell{background-color:#f4f2ea;background-color:var(--paper);background-image:linear-gradient(rgba(23,25,22,.035) 1px,#0000 0),linear-gradient(90deg,rgba(23,25,22,.035) 1px,#0000 0);background-size:32px 32px;color:#171916;color:var(--ink);min-height:100vh}.topbar{border-bottom:1px solid #d8d5ca;border-bottom:1px solid var(--line);height:76px;justify-content:space-between;margin:auto;max-width:1240px;padding:0 28px}.brand,.topbar{align-items:center;display:flex}.brand{background:none;border:0;color:#171916;color:var(--ink);cursor:pointer;font-size:18px;font-weight:900;gap:11px;letter-spacing:0}.brand>span:last-child span{color:#1769d2;color:var(--blue)}.brand-mark{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;height:26px;transform:rotate(-4deg);width:26px}.brand-mark span{background:#171916;background:var(--ink)}.brand-mark span:nth-child(2){background:#f7d43b;background:var(--yellow)}.brand-mark span:nth-child(3){background:#1769d2;background:var(--blue)}.brand-mark span:nth-child(4){background:#df3c32;background:var(--red)}.icon-button{align-items:center;background:#0000;border:0;color:#686b64;color:var(--muted);cursor:pointer;display:flex;font-weight:700;gap:8px}.intro-screen{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.05fr .95fr;margin:auto;max-width:1184px;min-height:calc(100vh - 76px);overflow:hidden;padding:70px 42px 90px}.eyebrow,.step-label{align-items:center;color:#1769d2;color:var(--blue);display:flex;font-size:12px;font-weight:900;gap:8px;letter-spacing:1.7px}.intro-copy h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,84px);font-weight:700;letter-spacing:0;line-height:.94;margin:18px 0 22px;max-width:700px}.intro-copy h1 em{color:#1769d2;color:var(--blue);font-weight:400}.lead{color:#686b64;color:var(--muted);font-size:18px;line-height:1.65;max-width:590px}.capture-button,.primary-button,.secondary-button{align-items:center;border:0;cursor:pointer;display:inline-flex;font-weight:900;gap:11px;justify-content:center;min-height:52px;padding:0 20px;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{background:#171916;background:var(--ink);box-shadow:5px 5px 0 #d9f24a;box-shadow:5px 5px 0 var(--acid);color:#fff;margin-top:22px}.primary-button:hover:not(:disabled){box-shadow:8px 8px 0 #d9f24a;box-shadow:8px 8px 0 var(--acid);transform:translate(-2px,-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.38}.primary-button.wide{width:100%}.saved-calibration{align-items:center;display:flex;font-size:12px;font-weight:800;gap:18px;margin-top:24px}.saved-calibration span{align-items:center;color:#2b9d62;color:var(--green);display:flex;gap:7px}.saved-calibration button{background:#0000;border:0;border-bottom:1px solid #686b64;border-bottom:1px solid var(--muted);color:#686b64;color:var(--muted);cursor:pointer;font-weight:800;padding:2px 0}.saved-calibration button:hover{border-color:#171916;border-color:var(--ink);color:#171916;color:var(--ink)}.orientation-strip{color:#686b64;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;font-weight:900;gap:25px;letter-spacing:1px;margin-top:44px}.axis-legend span,.orientation-strip span{align-items:center;display:flex;gap:7px}.mini{border:1px solid #0000002e;display:inline-block;height:13px;width:13px}.mini.yellow{background:#f7d43b;background:var(--yellow)}.mini.blue{background:#1769d2;background:var(--blue)}.mini.white{background:#fff}.mini.red{background:#df3c32;background:var(--red)}.mini.green{background:#2b9d62;background:var(--green)}.mini.orange{background:#f1872d;background:var(--orange)}.hero-cube{filter:drop-shadow(28px 35px 25px rgba(23,25,22,.18));height:430px;position:relative;transform:rotate(-4deg);width:390px}.hero-face{grid-gap:7px;background:#111;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);padding:7px;position:absolute}.hero-face i{border:1px solid #ffffff2e}.hero-front{height:240px;left:23px;top:151px;transform:skewY(14deg);width:240px}.hero-front i{background:#1769d2;background:var(--blue)}.hero-right{height:240px;left:263px;top:116px;transform:skewY(-25deg);width:145px}.hero-right i{background:#df3c32;background:var(--red)}.hero-top{height:148px;left:96px;top:14px;transform:skewY(-25deg) rotate(41deg);width:240px}.hero-top i{background:#f7d43b;background:var(--yellow)}.workflow-screen{margin:auto;max-width:1120px;padding:56px 32px 90px}.section-heading{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:32px}.section-heading h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,5vw,58px);letter-spacing:0;line-height:1;margin:7px 0 0}.section-heading p:not(.step-label){color:#686b64;color:var(--muted);margin:12px 0 0}.section-heading>strong{font-family:Georgia,serif;font-size:44px}.section-heading>strong span{color:#686b64;color:var(--muted);font-size:22px}.capture-layout{background:#fffef9;background:var(--panel);border:1px solid #d8d5ca;border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.72fr)}.camera-frame{background:#252824;display:grid;min-height:520px;overflow:hidden;place-items:center;position:relative}.camera-frame img,.camera-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.camera-empty{align-items:center;color:#d9ddd2;display:flex;flex-direction:column;font-weight:700;gap:14px}.calibration-frame img{image-rendering:auto}.reference-target{aspect-ratio:1;border:3px solid #fff;box-shadow:0 0 0 999px #00000061,inset 0 0 0 1px #00000059;position:relative;width:min(42%,240px);z-index:2}.reference-target:after,.reference-target:before{border-color:#d9f24a;border-color:var(--acid);content:"";height:24px;position:absolute;width:24px}.reference-target:before{border-left:5px solid #d9f24a;border-left:5px solid var(--acid);border-top:5px solid #d9f24a;border-top:5px solid var(--acid);left:-5px;top:-5px}.reference-target:after{border-bottom:5px solid #d9f24a;border-bottom:5px solid var(--acid);border-right:5px solid #d9f24a;border-right:5px solid var(--acid);bottom:-5px;right:-5px}.reference-target span{background:#fff;border-radius:50%;box-shadow:0 0 0 3px #00000040;height:9px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:9px}.scan-grid{aspect-ratio:1;border:2px solid #ffffffe6;box-shadow:0 0 0 999px #0003;display:grid;grid-template-columns:repeat(3,1fr);width:min(72%,420px);z-index:1}.scan-grid span{border:1px solid #ffffff9e;position:relative}.scan-grid span:after{background:#d9f24a;background:var(--acid);border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}.capture-panel,.review-panel{padding:36px}.face-badge{align-items:center;border:1px solid #d8d5ca;border:1px solid var(--line);display:inline-flex;font-size:12px;font-weight:900;gap:8px;letter-spacing:1px;padding:8px 10px}.capture-panel h2,.review-panel h2{font-size:23px;margin:24px 0 10px}.capture-panel p,.review-panel p{color:#686b64;color:var(--muted);line-height:1.65}.capture-button{background:#0000;border:2px solid #171916;border:2px solid var(--ink);margin-top:22px;width:100%}.capture-button:hover{background:#171916;background:var(--ink);color:#fff}.photo-actions{display:flex;gap:8px}.photo-actions .capture-button{flex:1 1}.stop-camera-button{background:#171916;background:var(--ink);border:2px solid #171916;border:2px solid var(--ink);color:#fff;cursor:pointer;display:grid;margin-top:22px;place-items:center;width:54px}.upload-button{align-items:center;background:#0000;border:0;color:#686b64;color:var(--muted);cursor:pointer;display:flex;font-weight:800;gap:8px;justify-content:center;margin-top:10px;min-height:42px;width:100%}.upload-button:hover{color:#171916;color:var(--ink);text-decoration:underline}.reference-list{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(6,1fr);margin-top:30px}.reference-list>span{aspect-ratio:1;background:#f4f2ea;background:var(--paper);border:1px solid #d8d5ca;border:1px solid var(--line);display:grid;min-width:0;overflow:hidden;place-items:center;position:relative}.reference-list img{height:100%;object-fit:cover;width:100%}.reference-list .mini{height:55%;width:55%}.reference-list svg{background:#2b9d62;background:var(--green);border-radius:50%;bottom:2px;color:#fff;padding:1px;position:absolute;right:2px}.capture-progress{display:flex;justify-content:space-between;margin-top:34px;position:relative}.capture-progress:before{border-top:1px solid #d8d5ca;border-top:1px solid var(--line);content:"";left:15px;position:absolute;right:15px;top:14px}.capture-progress span{background:#fffef9;background:var(--panel);border:1px solid #d8d5ca;border:1px solid var(--line);border-radius:50%;display:grid;font-size:11px;font-weight:900;height:29px;place-items:center;width:29px;z-index:1}.capture-progress span.active{background:#171916;background:var(--ink);border-color:#171916;border-color:var(--ink);color:#fff}.axis-legend{display:flex;font-size:12px;font-weight:900;gap:20px;letter-spacing:1px}.review-content{grid-gap:34px;align-items:center;display:grid;gap:34px;grid-template-columns:minmax(560px,1fr) 330px}.review-panel{background:#fffef9;background:var(--panel);border-top:5px solid #171916;border-top:5px solid var(--ink);box-shadow:0 10px 35px #17191617}.error-message{align-items:flex-start;background:#ffebe8;color:#a7231b;display:flex;font-size:13px;gap:9px;line-height:1.4;margin-top:18px;padding:13px}.error-message svg{flex:0 0 auto}.cube-net{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.net-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);width:100%}.net-d,.net-u{width:calc(25% - 6px)}.face-wrap{padding-top:19px;position:relative}.face-label{color:#686b64;color:var(--muted);font-size:10px;font-weight:900;left:0;position:absolute;top:0}.face-grid{grid-gap:4px;aspect-ratio:1;background:#20221f;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:5px}.sticker{border:0;min-width:0;padding:0;position:relative}.sticker:not(:disabled){cursor:pointer}.sticker:not(:disabled):hover{outline:3px solid #171916;outline:3px solid var(--ink);transform:scale(1.04);z-index:2}.sticker-yellow{background:#f7d43b;background:var(--yellow)}.sticker-red{background:#df3c32;background:var(--red)}.sticker-blue{background:#1769d2;background:var(--blue)}.sticker-white{background:#fff}.sticker-orange{background:#f1872d;background:var(--orange)}.sticker-green{background:#2b9d62;background:var(--green)}.edit-dot{background:#00000059;border-radius:50%;bottom:5px;height:6px;position:absolute;right:5px;width:6px}.success-mark{background:#2b9d62;background:var(--green);color:#fff;display:grid;height:52px;place-items:center;width:52px}.solution-layout{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.15fr .85fr}.algorithm-panel{background:#171916;background:var(--ink);color:#fff;min-height:330px;padding:36px}.algorithm-panel>p{color:#d9f24a;color:var(--acid);font-size:11px;font-weight:900;letter-spacing:1.7px}.moves{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.moves span{background:#252824;border:1px solid #4d504b;display:grid;font-family:Georgia,serif;font-size:24px;height:63px;place-items:center;position:relative;width:57px}.moves small{color:#979b92;font:8px sans-serif;left:5px;position:absolute;top:4px}.notation-help{border-top:1px solid #3b3e39;color:#afb2aa;font-size:13px;line-height:1.5;margin-top:28px;padding-top:18px}.notation-help strong{color:#fff}.solved-note{align-items:center;color:#d9f24a;color:var(--acid);display:flex;font-size:19px;font-weight:800;gap:12px;margin-top:60px}.solution-cube{padding:20px}.secondary-button{background:#0000;border:2px solid #171916;border:2px solid var(--ink);margin:38px auto 0}.secondary-button:hover{background:#171916;background:var(--ink);color:#fff}@media (max-width:800px){.topbar{height:64px;padding:0 18px}.icon-button span{display:none}.intro-screen{gap:45px;grid-template-columns:1fr;min-height:auto;padding:48px 24px 70px}.intro-copy h1{font-size:51px}.hero-cube{height:350px;transform:rotate(-4deg) scale(.78);transform-origin:left top}.workflow-screen{padding:38px 18px 70px}.section-heading{align-items:flex-start}.section-heading h1{font-size:38px}.capture-layout,.review-content,.solution-layout{grid-template-columns:1fr}.camera-frame{min-height:390px}.capture-panel{padding:27px}.review-content{gap:30px}.review-panel{order:2}.axis-legend{display:none}.algorithm-panel{padding:25px}.solution-cube{padding:0}.orientation-strip{gap:14px}}@media (max-width:430px){.intro-copy h1{font-size:43px}.lead{font-size:16px}.hero-cube{height:300px;transform:rotate(-4deg) scale(.68)}.camera-frame{min-height:330px}.capture-panel{padding:22px}.review-panel{padding:25px}.face-grid{gap:2px;padding:3px}.cube-net,.net-row{gap:4px}.net-d,.net-u{width:calc(25% - 3px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=main.60cd5348.css.map*/