.fp-page{--fp-ink:#234e4a;--fp-mint:#1b8c76;--fp-coral:#ed765e;color:var(--fp-ink);padding-bottom:26px}.fp-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px}.fp-back{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#5d827a;margin-bottom:27px}.fp-back:hover{color:#1b8c76}.fp-kicker{color:#73958a;font-size:9px;letter-spacing:2.4px;font-weight:800;margin-bottom:10px}.fp-heading h1{font-size:clamp(28px,3.1vw,43px);letter-spacing:-1.2px;line-height:1.4;font-weight:900}.fp-heading h1>span{color:#e6795f;position:relative;display:inline-block}.fp-title-star{position:absolute;right:-24px;top:-9px;font-size:26px;transform:rotate(15deg);color:#f6ba55}.fp-intro{font-size:13px;color:#78928b;margin-top:12px}.fp-lab-sticker{flex:0 0 104px;height:104px;border-radius:50%;background:#ffcf72;border:4px solid #fff6d4;box-shadow:0 0 0 2px #f4ca79,0 8px 0 #d79d2730;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);position:relative;margin:15px 14px 0 0;color:#735321}.fp-lab-sticker:after{content:'✦';position:absolute;bottom:-15px;right:-12px;font-size:32px;color:#e58262}.fp-lab-sticker>span{font-size:12px;letter-spacing:3px;font-weight:800}.fp-lab-sticker>b{font-size:22px;letter-spacing:1px}.fp-lab-sticker>i{font-style:normal;font-size:7px;letter-spacing:1px;margin-top:5px}.fp-journey{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0 0 25px;border:1px solid #dbe6d8;background:#fffdf4;border-radius:19px;overflow:hidden}.fp-journey li{padding:15px 20px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;position:relative}.fp-journey li:not(:last-child){border-right:1px dashed #d9e2d2}.fp-journey b{font-size:13px;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;background:#e0efdd;color:#508668;flex-shrink:0}.fp-journey li:nth-child(2) b{background:#ffead7;color:#c78554}.fp-journey li:nth-child(3) b{background:#ffedb6;color:#a78b3f}.fp-journey i{font-size:20px;color:#d3c69e;font-style:normal;margin-left:auto}.fp-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}.fp-scanner-card{min-width:0;padding:24px;background:#fff;border:1px solid #dce9df;border-radius:27px;box-shadow:0 7px 0 #dfe9dc66}.fp-card-heading,.fp-compare-heading{display:flex;align-items:center;gap:11px;margin-bottom:21px}.fp-number{width:32px;height:32px;display:grid;place-items:center;background:#d8ede3;color:#377d65;border-radius:11px;font-size:12px;font-weight:900;flex-shrink:0;transform:rotate(-5deg)}.fp-card-heading h2,.fp-compare-heading h2{font-size:19px;font-weight:900;letter-spacing:-.4px}.fp-card-heading p,.fp-compare-heading p{font-size:10px;color:#7d978e;margin-top:5px;line-height:1.7}.fp-live-dot{width:9px;height:9px;background:#8ecc80;box-shadow:0 0 0 5px #eaf5e6;border-radius:50%;margin-left:auto;margin-right:4px;flex-shrink:0}.fp-scanner-shell{border-radius:23px;background:#bde1d3;border:2px solid #acd2c3;padding:15px;box-shadow:inset 0 2px 0 #effaf1,0 4px 0 #95bbad;overflow:hidden}.fp-scanner-top,.fp-scanner-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#4d7d6f;gap:10px}.fp-scanner-top{padding:1px 2px 13px;letter-spacing:.3px;font-weight:800}.fp-scanner-top>span:first-child{display:flex;align-items:center;gap:6px;font-size:10px}.fp-scanner-top i{width:6px;height:6px;border-radius:50%;background:#5e9580}.fp-scanner-top>span:last-child{font-size:6px;letter-spacing:1px}.fp-viewfinder{position:relative;min-height:298px;background:#f0f7ed;border:2px solid #93b6a6;border-radius:19px;overflow:hidden;isolation:isolate}.fp-viewfinder:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#8eb9a747 .7px,transparent .7px);background-size:13px 13px;z-index:-1}.fp-stage{position:absolute;inset:0;display:grid;place-items:center}.fp-empty{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column}.fp-empty b{font-size:13px;margin-top:12px;color:#527f6c;z-index:1}.fp-empty p{font-size:9px;color:#8aaa95;margin-top:5px;z-index:1}.fp-print-bubble{background:#fafffbd9;border-radius:44% 51% 43% 48%;width:134px;height:161px;display:grid;place-items:center;box-shadow:0 9px 0 #afcfb733,0 0 0 12px #ffffff56;transform:rotate(-8deg);position:relative;z-index:1;animation:fp-float 5s ease-in-out infinite}.fp-print{width:100%;height:100%;display:block}.fp-print-bubble .fp-print{width:86px;height:110px;color:#3eaa86}.fp-orbit{position:absolute;border:1px dashed #b9d4bf;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-20deg);width:248px;height:230px}.fp-orbit-two{width:276px;height:192px;transform:translate(-50%,-50%) rotate(32deg);border-style:solid;opacity:.5}.fp-float{position:absolute;z-index:2}.fp-float-star{font-size:34px;color:#efb652;left:17%;top:19%;transform:rotate(12deg)}.fp-float-dot{font-size:15px;color:#e9987b;right:20%;top:24%}.fp-float-plus{font-size:28px;color:#90bdaa;right:15%;bottom:27%;transform:rotate(13deg)}.fp-corner{position:absolute;width:20px;height:20px;border:2px solid #6caa8d;z-index:3;pointer-events:none}.fp-corner-tl{top:15px;left:15px;border-right:0;border-bottom:0;border-radius:5px 0 0 0}.fp-corner-tr{top:15px;right:15px;border-left:0;border-bottom:0;border-radius:0 5px 0 0}.fp-corner-bl{bottom:15px;left:15px;border-right:0;border-top:0;border-radius:0 0 0 5px}.fp-corner-br{bottom:15px;right:15px;border-left:0;border-top:0;border-radius:0 0 5px 0}.fp-scanner-bottom{padding:14px 3px 0;font-size:8px;line-height:1.5}.fp-scanner-bottom>span:last-child{font-size:15px}.fp-scanner-bottom #fp-frame-caption{flex:1;text-align:center}.fp-hint-led{width:5px;height:5px;box-shadow:0 0 0 3px #d9ebce;background:#74a94f;border-radius:50%;flex-shrink:0}.fp-status{font-size:10px;line-height:1.85;color:#719182;min-height:52px;padding:15px 2px 8px;overflow-wrap:anywhere}.fp-status.fp-status-error{color:#b25f42}.fp-main-actions{display:grid;gap:8px}.fp-page .fp-primary{background:#2a8e73;color:white;border-radius:13px;font-size:13px;font-weight:800;box-shadow:0 4px 0 #17634e;padding:13px 14px;min-height:47px;letter-spacing:.5px}.fp-page .fp-primary:hover{background:#227c64;transform:translateY(-1px)}.fp-page .fp-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #17634e}.fp-page [hidden]{display:none!important}.fp-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.fp-page .fp-secondary{background:#f2f6ee;border:1px solid #dce9db;color:#61846c;border-radius:12px;font-size:10px;font-weight:700;padding:10px 6px;min-height:41px}.fp-page .fp-secondary:hover{background:#e8f0e2;transform:translateY(-2px)}.fp-secondary span{font-size:17px;line-height:1}.fp-reset{grid-column:1/-1;background:transparent;font-size:10px;text-decoration:underline;text-underline-offset:4px;color:#91a393;justify-self:center;padding:8px;min-height:32px}.fp-reset:hover{color:#426c55}.fp-local-note{display:flex;align-items:flex-start;gap:6px;padding:10px 12px;background:#fbfaf3;border-radius:9px;font-size:9px;line-height:1.8;color:#9d9c83;margin-top:7px}.fp-local-note>span{font-size:15px;line-height:1.1}.fp-comparison{min-width:0;padding:11px 0 0}.fp-compare-heading{margin-bottom:21px}.fp-compare-heading .fp-number{background:#ffe7d4;color:#c58351;transform:rotate(5deg)}.fp-doodle{font-size:46px;color:#ddb779;line-height:1;margin-left:auto;margin-right:8px;transform:rotate(-16deg);font-family:Georgia,serif}.fp-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fp-pattern{position:relative;min-width:0;border:2px solid var(--fp-card-border);background:var(--fp-card-bg);box-shadow:0 5px 0 var(--fp-card-shadow);color:var(--fp-card-ink);border-radius:22px;padding:17px 16px 14px;display:flex;align-items:center;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:visible}.fp-mint{--fp-card-bg:#e7f3df;--fp-card-border:#d7e8c9;--fp-card-shadow:#c4d8b94d;--fp-card-ink:#66955c}.fp-peach{--fp-card-bg:#fff0df;--fp-card-border:#f2ddc4;--fp-card-shadow:#dbba8e38;--fp-card-ink:#c18c5f}.fp-lemon{--fp-card-bg:#fff5c9;--fp-card-border:#eedfab;--fp-card-shadow:#d4c07538;--fp-card-ink:#b79c47}.fp-sky{--fp-card-bg:#e4eff4;--fp-card-border:#cadfe9;--fp-card-shadow:#a2c8dc38;--fp-card-ink:#6c9eaf}.fp-pattern-art{display:block;width:103px;height:115px;background:#ffffff52;border-radius:45% 48% 40% 49%;padding:8px 16px;margin:3px 0 13px;transform:rotate(-7deg);transition:transform .25s}.fp-pattern:nth-child(even) .fp-pattern-art{transform:rotate(7deg)}.fp-pattern-name{font-size:17px;font-weight:900;letter-spacing:2px;line-height:1.5}.fp-pattern-nickname{font-size:10px;margin-top:3px;opacity:.85}.fp-pattern-select{font-size:9px;width:100%;margin-top:14px;padding-top:10px;border-top:1px dashed currentColor;display:flex;justify-content:space-between;font-weight:700;opacity:.65}.fp-pattern:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 9px 0 var(--fp-card-shadow)}.fp-pattern:nth-child(even):hover{transform:translateY(-5px) rotate(1deg)}.fp-pattern:hover .fp-pattern-art{transform:rotate(0) scale(1.07)}.fp-pattern.fp-selected{border-color:var(--fp-card-ink);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--fp-card-ink),0 11px 0 var(--fp-card-shadow);transform:translateY(-3px) rotate(-1deg)}.fp-pattern.fp-selected .fp-pattern-art{transform:rotate(0) scale(1.08)}.fp-check{position:absolute;right:11px;top:10px;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#ffffff4d;color:var(--fp-card-ink);opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.fp-selected .fp-check{background:var(--fp-card-ink);color:white;opacity:1;transform:scale(1)}.fp-selected .fp-pattern-select{opacity:1}.fp-diagram-note{font-size:9px;color:#8a9a8d;line-height:1.9;margin:18px 1px}.fp-observation{display:flex;align-items:flex-start;gap:12px;background:#fffdf4;border:1px dashed #dfd8b7;border-radius:17px;padding:19px 17px;transition:background .2s,border .2s}.fp-observation-star{color:#ddad59;line-height:1;font-size:28px;flex-shrink:0;margin-top:2px}.fp-observation h3{font-size:12px;font-weight:800;line-height:1.7;color:#99834e}.fp-observation p{font-size:10px;color:#a69a7c;margin-top:5px;line-height:1.85}.fp-observation small{display:block;font-size:9px;line-height:1.8;margin-top:8px;color:#7d967a}.fp-observation-selected{background:#f0f6e7;border-color:#b8cea7}.fp-observation-selected h3{color:#65865b}.fp-observation-selected p{color:#879776}.fp-manual-label{display:block;letter-spacing:1px;font-size:8px;color:#879f75;margin-bottom:4px}.fp-robot-note{position:relative;overflow:hidden;display:flex;align-items:center;gap:23px;background:#f4e7d8;border:1px solid #eaddca;border-radius:25px;margin-top:30px;padding:25px 29px;color:#8d6b50}.fp-robot-note>img{width:92px;height:113px;object-fit:contain;align-self:flex-end;position:relative;z-index:1}.fp-robot-note>div{position:relative;z-index:1;flex:1}.fp-robot-note>div>span{font-size:9px;font-weight:800;color:#b29a7a;letter-spacing:1px}.fp-robot-note h2{font-size:19px;font-weight:900;line-height:1.6;margin-top:7px;letter-spacing:-.5px}.fp-robot-note h2 em{font-style:normal;color:#c58761}.fp-robot-note p{font-size:10px;color:#a79680;max-width:430px;line-height:1.9;margin-top:8px}.fp-page .fp-next{background:#fffaf0;color:#a87b55;border:1px solid #e4ccae;border-radius:12px;font-size:11px;padding:12px 15px;box-shadow:0 3px 0 #dcc6aa5c;position:relative;z-index:1;white-space:nowrap}.fp-page .fp-next:hover{background:#fffdf7;transform:translateY(-3px)}.fp-note-spark{font-size:150px;position:absolute;right:-12px;top:-13px;color:#ebd7bf;transform:rotate(15deg);line-height:1}.fp-sample-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:radial-gradient(ellipse,#fcfff8,#e7f2e1)}.fp-sample-image .fp-print{width:132px;height:160px;color:#39886d;filter:drop-shadow(0 6px 0 #528e7020);transform:rotate(-9deg)}.fp-sample-tag{position:absolute;top:17px;background:#d9e8d2;border-radius:5px;font-size:8px;color:#628357;padding:4px 7px}.fp-image-caption{font-size:10px;color:#79946b;margin-top:14px}.fp-user-image,.fp-camera-video{width:100%;height:100%;object-fit:contain;max-height:298px;background:#203f35}.fp-camera-video{object-fit:cover}.fp-camera-message{text-align:center;padding:20px;color:#729a83}.fp-camera-message>span{display:block;font-size:60px;margin-bottom:13px}.fp-camera-message b{font-size:16px}.fp-camera-message p{font-size:10px;margin-top:7px}.fp-scan-line{display:none;position:absolute;left:11px;right:11px;top:13%;height:3px;background:#44c5a1;box-shadow:0 0 12px #2bae85,0 -23px 20px 8px #80d9b630;z-index:4;pointer-events:none}.fp-is-scanning .fp-scan-line{display:block;animation:fp-scan 1.2s ease-in-out infinite alternate}.fp-is-observed{border-color:#5daf87;box-shadow:inset 0 0 0 2px #96c79b4d}.fp-page button:focus-visible,.fp-page a:focus-visible{outline:3px solid #e49b46;outline-offset:5px}.fp-page button:disabled{opacity:.62}@keyframes fp-scan{from{top:13%}to{top:84%}}@keyframes fp-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-4deg)}}
@media(min-width:1500px){.fp-viewfinder{min-height:331px}.fp-user-image,.fp-camera-video{max-height:331px}.fp-pattern-art{width:115px;height:126px}.fp-pattern{padding-top:20px;padding-bottom:17px}.fp-status{min-height:55px}.fp-scanner-shell{padding:18px}}
@media(max-width:1100px){.fp-layout{gap:20px}.fp-scanner-card{padding:19px}.fp-heading h1{font-size:31px}.fp-card-heading h2,.fp-compare-heading h2{font-size:17px}.fp-card-heading p,.fp-compare-heading p{font-size:9px}.fp-pattern-grid{gap:13px}.fp-pattern{padding:14px 12px 12px;border-radius:19px}.fp-pattern-art{width:93px;height:105px}.fp-robot-note{gap:17px;padding:23px}.fp-robot-note>img{width:75px;height:95px}.fp-robot-note h2{font-size:17px}.fp-robot-note p{font-size:9px}.fp-page .fp-next{font-size:10px;padding:10px}.fp-scanner-top>span:last-child{font-size:5px;letter-spacing:.3px}.fp-journey li{padding:14px;font-size:11px;gap:9px}}
@media(max-width:930px){.fp-layout{grid-template-columns:1fr}.fp-heading{gap:15px}.fp-lab-sticker{flex-basis:88px;height:88px;margin-right:7px}.fp-lab-sticker>b{font-size:19px}.fp-heading h1{font-size:32px}.fp-intro{font-size:11px}.fp-scanner-card{padding:22px}.fp-viewfinder{min-height:295px}.fp-user-image,.fp-camera-video{max-height:295px}.fp-card-heading p,.fp-compare-heading p{font-size:11px}.fp-pattern-art{width:104px;height:115px}.fp-pattern-grid{gap:18px}.fp-pattern{padding:19px}.fp-comparison{padding-top:8px}.fp-doodle{margin-right:22px}.fp-robot-note{flex-wrap:wrap;padding:22px;gap:14px}.fp-robot-note>div{flex-basis:calc(100% - 95px)}.fp-page .fp-next{margin-left:89px;font-size:11px}.fp-robot-note h2{font-size:18px}.fp-robot-note p{font-size:10px}.fp-local-note{font-size:10px}.fp-status{font-size:11px}.fp-page .fp-secondary{font-size:11px}}
@media(max-width:520px){.fp-heading{align-items:flex-start;margin-bottom:22px}.fp-back{margin-bottom:22px;font-size:11px}.fp-heading h1{font-size:28px;max-width:240px;line-height:1.42;letter-spacing:-.9px}.fp-heading h1>span{display:inline}.fp-title-star{right:-18px;top:0;font-size:18px}.fp-kicker{font-size:7px;letter-spacing:1.2px}.fp-intro{font-size:11px;line-height:1.9;max-width:256px}.fp-lab-sticker{display:none}.fp-journey{border-radius:15px;margin-bottom:19px}.fp-journey li{flex-direction:column;gap:8px;padding:13px 4px;font-size:10px;text-align:center}.fp-journey li>i{display:none}.fp-journey b{font-size:10px;width:25px;height:25px}.fp-scanner-card{padding:17px;border-radius:23px}.fp-card-heading,.fp-compare-heading{gap:9px;margin-bottom:17px}.fp-number{width:28px;height:28px;font-size:10px;border-radius:9px}.fp-card-heading h2,.fp-compare-heading h2{font-size:16px}.fp-card-heading p,.fp-compare-heading p{font-size:9px}.fp-live-dot{width:6px;height:6px;margin-right:0}.fp-scanner-shell{padding:12px;border-radius:19px}.fp-scanner-top>span:last-child{font-size:5px}.fp-viewfinder{min-height:280px;border-radius:15px}.fp-user-image,.fp-camera-video{max-height:280px}.fp-scanner-top>span:first-child{font-size:9px}.fp-scanner-bottom{gap:5px;font-size:7px}.fp-scanner-bottom>span:last-child{font-size:11px}.fp-empty b{font-size:11px}.fp-empty p{font-size:8px}.fp-print-bubble{width:120px;height:144px}.fp-orbit{width:207px;height:210px}.fp-orbit-two{width:229px;height:184px}.fp-float-star{left:10%;top:19%;font-size:28px}.fp-float-dot{right:13%;top:22%;font-size:12px}.fp-float-plus{right:10%;bottom:30%;font-size:24px}.fp-page .fp-primary{font-size:12px;padding:12px 9px}.fp-status{font-size:10px;min-height:60px}.fp-local-note{font-size:8px}.fp-page .fp-secondary{font-size:10px;gap:5px;padding:10px 4px}.fp-pattern-grid{gap:14px}.fp-pattern{padding:15px 12px 12px;border-radius:19px}.fp-pattern-art{width:96px;height:112px;margin-bottom:11px}.fp-pattern-name{font-size:16px}.fp-pattern-nickname{font-size:9px}.fp-pattern-select{font-size:8px;margin-top:12px}.fp-compare-heading p{font-size:10px}.fp-doodle{font-size:40px;margin-right:10px}.fp-observation{padding:16px 14px}.fp-observation h3{font-size:11px}.fp-observation p{font-size:10px}.fp-diagram-note{font-size:9px}.fp-robot-note{padding:22px 17px 21px;gap:12px;border-radius:22px}.fp-robot-note>img{width:60px;height:92px;align-self:center}.fp-robot-note>div{flex-basis:calc(100% - 72px)}.fp-robot-note h2{font-size:16px}.fp-robot-note h2 em{display:block}.fp-robot-note p{font-size:9px}.fp-page .fp-next{margin:3px 0 0 72px;font-size:10px;min-height:40px}.fp-note-spark{font-size:110px;top:0}.fp-sample-image .fp-print{width:115px;height:147px}.fp-check{width:19px;height:19px;font-size:11px;right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.fp-page *,.fp-page *:before,.fp-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fp-is-scanning .fp-scan-line{top:50%}.fp-pattern:hover,.fp-pattern:nth-child(even):hover,.fp-pattern.fp-selected{transform:none}}