/* V2 expands the approved pixel world; the reference card and certificate tokens stay intact. */
.brand-image{object-fit:contain;image-rendering:auto}
.nav-brand:has(>.brand-image),.hero-logo:has(>.brand-image),.desktop-add-heading>.brand-image{mix-blend-mode:normal}
.home-phone-label,.home-phone-only{display:none}
body{background:#ffd2e7}.mobile-shell{width:100%;max-width:none;min-height:100vh;margin:0;border:0;border-radius:0;box-shadow:none;container-type:inline-size}.main-nav{height:auto;min-height:66px;width:100%;padding:0;position:relative;background:linear-gradient(105deg,#ffe9f3,#ffe0f1);z-index:20}.nav-inner{width:min(100% - 24px,1400px);margin:auto;display:flex;align-items:stretch;justify-content:flex-start;gap:8px;min-height:70px}.nav-brand{width:155px;padding:8px 5px;margin-right:auto}.nav-brand .reference-art{height:52px}.nav-item{flex:0 0 115px;font-size:18px;gap:6px;padding:10px 12px;min-height:68px}.nav-item .pixel-icon{width:23px;height:23px}.nav-item.active:after{bottom:5px}.app-stage{min-height:calc(100vh - 74px);background-size:18px 18px,18px 18px,100% 100%,100% 100%;outline:none}.app-stage:focus{outline:none}.page-content{container-type:inline-size;width:min(100%,880px);margin:0 auto;min-height:0;padding-bottom:35px;position:relative}.bg-sticker{width:clamp(8px,var(--size),135px)}.cloud-sticker{width:clamp(130px,26vw,380px)}.page-tagline{font-size:14px;gap:18px;margin:30px 10px 0}.page-tagline .pixel-icon{width:16px;height:16px}.nail-image{display:block;width:100%;height:100%;object-fit:cover}.home-page{width:min(100% - 80px,1220px);padding-top:65px;padding-bottom:55px}.home-world{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;min-height:520px}.home-world .scan-hero{height:390px;container-type:inline-size;position:relative}.home-world .hero-logo{top:85px;left:10%;width:83%;height:195px}.home-world .hero-note{top:8px;left:0;width:105px;font-size:17px;padding:33px 12px 12px;z-index:2}.home-world .hero-note:before{height:25px;line-height:23px;font-size:17px}.home-world .hero-copy-window{left:28%;width:62%;top:325px;font-size:19px;padding:15px}.home-world .hero-copy-window:before{top:-25px;height:25px;line-height:23px;font-size:16px}.home-world .hero-handwriting{font-size:21px;top:5px;right:0;max-width:18%}.home-intro{padding-bottom:10px}.mini-window-label{font-family:var(--pixel);font-size:16px;letter-spacing:.7px;color:#c9287d;background:#ffdff0;border:1px solid #e983b7;padding:8px 10px;display:inline-block}.home-intro h1{font-family:Pixel;font-weight:400;font-size:clamp(42px,4.5vw,66px);line-height:1.02;letter-spacing:-1px;color:#b92170;margin:25px 0 22px;text-shadow:2px 2px #fff1f8}.home-intro h1 span{color:#ed308e}.home-intro>p{font-size:16px;color:#a13773;line-height:1.7;margin:0 0 27px}.home-actions{display:flex;flex-wrap:wrap;gap:16px;max-width:520px}.home-actions .pixel-button{font-size:21px;padding:12px 17px;min-height:51px;gap:12px;border-radius:8px}.home-actions .pixel-button .pixel-icon{height:20px;width:20px}.home-actions .pixel-button:before,.home-actions .pixel-button:after{width:4px;height:4px;box-shadow:3px 0 #fff,0 3px #fff;top:5px}.home-actions .pixel-button:before{left:5px}.home-actions .pixel-button:after{right:5px}.home-sticker-strip{margin:35px auto 0;display:flex;align-items:center;justify-content:center;gap:30px;max-width:720px;font-family:var(--pixel);font-size:22px;color:#ba2974;border-top:1px dashed #ed8aba;padding-top:22px}.home-sticker-strip>.reference-art{width:48px;height:52px;mix-blend-mode:multiply}.desktop-add{width:min(100% - 64px,850px);padding-top:40px}.desktop-add-heading{text-align:center;margin:0 auto 28px;display:flex;flex-direction:column;align-items:center}.desktop-add-heading>.reference-art{width:265px;height:115px;mix-blend-mode:multiply}.desktop-add-heading p{font-family:var(--pixel);font-size:16px;letter-spacing:1px;margin:4px 0 0}.desktop-entry{width:78%;margin:auto;container-type:inline-size}.manual-entry .window-title{font-size:25px;height:48px;padding-inline:23px}.manual-entry .window-controls{font-size:18px}.manual-entry .window-controls span{min-width:22px;height:22px}.manual-inner{padding:34px 44px 25px}.manual-inner>h1{text-align:center;font-family:Pixel;font-size:35px;font-weight:400;margin:0 0 16px;line-height:1.1;color:#c12a7c}.manual-inner>p{font-size:15px;text-align:center;line-height:1.6;color:#9c3a71;margin:0 0 29px}.manual-inner .form-label{font-size:19px;margin-bottom:10px}.manual-inner .pixel-input{font-family:var(--pixel);font-size:25px;letter-spacing:2px;min-height:58px;padding:13px 17px}.manual-inner .pixel-button{font-size:25px;min-height:55px;margin-top:18px;width:100%;gap:15px;border-radius:7px;padding:10px 12px}.manual-inner .pixel-button .pixel-icon{width:21px;height:21px}.manual-inner .pixel-button:before,.manual-inner .pixel-button:after{width:4px;height:4px;box-shadow:3px 0 #fff,0 3px #fff;top:5px}.manual-inner .pixel-button:before{left:5px}.manual-inner .pixel-button:after{right:5px}.code-guide{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}.code-guide>.reference-art{width:70px;height:83px;mix-blend-mode:multiply}.code-guide>span{font-family:var(--pixel);font-size:21px;color:#d13888;transform:rotate(-3deg)}.code-guide small{display:block;font-family:var(--body);font-size:12px;margin-top:5px;color:#b46690}.sample-code{display:block;font-size:12px;text-align:center;margin:14px auto 0;min-height:30px;padding:5px;color:#b0658b;text-decoration:underline;text-underline-offset:3px}.code-error:not(:empty){display:flex;flex-direction:column;gap:7px;padding:12px 13px;background:#ffd4e6;border:1px solid #d44481;box-shadow:2px 2px #ed91b657;margin:12px 0 0;font-size:13px;line-height:1.5;color:#a81459}.code-error strong{font-family:var(--pixel);font-size:20px;font-weight:400}.add-help{margin:25px auto 0;width:250px;font-family:var(--pixel);font-size:22px;gap:16px;min-height:48px;padding:7px 16px;border-radius:12px}.add-help .reference-art{width:35px;height:38px}.add-help .pixel-icon{width:17px;height:17px}.add-help:before,.add-help:after{display:none}.add-title{font-family:Pixel;font-size:26px;text-align:center;font-weight:400;color:#c7237a;margin:16px 0 10px}.scanner-section h2{font-family:Silk,Pixel;font-size:3.5cqw;letter-spacing:.1cqw;line-height:1.3;margin:0 0 1.4cqw;display:flex;justify-content:space-between;align-items:center;gap:1cqw;white-space:nowrap}.scanner-section h2 .pixel-icon{width:4.3cqw;height:4.3cqw;color:#f355a2;filter:drop-shadow(1px 1px 0 #a31360)}.cancel-camera{display:block;width:100%;font-family:var(--pixel);font-size:16px;margin-top:9px;background:#ffe5f4;border:1px solid #dd4b93;color:#b52673;min-height:34px}.cancel-camera[hidden]{display:none}.scanner-message{margin:15px auto 0;width:84%;font-size:13px;line-height:1.5;padding:0;text-shadow:none}.scanner-message:empty{display:none}.scanner-message strong{display:block;font-family:var(--pixel);font-weight:400;font-size:21px}.scanner-message button{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px auto 0;background:#ffe8f4;border:1px solid #dd78a7;font-family:var(--pixel);font-size:17px;min-height:40px;padding:8px 12px}.scanner-message button .pixel-icon{width:13px;height:13px}.add-divider{display:flex;align-items:center;gap:15px;font-family:var(--pixel);font-size:19px;margin:26px auto 20px;width:57%;color:#b95786}.add-divider:before,.add-divider:after{content:'';height:1px;background:#e98fb8;flex:1}.mobile-add{width:min(100%,560px)}.mobile-add .manual-entry{width:83%;margin:auto}.mobile-add .manual-inner{padding:23px}.mobile-add .manual-inner .pixel-input{font-size:22px;min-height:48px}.mobile-add .manual-inner .pixel-button{font-size:22px;min-height:48px}.mobile-add .code-guide{margin-top:13px;gap:12px}.mobile-add .code-guide>.reference-art{width:43px;height:54px}.mobile-add .code-guide>span{font-size:18px}.mobile-add .code-guide small{font-size:11px}.mobile-add .sample-code{font-size:10px;margin-top:8px}.mobile-add .manual-entry .window-title{font-size:22px;height:40px;padding-inline:18px}.mobile-add .manual-entry .window-controls span{width:17px;min-width:17px;height:17px;font-size:15px}.mobile-add .scan-hero{height:38cqw}.mobile-add .scanner-helper{font-size:clamp(11px,2.8cqw,15px)}.scanner-field{background:#f72585}.result-page{width:min(100% - 48px,1070px);padding-top:45px}.result-window{width:88%;container-type:inline-size}.result-window>.window-title{height:48px;font-size:25px;padding:0 25px}.result-window .window-controls{font-size:19px}.result-window .window-controls span{width:24px;min-width:24px;height:24px}.result-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:28px;gap:30px}.result-product{height:auto;aspect-ratio:505/451;width:100%}.result-copy{min-width:0}.result-name{font-size:clamp(22px,3cqw,38px);letter-spacing:-1.5px;margin:0 -5px 35px;white-space:normal;text-align:center;-webkit-text-stroke:.7px #c92779;gap:8px}.result-name .pixel-icon{width:23px;height:23px;flex-shrink:0}.nail-meta{padding:28px 17px 17px;margin:0 0 22px}.collection-label{font-size:18px;padding:6px 14px;top:-17px}.nail-meta dl{font-size:14px;gap:13px}.nail-meta dt{font-size:20px}.status-label{font-size:18px;padding:5px 10px;border-radius:4px}.claim-button{font-size:23px;min-height:51px;padding:10px;gap:12px;border-radius:8px}.claim-button .pixel-icon{width:18px;height:18px}.claim-button:before,.claim-button:after{width:4px;height:4px;top:5px;box-shadow:3px 0 #fff,0 3px #fff}.claim-button:before{left:5px}.claim-button:after{right:5px}.claim-subtitle{font-size:12px;margin:18px 0 0;line-height:1.6}.text-collection{font-family:var(--pixel);font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;width:100%;margin-top:15px}.text-collection .pixel-icon{width:15px;height:15px}.text-collection:hover{text-decoration:underline}.small-tutorial{width:min(62%,560px);margin-top:30px;container-type:inline-size}.small-tutorial .window-title{height:35px;font-size:20px;padding-inline:15px}.small-tutorial .window-controls span{height:17px;min-width:17px;width:17px;font-size:14px}.tutorial-cards{padding:15px 15px 0;gap:12px}.tutorial-card{padding:15px 12px 13px;border-radius:5px}.tutorial-card>b{width:20px;height:20px;font-size:19px;left:7px;top:7px}.tutorial-art{height:62px;margin-bottom:8px}.tutorial-art>.pixel-icon{width:40px;height:40px}.tutorial-art>.reference-art{width:45px;height:60px}.tutorial-card p{font-size:12px;line-height:1.4}.small-tutorial .page-tagline{font-size:13px;margin:14px 0 18px}.result-edge-copy{font-size:22px;max-width:6%;left:-1%;top:190px}.result-edge-copy.right{font-size:17px;max-width:7%;right:-2%;top:350px}.claimed-page{width:min(100% - 32px,850px)}.claimed-banner{height:210px;padding-top:25px}.claimed-banner h1{font-size:clamp(35px,7cqw,58px);letter-spacing:-4px;margin-bottom:20px}.claimed-banner p{font-size:clamp(18px,3.7cqw,28px)}.certificate-window{width:84%}.certificate-actions{width:84%;margin-top:26px;gap:16px}.certificate-actions>.pixel-button{font-size:clamp(15px,2.6cqw,21px);min-height:53px;padding:12px;border-radius:8px;gap:9px}.certificate-actions>.pixel-button:first-child{font-size:29px;min-height:62px}.certificate-actions .pixel-icon{width:22px;height:22px}.certificate-actions>.pixel-button:first-child .pixel-icon{width:27px;height:27px}.certificate-actions>.pixel-button:before,.certificate-actions>.pixel-button:after{top:5px;width:4px;height:4px;box-shadow:3px 0 #fff,0 3px #fff}.certificate-actions>.pixel-button:before{left:5px}.certificate-actions>.pixel-button:after{right:5px}.confetti-field{top:210px}.cert-side-copy{font-size:clamp(14px,2.8cqw,24px);top:170px}.cert-side-copy.right{font-size:clamp(13px,2.4cqw,20px);top:76%}.inventory-page{width:min(100% - 64px,1400px);padding-top:45px}.inventory-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.inventory-heading h1{font-family:Pixel;font-size:38px;font-weight:400;color:#b91970;text-shadow:1px 2px #fff;margin:0 0 12px}.inventory-heading p{font-family:var(--pixel);font-size:22px;margin:0;color:#b4377b}.inventory-heading p>span{display:block;font-size:15px;margin-top:7px;color:#bf528a}.inventory-count{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--pixel);font-size:24px;background:#ffe4f2;border:1px solid #df65a3;box-shadow:2px 3px #ea8ebb7d;padding:14px 20px;white-space:nowrap}.inventory-count .pixel-icon{width:21px;height:21px}.inventory-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{border:1px solid #dd6aa8;background:#ffe3f2;font-family:var(--pixel);font-size:18px;padding:8px 15px;min-height:37px;box-shadow:1px 2px #de7fab42}.filter-tabs button.selected{color:#fff;background:#ef4698;border-color:#c22173;box-shadow:inset 0 1px #ffadd5,1px 2px #c73e86}.inventory-sort{display:flex;gap:9px;align-items:center;font-family:var(--pixel);font-size:17px;white-space:nowrap}.inventory-sort select{border:1px solid #dd83af;background:#fff0f8;color:#a42b6d;font-size:12px;padding:10px;min-height:39px;border-radius:0}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.inventory-card{min-width:0;padding:0;display:block;text-align:left;transition:transform .18s,box-shadow .18s;overflow:hidden;border-color:#d63588}.inventory-card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 2px #ff9ecd,3px 6px 0 #d74a8e59}.inventory-card-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--pixel);font-size:15px;padding:8px 12px;background:linear-gradient(#ffbedf,#ff96cb);border-bottom:1px solid #ef80b6}.inventory-art{aspect-ratio:1.1;overflow:hidden;padding:7px 9px;background:#ffe7f3}.inventory-art>.reference-art{mix-blend-mode:multiply;width:100%;height:100%}.inventory-art>.nail-image{width:100%;height:100%;object-fit:cover}.inventory-card-body{padding:14px 15px 17px;border-top:1px solid #edb0d0}.inventory-card-body h2{display:flex;align-items:center;justify-content:space-between;font-family:Pixel;font-weight:400;font-size:23px;margin:0 0 8px;color:#b71669;line-height:1.1;gap:7px}.inventory-card-body h2>span{font-size:22px;color:#df519b}.inventory-card-body p{font-size:12px;color:#b14e83;margin:6px 0;line-height:1.3}.inventory-card-body .inventory-id{font-family:var(--pixel);font-size:15px;color:#a52d70;letter-spacing:.3px}.inventory-date{display:block;font-size:11px;color:#b8668e;margin-top:12px;border-top:1px dashed #e7aac7;padding-top:9px}.inventory-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.inventory-footer>span{font-family:var(--pixel);font-size:18px;color:#ba5487}.inventory-footer .pixel-button{font-size:20px;border-radius:7px;padding:9px 20px;min-height:45px;gap:10px}.inventory-footer .pixel-button .pixel-icon{width:18px;height:18px}.inventory-footer .pixel-button:before,.inventory-footer .pixel-button:after{display:none}.empty-filter{font-family:var(--pixel);font-size:22px;padding:45px;text-align:center}.inventory-empty{width:min(90%,650px);margin:45px auto}.inventory-empty .window-title,.signed-out-page .window-title{font-size:24px;height:45px;padding-inline:20px}.inventory-empty .window-controls,.signed-out-page .window-controls{font-size:18px}.inventory-empty .window-controls span,.signed-out-page .window-controls span{width:20px;min-width:20px;height:20px}.empty-state{padding:40px 30px;min-height:350px;gap:20px}.empty-state>.reference-art{width:100px;height:110px;mix-blend-mode:multiply}.empty-state h1,.empty-state h2{font-family:Pixel;font-weight:400;font-size:32px;line-height:1.2;margin:0;color:#c53587;text-align:center}.empty-state p{font-size:14px;line-height:1.6}.empty-state .pixel-button{font-size:22px;border-radius:7px;padding:10px 18px;min-height:47px;gap:12px;max-width:100%}.empty-state .pixel-button .pixel-icon{width:20px;height:20px}.empty-state .pixel-button:before,.empty-state .pixel-button:after{display:none}.signed-out-page{width:min(100% - 48px,650px);padding-top:65px;padding-bottom:60px}.profile-page{width:min(100% - 48px,700px);padding-top:45px}.profile-page h1{font-size:30px;font-family:Pixel;margin-bottom:27px}.profile-page>.pixel-window{width:82%;margin:auto;container-type:inline-size}.profile-page .window-title{font-size:23px;height:42px;padding-inline:20px}.profile-page .window-title .pixel-icon{width:20px;height:20px}.profile-page .window-controls{font-size:17px}.profile-page .window-controls span{width:20px;min-width:20px;height:20px}.profile-body{padding:30px}.profile-body>.reference-art{width:105px;height:115px}.profile-body h2{font-size:37px;margin:20px 0 14px;overflow-wrap:anywhere}.profile-body p{font-size:21px;margin:5px 0}.profile-body .profile-email{font-family:var(--body);font-size:14px;overflow-wrap:anywhere;color:#b35c89;margin-top:12px}.profile-stats{gap:45px;margin:27px 0;padding:20px 0}.profile-stats strong{font-size:35px}.profile-stats span{font-size:11px}.profile-actions{display:flex;flex-direction:column;gap:12px}.profile-body .pixel-button{font-size:21px;min-height:45px;padding:9px 13px;border-radius:6px}.profile-body .pixel-button:before,.profile-body .pixel-button:after{display:none}.profile-body .demo-note{font-size:11px;margin-top:22px;line-height:1.6}.preference-checkbox{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.6}.preference-checkbox input{min-height:20px;margin:0;width:18px;height:18px;accent-color:#eb368e;flex-shrink:0}.sample-code-list{display:flex;flex-direction:column;gap:7px}.sample-code-list p{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed #e896bc;font-size:12px;margin:0}.sample-code-list code{font-family:var(--pixel);font-size:17px;color:#b51b6a}.loading-page{text-align:center;font-family:var(--pixel);font-size:24px;padding:70px 20px}
@media(min-width:1440px){.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-page{padding-top:80px}.home-world{gap:80px}.result-page{width:min(100% - 80px,1160px)}.result-window{width:88%}.result-name{font-size:36px}.bg-sticker{width:clamp(8px,var(--size),180px)}}
@media(min-width:768px) and (max-width:1023px){.nav-item{flex-basis:105px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inventory-page{width:calc(100% - 44px)}.inventory-heading h1{font-size:32px}.inventory-count{font-size:19px;padding:13px}.inventory-controls{flex-wrap:wrap}.home-page{width:calc(100% - 60px);padding-top:38px}.home-world{gap:30px;min-height:460px}.home-world .scan-hero{height:360px}.home-world .hero-logo{top:98px;height:145px}.home-world .hero-copy-window{top:285px;font-size:17px}.home-world .hero-note{width:87px;font-size:14px}.home-world .hero-handwriting{font-size:17px}.home-intro h1{font-size:45px}.home-intro>p{font-size:14px}.home-actions{gap:12px}.home-actions .pixel-button{font-size:19px}.mini-window-label{font-size:13px}.desktop-entry{width:85%}.result-page{width:calc(100% - 36px)}.result-inner{gap:20px;padding:22px}.result-name{font-size:27px}.result-window{width:89%}.nail-meta dl{font-size:12px}.nail-meta dt{font-size:17px}.claim-button{font-size:20px;gap:8px}.small-tutorial{width:70%}.claimed-page{width:min(100% - 32px,780px)}}
@media(max-width:767px){.nav-inner{width:calc(100% - 14px);gap:3px;min-height:62px}.nav-brand{width:24%;max-width:130px;padding:4px 3px;margin-right:auto}.nav-brand .reference-art{height:45px}.nav-item{flex:1;min-width:0;min-height:62px;max-width:110px;padding:8px 2px;font-size:14px;gap:6px}.nav-item .pixel-icon{width:20px;height:20px}.nav-item.active:after{bottom:3px}.page-content{width:100%;padding-bottom:25px}.bg-sticker{width:var(--size);max-width:85px}.cloud-sticker{width:38cqw;max-width:170px}.home-page{width:100%;padding-top:28px}.home-world{display:flex;flex-direction:column;gap:24px;min-height:0}.home-world .scan-hero{width:90%;height:240px;container-type:normal}.home-world .hero-logo{top:58px;left:17%;width:68%;height:123px}.home-world .hero-note{top:5px;left:0;width:75px;font-size:13px;padding:27px 8px 8px}.home-world .hero-note:before{height:21px;font-size:13px;line-height:19px}.home-world .hero-copy-window{left:27%;width:55%;top:220px;font-size:14px;padding:10px}.home-world .hero-copy-window:before{top:-20px;height:20px;font-size:13px;line-height:18px}.home-world .hero-handwriting{font-size:17px;max-width:14%;top:0;right:0}.home-intro{padding:40px 30px 0;text-align:center}.mini-window-label{font-size:13px;padding:7px}.home-intro h1{font-size:43px;margin:20px 0 16px;line-height:1}.home-intro>p{font-size:14px;margin:0 0 23px}.home-actions{justify-content:center;max-width:350px;margin:auto;gap:12px}.home-actions .pixel-button{font-size:19px;min-height:45px;padding:9px 14px;gap:9px}.home-actions .pixel-button:last-child{width:100%}.home-sticker-strip{margin:30px 28px 0;gap:13px;font-size:16px;padding-top:20px}.home-sticker-strip>.reference-art{width:34px;height:40px}.desktop-add{padding-top:27px;width:min(100% - 28px,550px)}.desktop-add-heading{margin-bottom:23px}.desktop-add-heading>.reference-art{width:200px;height:82px}.desktop-add-heading p{font-size:12px;margin-top:8px}.desktop-entry{width:92%}.manual-entry .window-title{font-size:22px;height:41px;padding:0 16px}.manual-entry .window-controls{font-size:15px}.manual-entry .window-controls span{min-width:19px;width:19px;height:19px}.manual-inner{padding:24px 22px 18px}.manual-inner>h1{font-size:30px;margin-bottom:15px}.manual-inner>p{font-size:13px;margin-bottom:25px}.manual-inner .form-label{font-size:17px}.manual-inner .pixel-input{font-size:22px;min-height:49px;letter-spacing:1px}.manual-inner .pixel-button{font-size:22px;min-height:48px;gap:10px}.code-guide{gap:15px;margin-top:16px}.code-guide>.reference-art{width:60px;height:70px}.code-guide>span{font-size:19px}.sample-code{font-size:11px}.mobile-add .scan-hero{height:38cqw}.mobile-add .hero-logo{top:8cqw}.mobile-add .add-title{font-size:22px;margin:17px 0 12px}.mobile-add .scanner-section{width:70%;margin-top:0}.mobile-add .scanner-section h2{font-size:3.3cqw}.mobile-add .scanner-field{aspect-ratio:1.065;min-height:0}.mobile-add .scan-label{font-size:4cqw}.mobile-add .scanner-helper{font-size:2.85cqw}.mobile-add .manual-inner{padding:21px}.mobile-add .manual-entry{width:83%}.mobile-add .code-guide>span{font-size:17px}.add-divider{margin:24px auto 18px}.result-page{width:100%;padding-top:26px}.result-window{width:77%;container-type:normal}.result-window>.window-title{height:7cqw;font-size:4cqw;padding:0 3.5cqw}.result-window .window-controls{font-size:3cqw}.result-window .window-controls span{width:3.5cqw;min-width:3.5cqw;height:3.5cqw}.result-inner{display:block;padding:4.2cqw 4cqw 3cqw}.result-product{height:54cqw;aspect-ratio:auto;object-fit:cover}.result-name{font-size:6.1cqw;letter-spacing:-.35cqw;margin:2.5cqw -1.5cqw 6cqw;line-height:1.3;white-space:normal;gap:2cqw}.result-name .pixel-icon{width:4.5cqw;height:4.5cqw}.nail-meta{padding:5cqw 3cqw 3cqw;margin:0 0 4cqw;border-radius:2cqw}.collection-label{font-size:3.4cqw;top:-3cqw;padding:.9cqw 2.8cqw}.nail-meta dl{font-size:3cqw;gap:2cqw}.nail-meta dt{font-size:3.6cqw}.status-label{font-size:3.3cqw;padding:1cqw 2cqw;border-radius:1cqw}.claim-button{font-size:4.5cqw;min-height:11cqw;padding:2cqw;gap:2cqw;border-radius:2cqw}.claim-button .pixel-icon{width:4cqw;height:4cqw}.claim-subtitle{font-size:2.8cqw;margin:3cqw 0 0;line-height:1.5}.text-collection{font-size:3.4cqw;margin-top:2cqw;min-height:35px}.text-collection .pixel-icon{width:3cqw;height:3cqw}.result-edge-copy{font-size:3.4cqw;top:42cqw;left:1%;max-width:9%}.result-edge-copy.right{font-size:2.8cqw;right:.5%;top:66cqw;max-width:9%}.small-tutorial{width:69%;margin-top:5cqw;container-type:normal}.small-tutorial .window-title{height:5.5cqw;font-size:3.3cqw;padding-inline:2cqw}.small-tutorial .window-controls span{height:2.9cqw;min-width:2.9cqw;width:2.9cqw;font-size:2.6cqw}.tutorial-cards{padding:2cqw 2cqw 0;gap:1.7cqw}.tutorial-card{padding:2.5cqw 1.3cqw 2cqw;border-radius:1.5cqw}.tutorial-card>b{width:3.4cqw;height:3.4cqw;font-size:3cqw;left:1cqw;top:1cqw}.tutorial-art{height:10cqw;margin-bottom:1.5cqw}.tutorial-art>.pixel-icon{width:7cqw;height:7cqw}.tutorial-art>.reference-art{width:7cqw;height:10cqw}.tutorial-card p{font-size:2.55cqw;line-height:1.3}.small-tutorial .page-tagline{font-size:2.4cqw;margin:2.5cqw 0 3cqw;gap:1.5cqw}.small-tutorial .page-tagline .pixel-icon{width:2.5cqw;height:2.5cqw}.page-tagline{font-size:3cqw;gap:3cqw;margin:5cqw 0 0}.page-tagline .pixel-icon{width:3cqw;height:3cqw}.claimed-page{width:100%;padding-top:0}.claimed-banner{height:26.7cqw;padding-top:2.5cqw}.claimed-banner h1{font-size:7cqw;letter-spacing:-.5cqw;margin-bottom:3cqw}.claimed-banner p{font-size:3.9cqw}.certificate-window{width:82%}.certificate-paper{min-height:85cqw}.certificate-actions{width:82%;margin-top:4cqw;gap:2cqw}.certificate-actions>.pixel-button{font-size:2.95cqw;padding:1.7cqw;min-height:9cqw;gap:1cqw;border-radius:2cqw}.certificate-actions>.pixel-button:first-child{font-size:4.1cqw;min-height:10cqw;gap:4cqw}.certificate-actions .pixel-icon{width:3cqw;height:3cqw}.certificate-actions>.pixel-button:first-child .pixel-icon{width:4cqw;height:4cqw}.certificate-actions>.pixel-button:before,.certificate-actions>.pixel-button:after{width:2px;height:2px;box-shadow:2px 0 #fff,0 2px #fff;top:4px}.certificate-actions>.pixel-button:before{left:4px}.certificate-actions>.pixel-button:after{right:4px}.confetti-field{top:28cqw}.cert-side-copy{font-size:3cqw;top:22cqw}.cert-side-copy.right{font-size:2.7cqw;top:117cqw}.inventory-page{width:calc(100% - 30px);padding-top:28px}.inventory-heading{display:block;margin-bottom:20px}.inventory-heading h1{font-size:29px;margin-bottom:9px}.inventory-heading p{font-size:19px}.inventory-heading p>span{font-size:13px;margin-top:6px}.inventory-count{display:inline-flex;padding:8px 12px;font-size:17px;margin-top:15px;gap:10px}.inventory-count .pixel-icon{width:14px;height:14px}.inventory-controls{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.filter-tabs{gap:5px}.filter-tabs button{font-size:15px;min-height:32px;padding:6px 10px}.inventory-sort{font-size:15px;gap:8px}.inventory-sort select{min-height:33px;padding:7px 8px;font-size:11px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.inventory-card-bar{font-size:12px;padding:6px 8px}.inventory-art{padding:5px;aspect-ratio:1.03}.inventory-card-body{padding:11px 9px 12px}.inventory-card-body h2{font-size:18px;gap:3px;line-height:1.1;margin-bottom:7px}.inventory-card-body h2>span{font-size:15px}.inventory-card-body p{font-size:10px;line-height:1.4;margin:5px 0}.inventory-card-body .inventory-id{font-size:12px;letter-spacing:0}.inventory-date{font-size:9px;line-height:1.5;padding-top:8px;margin-top:8px}.inventory-footer{flex-direction:column;gap:17px;margin-top:22px;text-align:center}.inventory-footer>span{font-size:16px}.inventory-footer .pixel-button{font-size:18px;min-height:42px}.inventory-empty{width:100%;margin:25px auto}.inventory-empty .window-title,.signed-out-page .window-title{font-size:19px;height:40px;padding-inline:12px}.inventory-empty .window-controls span,.signed-out-page .window-controls span{width:17px;min-width:17px;height:17px;font-size:14px}.empty-state{padding:30px 20px;min-height:310px;gap:18px}.empty-state h1,.empty-state h2{font-size:28px}.empty-state p{font-size:12px}.empty-state .pixel-button{font-size:19px;min-height:43px;gap:9px}.empty-state>.reference-art{width:82px;height:94px}.signed-out-page{width:calc(100% - 36px);padding-top:35px}.profile-page{width:calc(100% - 36px);padding-top:30px}.profile-page h1{font-size:26px;margin:0 0 22px}.profile-page>.pixel-window{width:100%}.profile-page .window-title{font-size:21px;height:41px}.profile-body{padding:25px 20px}.profile-body h2{font-size:31px}.profile-body p{font-size:18px}.profile-body>.reference-art{width:85px;height:98px}.profile-body .profile-email{font-size:12px}.profile-stats{gap:25px;margin:23px 0;padding:18px 0}.profile-stats span{font-size:9px}.profile-stats strong{font-size:31px}.profile-body .pixel-button{font-size:18px;min-height:43px}.profile-body .demo-note{font-size:10px;margin-top:18px}.profile-body .text-collection{font-size:18px}.profile-body .text-collection .pixel-icon{width:13px;height:13px}}
@media(max-width:359px){.nav-item{font-size:12px}.nav-brand{width:23%}.nav-item .pixel-icon{width:18px;height:18px}.inventory-page{width:calc(100% - 22px)}.inventory-grid{gap:12px 9px}.inventory-card-body h2{font-size:16px}.inventory-card-body .inventory-id{font-size:11px}.inventory-heading h1{font-size:26px}.manual-inner{padding:20px 16px}.manual-inner .pixel-input{font-size:20px}.certificate-paper h2{font-size:5.3cqw}.home-intro{padding-inline:22px}}
.certificate-bow>.reference-art{height:19.5cqw;width:100%;animation:RibbonFloat 3.7s ease-in-out 1s infinite;clip-path:polygon(7% 8%,27% 1%,39% 14%,49% 8%,62% 14%,80% 2%,93% 9%,97% 31%,91% 43%,73% 48%,68% 62%,97% 94%,82% 84%,76% 99%,49% 65%,22% 100%,17% 86%,2% 94%,31% 58%,32% 45%,11% 45%,4% 29%)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti-particle{display:none}.screen-flash{display:none}}

.exported-certificate{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid #ec9dc4;background:#ffe7f3;margin:14px 0 8px}.export-download{display:flex;align-items:center;justify-content:center;min-height:42px;font-family:var(--pixel);font-size:19px;color:#c22079;text-decoration:underline;text-underline-offset:3px}
/* The physical size follows the unit through its existing result and passport. */
.nail-size-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e85297;background:#ffe0ef;color:#bc1b67;padding:4px 8px;font:15px Pixel,monospace;letter-spacing:.5px;line-height:1.3}.inventory-card-body>.nail-size-badge{margin:5px 0}.nail-meta .nail-size-badge{font-size:17px}.claim-button:disabled{opacity:.6;cursor:not-allowed}

/* Scan page: center the main logo in the annotated area, preserving its aspect ratio. */
.mobile-add .scan-hero{height:48cqw}
.mobile-add .hero-logo{left:17%;top:10.5cqw;width:66%;height:auto}
.mobile-add .hero-logo>.brand-image{height:auto}
.mobile-add .hero-copy-window{display:none}

/* Desktop homepage: give the main logo the annotated hero space. */
@media(min-width:768px){
  .home-world .hero-logo{top:40px;left:25%;width:80%;height:auto}
  .home-world .hero-logo>.brand-image{height:auto}
  .home-world .hero-copy-window{display:none}
}

/* Homepage refresh: only the existing mobile breakpoint changes composition.
   Shared CTA routes and camera capability detection stay in v2.js. */
@media(max-width:767px){
  .home-page{padding:clamp(95px,28vw,145px) 0 clamp(165px,44vw,225px);min-height:calc(100svh - 66px)}
  .home-world{gap:clamp(20px,6vw,32px);min-height:0}
  .home-world .scan-hero{width:min(84%,520px);height:auto;flex:none}
  .home-world .hero-logo{position:static;width:100%;height:auto}
  .home-world .hero-logo>.brand-image{height:auto}
  .home-world .hero-note,.home-world .hero-handwriting,.home-world .hero-copy-window,
  .home-intro>.mini-window-label,.home-intro>h1,.home-intro>p,
  .home-page>.home-sticker-strip,.home-page>.page-tagline{display:none}
  .home-intro{width:100%;padding:0;min-width:0}
  .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:88%;max-width:620px;margin-inline:auto;gap:12px}
  .home-actions .pixel-button{width:100%;min-width:0;min-height:clamp(52px,14vw,64px);font-size:clamp(16px,4.65vw,24px);padding:10px clamp(6px,1.8vw,12px);gap:clamp(4px,1.3vw,9px);white-space:nowrap}
  .home-actions .pixel-button .pixel-icon{width:clamp(14px,4vw,21px);height:clamp(14px,4vw,21px);flex:none}
  .home-actions .pixel-button:last-child{grid-column:1/-1}
  .home-actions .home-phone-only{display:flex}
  .home-actions .home-default-label{display:none}
  .home-actions .home-phone-label{display:inline}
  /* Keep the existing animated artwork in the top/bottom margins. */
  [data-view="home"]>.animated-background .bg-sticker{display:none}
  [data-view="home"]>.animated-background .bg-sticker:has(>.art-phone){display:block;left:79%;top:12px;width:clamp(42px,12vw,64px);max-width:none}
  [data-view="home"]>.animated-background .bg-sticker:has(>.art-cat){display:block;left:5%;top:auto;bottom:40px;width:clamp(78px,22vw,125px);max-width:none}
  [data-view="home"]>.animated-background .bg-sticker:has(>.art-bow){display:block;left:auto;right:5%;top:auto;bottom:44px;width:clamp(78px,23vw,130px);max-width:none}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(1){display:block;left:15%;top:32px;width:30px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(3){display:block;left:64%;top:55px;width:23px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(4){display:block;left:1%;top:97px;width:16px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(8){display:block;left:94%;top:37%;width:16px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(12){display:block;left:6%;top:auto;bottom:155px;width:22px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(13){display:block;left:62%;top:auto;bottom:125px;width:25px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(14){display:block;left:92%;top:auto;bottom:148px;width:25px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(15){display:block;left:25%;top:auto;bottom:32px;width:20px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(16){display:block;left:86%;top:auto;bottom:25px;width:29px}
  [data-view="home"]>.animated-background .bg-sticker:nth-child(17){display:block;left:12%;top:70px;width:26px}
  [data-view="home"]>.animated-background .cloud-sticker{display:none}
}

/* V3: the visible artwork is the same full-resolution PNG used for sharing. */
.certificate-v3{width:86%;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;min-height:0;aspect-ratio:2/3;overflow:visible}
.certificate-artwork{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 3px 3px #b8236b44)}
.certificate-artwork[hidden]{display:none}
.certificate-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#fff0e8;font:24px var(--pixel);border:2px solid #ec91ab;color:#c31567}
.certificate-loading button{font:inherit;text-decoration:underline}
.certificate-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.claimed-page .certificate-actions{width:84%}
.claimed-page .certificate-actions>.pixel-button:not(:first-child){font-family:var(--pixel);font-size:clamp(15px,2.6cqw,21px);font-weight:400;line-height:normal;letter-spacing:.2px;white-space:nowrap;gap:10px;min-width:0}
.claimed-page .certificate-actions>.pixel-button:not(:first-child)>span{min-width:0;text-wrap:nowrap}
.claimed-page .certificate-actions>.pixel-button:not(:first-child) .pixel-icon{width:18px;height:18px;flex-shrink:0}
.certificate-share-modal{max-height:min(65vh,680px);overflow:auto;overscroll-behavior:contain;margin:0 0 18px}
.certificate-share-modal img{display:block;width:100%;height:auto;margin:auto;max-width:420px;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}
.certificate-share-hint{font-size:14px;line-height:1.5;color:#963566;text-align:center;margin:12px 0 16px}
.certificate-share-tools{display:flex;justify-content:center;align-items:start;gap:36px;margin:4px 0 16px}
.certificate-share-tool{display:flex;flex-direction:column;align-items:center;gap:9px;font:17px var(--pixel);letter-spacing:1px;color:#b81764}
.certificate-icon-button{display:grid;place-items:center;width:56px;height:56px;padding:0;border:2px solid #d72580;border-radius:50%;color:#cf146e;background:linear-gradient(#fff5fa,#ffcfe5);box-shadow:inset 0 0 0 3px #fff1f8,0 3px 0 #ce478a;cursor:pointer;transition:transform .15s,box-shadow .15s}
.certificate-icon-button.share{color:#fff;background:linear-gradient(#ff70b7,#f72585);box-shadow:inset 0 0 0 3px #ffb4d7,0 3px 0 #bb216e}
.certificate-icon-button .pixel-icon{width:24px;height:24px}
.certificate-icon-button:hover:not(:disabled){transform:translateY(-2px)}
.certificate-icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 3px #ffe4f2,0 1px 0 #ce478a}
.certificate-icon-button:focus-visible{outline:3px solid #a51364;outline-offset:5px}
.certificate-icon-button:disabled{opacity:.45;cursor:wait}
@media(prefers-reduced-motion:reduce){.certificate-icon-button{transition:none}}
@media(max-width:767px){
 .claimed-page .certificate-v3{width:86%}
 .claimed-page .certificate-actions{gap:10px;margin-top:12px}
 .claimed-page .certificate-actions>.pixel-button:not(:first-child){font-size:clamp(12px,3.9cqw,18px);padding:10px 6px;gap:5px;min-height:50px}
 .claimed-page .certificate-actions>.pixel-button:not(:first-child) .pixel-icon{width:12px;height:12px}
 .claimed-page .certificate-actions>.pixel-button:not(:first-child) .pixel-icon:last-child{display:none}
 .claimed-page .certificate-actions>.pixel-button:first-child{font-size:5cqw;min-height:46px}
 .certificate-share-modal{max-height:48vh}
}