:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans",sans-serif;color:#f4f4ee;background:#171916;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #dcf3a5;outline-offset:5px}[hidden]{display:none!important}#app{position:relative;width:100%;height:100dvh;min-height:500px;overflow:hidden;margin:auto;background:#242820}header{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 20px) 22px 10px;display:flex;align-items:center;justify-content:space-between;z-index:5;height:calc(env(safe-area-inset-top) + 70px);background:linear-gradient(#12141066,transparent)}.brand{font-weight:600;font-size:21px;letter-spacing:3px;display:flex;align-items:center;gap:6px;margin-right:auto}.brand-dot{width:5px;height:5px;border-radius:50%;background:#dcf3a5}.icon{width:42px;height:42px;display:grid;place-items:center;font-size:35px}.icon svg,.tool svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.screen{position:absolute;inset:0;animation:appear .24s ease}video,.full-image,.camera-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}video{background:#242820}.camera-shade{pointer-events:none;background:linear-gradient(180deg,#00000010 35%,#00000012 55%,#11130fe0 100%)}.viewfinder{position:absolute;left:11%;right:11%;top:24%;height:40%;max-height:400px}.viewfinder>i{position:absolute;width:28px;height:28px;border-color:#efeee58c;border-style:solid;border-width:0}.viewfinder>i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px;border-top-left-radius:8px}.viewfinder>i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px;border-top-right-radius:8px}.viewfinder>i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px;border-bottom-left-radius:8px}.viewfinder>i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px;border-bottom-right-radius:8px}.camera-message{text-align:center;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tiny{font-size:9px;letter-spacing:3px;color:#d8dfcf98}h1{font-size:29px;font-weight:450;letter-spacing:2px;margin:13px 0 20px}h2{font-size:23px;font-weight:550;margin:14px 0}p{font-size:13px;line-height:1.7}.camera-message p{font-size:11px;opacity:.6}.small-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px}.camera-bottom{position:absolute;bottom:0;left:0;right:0;padding:25px 35px calc(env(safe-area-inset-bottom) + 13px)}.camera-actions{display:flex;align-items:center;justify-content:space-between}.tool{width:55px;display:flex;flex-direction:column;align-items:center;gap:9px}.tool span{font-size:10px;letter-spacing:1px;color:#dadcd4}.shutter{width:82px;height:82px;padding:6px;border:1px solid #ffffffe0;border-radius:50%;transition:transform .12s}.shutter:active{transform:scale(.92)}.shutter>span{display:block;width:100%;height:100%;background:#eef2e5;border-radius:50%}.modes{display:flex;justify-content:center;gap:35px;margin:26px 0 20px}.modes button{font-size:13px;position:relative;color:#b2b6aa;padding-bottom:10px}.modes .selected{color:#e3f7b4}.modes .selected:after{content:"";position:absolute;bottom:0;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#d9f3a2}.privacy-link{display:block;text-align:center;font-size:10px;color:#cdd1c0a0;text-decoration:none}.review-bottom,.result-bottom{position:absolute;bottom:0;left:0;right:0;padding:40px 24px calc(env(safe-area-inset-bottom) + 22px);background:linear-gradient(transparent,#171916ed 18%,#171916 100%)}#review-view .full-image{height:72%;object-fit:contain;background:#e8e8e2;padding-top:70px}.category{display:flex;gap:8px;justify-content:center;margin-bottom:17px}.category button{padding:9px 19px;border:1px solid #ffffff30;border-radius:24px;font-size:12px}.category .selected{background:#e6edda;color:#252b1d;border-color:#e6edda}.person-button{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:17px;text-align:left;font-size:14px}.avatar{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background:#ffffff15;background-size:cover;background-position:center;font-size:22px}.optional{margin-left:auto;font-size:11px;color:#c3c6bc}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-radius:30px;font-weight:550;font-size:15px}.primary{width:100%;background:#d9edb1;color:#1e2819}.secondary{background:#ffffff16;border:1px solid #ffffff20}.hint{text-align:center;color:#aeb3a4;font-size:11px;margin:12px 0 0}.blurred{filter:blur(18px) brightness(.3);transform:scale(1.06)}.waiting-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.waiting-center p{color:#b8bfaf;font-size:12px}.orbit{width:45px;height:45px;border:1px solid #d9edb145;border-top-color:#d9edb1;border-radius:50%;animation:spin 1.4s linear infinite;margin-bottom:22px}.contain{object-fit:contain;padding:65px 0 150px;background:#d9dad1}.result-actions{display:flex;gap:10px}.result-actions .primary{width:auto;flex:1;justify-content:center}.result-label{display:block;font-size:10px;color:#c5cabd;margin-bottom:14px}.result-bottom{text-align:center}.history-screen{padding:90px 24px 30px;overflow-y:auto;background:#20241d}.history-screen h1{font-size:24px}#history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff20;width:100%;font-size:14px}.history-item span{color:#c4d6ac}.history-item img{height:70px;width:54px;object-fit:cover;border-radius:5px;margin-right:15px}dialog{border:0;border-radius:24px;background:#f4f4ed;color:#22291d;padding:26px;width:calc(100% - 40px);max-width:390px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog p{color:#64695c;line-height:1.8}dialog a{font-size:12px;color:#495d32}dialog .primary{margin-top:24px;justify-content:center;background:#293522;color:#fff}dialog .small-link{display:block;margin:12px auto 0;color:#626b58}.eyebrow{font-size:10px;letter-spacing:2px;color:#758263}#toast{position:absolute;z-index:20;left:24px;right:24px;bottom:120px;border-radius:12px;background:#eef2e7;color:#27301f;text-align:center;padding:13px;font-size:13px;box-shadow:0 5px 30px #0004}.live .camera-message .tiny,.live #enable-camera,.live #camera-tip{display:none}.live h1{font-size:15px;opacity:.8;position:absolute;bottom:-48px}#back{margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:650px){body{display:grid;place-items:center;min-height:100dvh;background:#10120f}#app{max-width:430px;max-height:900px;box-shadow:0 0 90px #0008;border-left:1px solid #ffffff0c;border-right:1px solid #ffffff0c}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

body[data-view="review"] header,body[data-view="result"] header{color:#28321f;background:linear-gradient(#ffffffda,transparent)}