*{box-sizing:border-box}:root{color:#221c33;background:#fdf3e3;font-family:Jua,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background-color:#fdf3e3;background-image:radial-gradient(#e7d6b8 2px,transparent 2px);background-size:26px 26px;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}input{min-width:0}@keyframes jelly-in{0%{transform:scale(.96);opacity:0}62%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-11px) rotate(3deg)}}@keyframes blink{0%,88%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}}@keyframes scanline{0%{top:14%}to{top:78%}}@keyframes toast-up{0%{transform:translateY(150%) scale(.92)}58%{transform:translateY(-8%) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.app-stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px}.app-shell{width:390px;max-width:100%;height:min(844px,calc(100vh - 40px));height:min(844px,calc(100dvh - 40px));min-height:640px;background:#fffbf2;border:4px solid #221c33;border-radius:46px;box-shadow:10px 12px #221c33;overflow:hidden;display:flex;flex-direction:column}.mono{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.screen{flex:1;min-height:0;position:relative;overflow:hidden}.view{position:absolute;inset:0;animation:jelly-in .28s ease}.hidden-input{position:fixed;left:-100vw;width:1px;height:1px;opacity:0}.home-view{display:flex;flex-direction:column;padding:22px 24px 26px}.tag{align-self:center;background:#c9c2ff;border:3px solid #221c33;border-radius:14px;padding:4px 12px;font-size:14px;box-shadow:3px 3px #221c33;transform:rotate(-3deg)}.home-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.brand-copy{text-align:center}.brand-copy h1{margin:0;font-size:42px;line-height:1.1;letter-spacing:0}.brand-copy p,.analyze-copy p,.result-header p,.error-copy p{margin:8px 0 0;color:#6b6280;font-family:Gaegu,cursive;font-weight:700}.brand-copy p{font-size:19px}.home-actions{display:grid;gap:14px}.secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button,.copy-button,.outline-button,.dark-button,.mini-button,.install-button,.text-button,.square-button,.capture-button,.toast{border:3px solid #221c33;color:#221c33;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}.primary-button:active,.copy-button:active,.outline-button:active,.dark-button:active,.mini-button:active,.install-button:active,.text-button:active,.square-button:active,.capture-button:active{transform:translate(3px,3px);box-shadow:0 0 #221c33}.primary-button{width:100%;background:#5fd9a6;border-width:4px;border-radius:26px;box-shadow:6px 6px #221c33;padding:20px;font-size:25px;display:flex;align-items:center;justify-content:center;gap:10px}.install-button{width:100%;min-height:48px;background:#c9c2ff;border-radius:18px;box-shadow:4px 4px #221c33;padding:11px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px}.text-button{background:#fffbf2;border-radius:16px;box-shadow:3px 3px #221c33;min-height:46px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px}.mascot{position:relative;width:150px;height:140px;animation:floaty 3.6s ease-in-out infinite}.mascot.compact{width:120px;height:112px}.mascot:before{content:"";position:absolute;inset:0;border:4px solid #221c33;border-radius:52% 48% 46% 54%/56% 54% 46% 44%;box-shadow:6px 7px #221c33}.mascot.green:before{background:linear-gradient(160deg,#9bebc4,#5fd9a6)}.mascot.yellow:before{background:linear-gradient(160deg,#ffe08a,#ffc94d)}.mascot.red:before{background:linear-gradient(160deg,#ffb4a2,#ff8c8c)}.eye{position:absolute;top:38%;width:20px;height:24px;background:#fff;border:3px solid #221c33;border-radius:50%;overflow:hidden;animation:blink 4s infinite}.compact .eye{width:16px;height:20px}.eye.left{left:25%}.eye.right{right:25%}.eye i{position:absolute;bottom:3px;left:3px;width:9px;height:9px;background:#221c33;border-radius:50%}.mouth{position:absolute;top:63%;left:50%;width:34px;height:18px;transform:translate(-50%);border:3px solid #221c33;border-top:none;border-radius:0 0 20px 20px;background:#ff9fb0}.compact .mouth{width:24px;height:18px;border-radius:50%;border-top:3px solid #221c33}.blush{position:absolute;top:56%;width:14px;height:8px;background:#ff9fb0;border-radius:50%;opacity:.8}.blush.left{left:18%}.blush.right{right:18%}.camera-view{display:flex;flex-direction:column;background:#2a2438}.camera-top{flex:none;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;color:#fffbf2}.camera-top span{min-width:0;text-align:center;font-family:Gaegu,cursive;font-weight:700;font-size:17px}.mini-button{min-height:38px;background:#fffbf2;border-radius:12px;padding:6px 10px;box-shadow:2px 2px #221c33;display:inline-flex;align-items:center;gap:5px}.camera-frame{flex:1;min-height:0;position:relative;margin:0 18px;border-radius:20px;overflow:hidden;background:repeating-linear-gradient(45deg,#3a3350,#3a3350 12px,#332e48 12px 24px)}.camera-video{width:100%;height:100%;object-fit:cover;display:block}.guide{position:absolute;width:34px;height:34px;border-color:#5fd9a6;border-style:solid;border-width:0}.guide-tl{top:16%;left:8%;border-top-width:5px;border-left-width:5px;border-radius:8px 0 0}.guide-tr{top:16%;right:8%;border-top-width:5px;border-right-width:5px;border-radius:0 8px 0 0}.guide-bl{bottom:16%;left:8%;border-bottom-width:5px;border-left-width:5px;border-radius:0 0 0 8px}.guide-br{bottom:16%;right:8%;border-bottom-width:5px;border-right-width:5px;border-radius:0 0 8px}.scanline{position:absolute;left:8%;right:8%;height:3px;background:#5fd9a6;box-shadow:0 0 10px #5fd9a6;border-radius:3px;animation:scanline 2.2s ease-in-out infinite alternate}.camera-actions{flex:none;padding:22px;display:flex;align-items:center;justify-content:space-between}.square-button,.square-spacer{width:56px;height:56px;border-radius:16px}.square-button{box-shadow:3px 3px #221c33;display:grid;place-items:center}.square-button.purple{background:#c9c2ff}.capture-button{width:84px;height:84px;border-radius:50%;background:#ff9fb0;border:5px solid #fffbf2;box-shadow:0 0 0 4px #221c33;display:grid;place-items:center}.capture-button:active{transform:scale(.92)}.analyzing-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px}.preview-card{width:188px;height:144px;position:relative;overflow:hidden;border:4px solid #221c33;border-radius:18px;box-shadow:5px 6px #221c33;background:#fffdf6}.preview-card img{width:100%;height:100%;object-fit:cover;display:block}.preview-card .mascot{margin:14px auto 0}.preview-sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.5) 45%,transparent 70%);transform:translate(-100%);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.analyze-copy{text-align:center}.spin{animation:spin .9s linear infinite}.analyze-copy h2,.error-copy h2,.result-header h2{margin:10px 0 0;font-size:25px}.result-view{overflow-y:auto;padding:20px 22px 26px}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.result-header div{flex:1;min-width:0}.result-header h2{margin:0;font-size:27px}.result-header img{width:68px;height:54px;object-fit:cover;border:3px solid #221c33;border-radius:12px;box-shadow:2px 2px #221c33}.warning-panel{border:3px solid #221c33;border-radius:18px;box-shadow:4px 4px #221c33;padding:14px;margin-bottom:16px}.warning-panel{background:#ffd9a0;line-height:1.35}.field-block{display:block;margin-bottom:16px}.field-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#9a8fb0;font-size:15px}.field-label b{color:#221c33;background:#c9c2ff;border:2px solid #221c33;border-radius:10px;padding:2px 8px;font-size:12px}.field-block.missing .field-label b{background:#ff9fb0}.field-block.review .field-label b{background:#ffe08a}.field-box{display:grid;gap:10px;border:3px solid #221c33;border-radius:16px;box-shadow:3px 3px #221c33;padding:10px 12px}.field-box.blue{background:#b7ecfb}.field-box.plain{background:#fffbf2}.field-box.missing{background:#fff0f4;box-shadow:3px 3px #ff9fb0}.field-box.review{background:#fff7dc;box-shadow:3px 3px #ffe08a}.field-box input{width:100%;border:0;outline:0;background:transparent;color:#221c33;font-size:20px}.field-box input::placeholder{color:#9a8fb0;opacity:1}.field-box .account-input{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;letter-spacing:0}.field-helper{display:block;margin:7px 4px 0;color:#6b6280;font-family:Gaegu,cursive;font-size:16px;font-weight:700;line-height:1.25}.copy-button{width:100%;background:#ff9fb0;border-radius:14px;box-shadow:3px 3px #221c33;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:19px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.outline-button,.dark-button{min-height:54px;border-radius:18px;box-shadow:4px 4px #221c33;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:18px}.outline-button{background:#fffbf2}.dark-button{background:#221c33;color:#fffbf2;box-shadow:4px 4px #5fd9a6}.error-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:34px;text-align:center}.error-copy p{max-width:270px;font-size:18px}.error-actions{width:100%;display:grid;gap:10px}.toast{position:absolute;left:16px;right:16px;bottom:22px;z-index:30;border-radius:20px;background:#221c33;box-shadow:0 0 0 3px #5fd9a6,6px 8px #221c3340;padding:14px;display:flex;align-items:center;gap:12px;color:#fffbf2;text-align:left;animation:toast-up .42s cubic-bezier(.2,1.3,.4,1)}.toast.warning{box-shadow:0 0 0 3px #ffe08a,6px 8px #221c3340}.toast.error{box-shadow:0 0 0 3px #ff9fb0,6px 8px #221c3340}.toast-mark{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#5fd9a6;color:#221c33}.toast.warning .toast-mark{background:#ffe08a}.toast b,.toast small{display:block}.toast b{color:#5fd9a6;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.toast small{margin-top:2px;font-size:16px;color:#fffbf2}@media(max-width:520px){html,body,#root{height:100%;min-height:100%;overflow:hidden}body{min-height:100vh;min-height:100dvh;background:#fffbf2}.app-stage{padding:0;display:block;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.app-shell{width:100%;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.home-view,.camera-view{--home-edge-shift: clamp(0px, calc(118px - 14dvh) , 44px);--camera-edge-shift: clamp(0px, calc(100px - 12dvh) , 28px)}.home-view{padding:calc(22px + var(--home-edge-shift)) max(24px,env(safe-area-inset-right)) calc(26px + var(--home-edge-shift)) max(24px,env(safe-area-inset-left))}.result-view{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-bottom:max(26px,env(safe-area-inset-bottom))}.camera-top{padding-top:calc(16px + var(--camera-edge-shift))}.camera-actions{padding:22px max(22px,env(safe-area-inset-right)) calc(22px + var(--camera-edge-shift)) max(22px,env(safe-area-inset-left))}.toast{bottom:max(18px,env(safe-area-inset-bottom))}}@media(min-width:521px)and (max-height:700px){.mascot{width:128px;height:118px}.brand-copy h1{font-size:36px}.primary-button{padding:16px;font-size:22px}}