:root{--grass: #74c043;--grass-d: #4e8b2a;--wood: #8a5a2b;--wood-d: #5c3a1c;--wood-l: #b07d47;--cream: #f6ecd4;--cream-2: #efe0be;--tan: #e2c48c;--tan-d: #cda85f;--gold: #f4b731;--gold-d: #d1902a;--ink: #4a3620;--muted: #927a55;--card: #fffaf0;--green: #4bb63f;--green-hi: #74d861;--green-dk: #2f8a2b;--blue: #3fa9e0;--blue-hi: #6fc6ee;--blue-dk: #2b83b8;--red: #e0523b;--red-dk: #b23522;--r: 16px;--shadow: 0 4px 14px rgba(74, 40, 12, .16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,PingFang TC,Noto Sans TC,system-ui,sans-serif;background:#2a1c0e;color:var(--ink);overscroll-behavior:none;font-weight:500}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:74px;background:radial-gradient(120% 60% at 50% 0%,#a8d8f0 0%,#bfe3f0 30%,transparent 55%),linear-gradient(180deg,#cdeecb 0%,#e6f0d0 40%,var(--cream) 100%)}button{font-family:inherit}.btn3d,.walk-btn,.auth-submit,.btn-primary,.add-btn,.req-accept,.f3a-btn,.perm-btn,.fc-btn.go,.shop-btn.go,.daily-btn.go,.map-btn.go{border:none;color:#fff;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.25);border-radius:14px;background:linear-gradient(180deg,var(--green-hi),var(--green));box-shadow:0 5px 0 var(--green-dk),0 8px 10px #00000038;transition:transform .06s ease,box-shadow .06s ease;cursor:pointer}.btn3d:active,.walk-btn:active,.auth-submit:active,.btn-primary:active,.add-btn:active,.req-accept:active,.f3a-btn:active,.perm-btn:active,.fc-btn.go:active,.shop-btn.go:active,.daily-btn.go:active,.map-btn.go:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dk),0 2px 5px #0003}.btn3d:disabled{filter:saturate(.4) brightness(1.05);box-shadow:0 4px #9b9484;cursor:not-allowed}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,#6e4a28,#4e3216);border-bottom:3px solid var(--gold-d);box-shadow:0 3px 12px #00000059}.brand{font-weight:900;font-size:18px;color:#ffe9b0;text-shadow:0 2px 0 #5c3a1c,0 0 8px rgba(244,183,49,.4);letter-spacing:1px}.stats{display:flex;gap:6px;align-items:center}.stat{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#00000059,#0003);border:1.5px solid rgba(244,183,49,.55);padding:4px 9px;border-radius:999px;font-size:13px;font-weight:800;color:#fff5df;white-space:nowrap;box-shadow:inset 0 1px #ffffff1f}.stat-btn{cursor:pointer}.stat-btn:active{transform:scale(.95)}.bell{position:relative;border:1.5px solid rgba(244,183,49,.55);background:#0000004d;color:#fff5df;width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer;padding:0}.bell:active{transform:scale(.92)}.bell-badge{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;line-height:17px;border-radius:999px;padding:0 3px;border:2px solid #4e3216}.board{padding:16px 14px;flex:1}.board-3d{padding:12px 12px 0}.panel{background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:22px 22px 0 0;border-top:3px solid #fff6e2;padding:16px 16px 8px;box-shadow:0 -6px 18px #4a280c1f;margin-top:8px}.panel-title{font-size:13px;font-weight:900;color:var(--wood-d);margin:6px 2px 8px}.seeds{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.seed{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;border:2.5px solid var(--tan-d);background:linear-gradient(180deg,#fffaf0,#f4e6c8);border-radius:14px;padding:8px 12px;cursor:pointer;box-shadow:0 3px #d8bd8a}.seed.active{border-color:var(--green);background:linear-gradient(180deg,#eaf7e0,#d4efc2);box-shadow:0 3px 0 var(--green-dk)}.seed-emoji{font-size:26px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}.seed-name{font-size:12px;font-weight:800;color:var(--ink)}.walk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.walk-btn{padding:11px 18px}.walk-btn.on{background:linear-gradient(180deg,#ee6a56,var(--red));box-shadow:0 5px 0 var(--red-dk),0 8px 10px #00000038}.walk-sim{border:2.5px solid var(--tan-d);background:linear-gradient(180deg,#fffaf0,#f4e6c8);color:var(--wood-d);font-weight:800;padding:9px 14px;border-radius:14px;cursor:pointer;box-shadow:0 4px #d8bd8a}.walk-sim:active{transform:translateY(3px);box-shadow:0 1px #d8bd8a}.walk-hint{flex-basis:100%;font-size:12px;color:var(--muted)}.foot{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 4px;font-size:12px;color:var(--muted)}.reset{border:none;background:transparent;color:var(--red-dk);font-size:12px;cursor:pointer;text-decoration:underline;font-weight:700}.daily-open{position:relative;width:100%;border:none;border-radius:14px;background:linear-gradient(180deg,var(--gold),var(--gold-d));color:#4a2e08;font-weight:900;font-size:15px;padding:12px;cursor:pointer;margin-bottom:14px;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 5px #a9701c,0 8px 10px #0003}.daily-open:active{transform:translateY(4px);box-shadow:0 1px #a9701c}.daily-open-badge{position:absolute;top:-7px;right:-7px;background:var(--red);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;line-height:20px;border-radius:999px;padding:0 5px;border:2px solid #fff6e2}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:linear-gradient(180deg,#7a5330,#533418);border-top:3px solid var(--gold-d);box-shadow:0 -3px 12px #0000004d;z-index:20}.tab{flex:1;border:none;background:transparent;padding:8px 0 calc(8px + env(safe-area-inset-bottom));font-size:19px;color:#d9c3a0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .08s}.tab span{font-size:10px;font-weight:800}.tab.active{color:#fff;text-shadow:0 0 10px rgba(244,183,49,.8);transform:translateY(-2px)}.tab.active:before{content:"";position:absolute;top:-3px;width:40%;height:3px;background:var(--gold);border-radius:999px}.farm3d{position:relative;width:100%;height:54vh;min-height:330px;max-height:480px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#bfe3f5,#a9dcef 45%,#cdeecb);box-shadow:0 8px 24px #4a280c38,inset 0 0 0 3px #ffffff80;touch-action:none}.farm3d canvas{display:block;border-radius:20px}.farm3d-loading{height:54vh;min-height:330px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--grass-d);background:linear-gradient(180deg,#bfe3f5,#cdeecb);border-radius:20px}.farm3d-actions{position:absolute;left:50%;bottom:42px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#fffaf0f2;padding:6px 10px;border-radius:999px;box-shadow:0 5px 16px #00000040;border:2px solid #fff}.f3a-label{font-size:12px;font-weight:800;color:var(--muted);padding-left:4px}.f3a-btn{padding:8px 14px;border-radius:999px;font-size:13px}.farm3d-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);white-space:nowrap;font-size:10.5px;color:#5c3a1c;background:#fff6e2bf;padding:3px 12px;border-radius:999px;font-weight:600}.friends-board{padding-bottom:24px}.geo-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--wood-d);font-weight:700;background:linear-gradient(180deg,#fffaf0,#f4e6c8);border:2px solid var(--tan-d);border-radius:14px;padding:9px 12px;margin-bottom:12px}.geo-status .warn{color:var(--red-dk)}.sim-toggle{border:2px solid var(--tan-d);background:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;cursor:pointer;color:var(--wood-d)}.add-friend{display:flex;gap:8px;margin-bottom:8px}.add-input,.auth-input,.field input{border:2.5px solid var(--tan-d);border-radius:12px;padding:11px 13px;font-size:15px;font-family:inherit;background:#fffdf8;color:var(--ink)}.add-input{flex:1}.add-input:focus,.auth-input:focus,.field input:focus{outline:none;border-color:var(--green)}.add-btn{padding:0 18px;border-radius:12px;font-size:14px}.add-msg{font-size:12px;color:var(--green-dk);font-weight:700;background:#eaf7e0;border:1.5px solid #bfe6a8;border-radius:10px;padding:8px 10px;margin-bottom:10px}.requests{background:linear-gradient(180deg,#fff3d4,#ffe7ad);border:2px solid var(--gold-d);border-radius:16px;padding:10px 12px;margin-bottom:12px}.requests-title{font-size:12px;font-weight:900;color:#96631a;margin-bottom:8px}.request-row{display:flex;align-items:center;gap:8px;padding:4px 0}.req-avatar{font-size:22px}.req-name{flex:1;font-weight:800;font-size:14px}.req-accept{padding:7px 14px;border-radius:10px;font-size:12px;box-shadow:0 3px 0 var(--green-dk)}.req-accept:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-dk)}.req-reject{border:2px solid var(--tan-d);background:#fff;color:var(--muted);border-radius:10px;padding:6px 12px;font-weight:800;font-size:12px;cursor:pointer}.friend-list,.orders,.notify-list,.daily-list,.rank-list{display:flex;flex-direction:column;gap:10px}.friend-card{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,var(--card),#f6ead2);border-radius:16px;padding:12px;border:2px solid #efdcb4;box-shadow:var(--shadow)}.friend-card.near{border-color:var(--green);background:linear-gradient(180deg,#f2fbe9,#e0f4cf)}.fc-avatar{font-size:34px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}.fc-main{flex:1}.fc-name{font-weight:900;color:var(--ink)}.fc-sub{font-size:12px;color:var(--muted);font-weight:600}.fc-btn{border:none;border-radius:12px;padding:10px 14px;font-weight:800;font-size:13px;background:linear-gradient(180deg,#f0e3c6,#e0cda2);color:var(--muted);cursor:pointer;box-shadow:0 3px #cbb488}.fc-btn.go{padding:10px 14px}.fc-btn:disabled{cursor:not-allowed}.friends-note{font-size:11px;color:var(--muted);line-height:1.6;margin-top:16px;font-weight:600}.orders-empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;font-weight:700}.explore-head,.rank-head,.dex-title{display:flex;align-items:center;justify-content:space-between;font-weight:900;margin-bottom:12px;color:var(--wood-d);font-size:16px}.explore-count{font-size:13px;color:var(--muted)}.map-row{position:relative;display:grid;grid-template-columns:50px 1fr;align-items:center;column-gap:12px;padding-bottom:14px}.map-node{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#fffaf0,#ecd9b0);display:flex;align-items:center;justify-content:center;font-size:25px;border:3px solid var(--tan-d);z-index:1;box-shadow:0 3px #cbb488}.map-node.done{background:linear-gradient(180deg,#eaf7e0,#cdeeb6);border-color:var(--green);box-shadow:0 3px 0 var(--green-dk)}.map-line{position:absolute;left:24px;top:50px;width:3px;height:100%;background:var(--tan-d)}.map-info{background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow)}.map-name{font-weight:900;font-size:14px;color:var(--ink)}.map-region{font-size:11px;color:var(--muted);font-weight:700;margin-left:4px}.map-unlocked{font-size:12px;color:var(--green-dk);margin-top:4px;font-weight:700}.map-btn{margin-top:8px;border:none;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:800;background:linear-gradient(180deg,#f0e3c6,#e0cda2);color:var(--muted);cursor:pointer;box-shadow:0 3px #cbb488}.map-btn.go{color:#fff}.map-btn:disabled{cursor:not-allowed}.center-toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background:var(--card);font-weight:800;padding:11px 18px;border-radius:999px;box-shadow:0 6px 18px #00000040;z-index:30;font-size:13px;max-width:90%;text-align:center;border:2px solid var(--gold);color:var(--ink)}.dex-section{margin-bottom:22px}.dex-title span{font-size:13px;color:var(--muted)}.dex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dex-cell{background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:10px 4px;text-align:center;box-shadow:var(--shadow)}.dex-cell.locked{background:#e9dcc0;opacity:.7}.dex-emoji{display:block;font-size:30px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.15))}.dex-name{display:block;font-size:11px;font-weight:800;margin-top:2px;color:var(--ink)}.dex-count{display:block;font-size:10px;color:var(--muted);font-weight:700}.ach-list{display:flex;flex-direction:column;gap:8px}.ach{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow)}.ach.done{background:linear-gradient(180deg,#f2fbe9,#dff2ce);border-color:var(--green)}.ach-emoji{font-size:24px}.ach-main{flex:1}.ach-name{font-weight:900;font-size:14px;color:var(--ink)}.ach-desc{font-size:11px;color:var(--muted);font-weight:600}.rank-toggle{display:flex;gap:4px}.rank-toggle button{border:2px solid var(--tan-d);background:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;cursor:pointer;color:var(--muted)}.rank-toggle button.on{background:linear-gradient(180deg,var(--green-hi),var(--green));color:#fff;border-color:var(--green-dk)}.rank-me{background:linear-gradient(180deg,#fff3d4,#ffe7ad);border:2px solid var(--gold-d);border-radius:14px;padding:11px 14px;font-size:13px;margin-bottom:12px;font-weight:700;color:#6b4a12}.rank-row{display:grid;grid-template-columns:36px 30px 1fr auto;align-items:center;gap:8px;background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow)}.rank-row.me{background:linear-gradient(180deg,#fff6d8,#ffe9a8);border:2.5px solid var(--gold)}.rank-no{font-weight:900;text-align:center;color:var(--muted)}.rank-no.top{font-size:20px}.rank-avatar{font-size:22px}.rank-name{font-weight:800;font-size:14px;color:var(--ink)}.rank-youtag{background:var(--gold);color:#5c3a1c;font-size:10px;padding:1px 6px;border-radius:999px;margin-left:6px;font-weight:800}.rank-score{font-weight:900;font-size:13px;color:var(--green-dk)}.sheet-backdrop,.form-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1e12068c;display:flex;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-backdrop{align-items:flex-end}.form-backdrop{align-items:center;padding:16px;z-index:95}.sheet{width:100%;max-width:480px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:24px 24px 0 0;border-top:4px solid #fff6e2;max-height:88vh;display:flex;flex-direction:column;animation:slideup .22s ease}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px}.sheet-tabs{display:flex;gap:6px}.sheet-tabs button{border:none;background:#e6d3ab;color:var(--wood-d);font-weight:900;font-size:13px;padding:9px 14px;border-radius:999px;cursor:pointer}.sheet-tabs button.on{background:linear-gradient(180deg,var(--green-hi),var(--green));color:#fff;box-shadow:0 3px 0 var(--green-dk)}.sheet-close{border:none;background:#e6d3ab;color:var(--wood-d);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;font-weight:800}.sheet-points{padding:0 16px 10px;font-size:13px;font-weight:800;color:var(--wood-d)}.sheet-body{overflow-y:auto;padding:4px 16px calc(24px + env(safe-area-inset-bottom))}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-item{background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:16px;padding:12px;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.shop-emoji{font-size:42px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}.shop-name{font-weight:900;font-size:14px;margin-top:4px;color:var(--ink)}.shop-desc{font-size:11px;color:var(--muted);margin:2px 0 10px;flex:1;font-weight:600}.shop-btn{border:none;border-radius:12px;padding:9px 12px;font-weight:800;font-size:12px;width:100%;background:linear-gradient(180deg,#f0e3c6,#e0cda2);color:var(--muted);cursor:pointer;box-shadow:0 3px #cbb488}.shop-btn.go{color:#fff}.shop-btn:disabled{cursor:not-allowed}.order{background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:16px;padding:12px;box-shadow:var(--shadow)}.order-top{display:flex;align-items:center;gap:10px}.order-emoji{font-size:30px}.order-main{flex:1}.order-name{font-weight:900;font-size:14px;color:var(--ink)}.order-sub{font-size:11px;color:var(--muted);font-weight:600}.order-status{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;background:#e6d3ab;color:var(--wood-d)}.order-status.s-shipped{background:#ffe7ad;color:#96631a}.order-status.s-done{background:#dff2ce;color:var(--green-dk)}.stepper{display:flex;justify-content:space-between;margin:14px 2px 8px;position:relative}.stepper:before{content:"";position:absolute;top:5px;left:6%;right:6%;height:3px;background:#e0cda2}.step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;z-index:1}.step .dot{width:12px;height:12px;border-radius:50%;background:#e0cda2}.step.on .dot{background:var(--green);box-shadow:0 0 0 3px #4bb63f40}.step-label{font-size:9px;color:var(--muted);font-weight:700}.step.on .step-label{color:var(--green-dk);font-weight:800}.order-to{font-size:12px;color:var(--ink);background:#f4e6c8;border-radius:10px;padding:8px 10px;line-height:1.5;font-weight:600}.form{width:100%;max-width:380px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:20px;border:3px solid #fff6e2;padding:18px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #0006}.form-title{font-weight:900;font-size:16px;color:var(--wood-d)}.form-cost{color:var(--green-dk);font-weight:800;font-size:13px;margin:4px 0 12px}.field{display:block;margin-bottom:10px}.field span{display:block;font-size:12px;font-weight:800;color:var(--wood-d);margin-bottom:4px}.field input{width:100%}.form-privacy{font-size:11px;color:var(--muted);background:#f4e6c8;border-radius:8px;padding:8px 10px;line-height:1.5;font-weight:600}.form-err{color:var(--red-dk);font-size:12px;font-weight:800;margin:8px 0}.form-actions{display:flex;gap:10px;margin-top:12px}.btn-ghost{flex:1;border:2.5px solid var(--tan-d);background:#fff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer;color:var(--wood-d);box-shadow:0 3px #d8bd8a}.btn-ghost:active{transform:translateY(3px);box-shadow:0 1px #d8bd8a}.btn-primary{flex:2;border-radius:12px;padding:12px}.btn-primary.dim{filter:saturate(.5) brightness(1.03)}.notify-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 10px}.perm-btn{padding:8px 12px;border-radius:999px;font-size:12px}.perm-ok{font-size:12px;color:var(--green-dk);font-weight:800}.perm-off{font-size:12px;color:var(--muted)}.perm-sim{border:2px solid var(--tan-d);background:#fff;color:var(--wood-d);font-weight:800;font-size:12px;padding:7px 11px;border-radius:999px;cursor:pointer}.perm-clear{margin-left:auto;border:none;background:transparent;color:var(--red-dk);font-size:12px;text-decoration:underline;cursor:pointer;font-weight:700}.notify-item{display:flex;gap:10px;background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow)}.notify-item.unread{background:linear-gradient(180deg,#f2fbe9,#e2f4d0);border-left:4px solid var(--green)}.notify-emoji{font-size:22px}.notify-main{flex:1}.notify-title{font-weight:900;font-size:14px;color:var(--ink)}.notify-body{font-size:12px;color:var(--ink);margin-top:1px;font-weight:500}.notify-time{font-size:10px;color:var(--muted);margin-top:3px;font-weight:600}.daily-item{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--card),#f6ead2);border:2px solid #efdcb4;border-radius:14px;padding:12px;box-shadow:var(--shadow)}.daily-item.claimed{opacity:.6}.daily-emoji{font-size:26px}.daily-main{flex:1}.daily-name{font-weight:900;font-size:14px;color:var(--ink)}.daily-reward{font-size:12px;color:var(--green-dk);margin-left:4px;font-weight:800}.daily-desc{font-size:11px;color:var(--muted);font-weight:600}.daily-bar{height:8px;background:#e6d3ab;border-radius:999px;overflow:hidden;margin:5px 0 2px}.daily-fill{height:100%;background:linear-gradient(90deg,var(--green-hi),var(--green))}.daily-prog{font-size:10px;color:var(--muted);font-weight:700}.daily-btn{border:none;border-radius:12px;padding:8px 12px;font-weight:800;font-size:12px;background:linear-gradient(180deg,#f0e3c6,#e0cda2);color:var(--muted);cursor:pointer;white-space:nowrap;box-shadow:0 3px #cbb488}.daily-btn:disabled{cursor:not-allowed}.ar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;overflow:hidden}.ar-video,.ar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ar-fallback{background:linear-gradient(180deg,#8fd35a,#5aa832 55%,#3f7d22)}.ar-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);color:#fff}.ar-close{border:none;background:#ffffff40;color:#fff;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer}.ar-title{flex:1;font-weight:900}.ar-dist{font-weight:900;padding:4px 10px;border-radius:999px}.ar-dist.ok{background:var(--green)}.ar-dist.bad{background:var(--red)}.ar-field{position:absolute;top:0;right:0;bottom:0;left:0}.ar-crop{position:absolute;transform:translate(-50%,-50%);border:none;background:transparent;font-size:48px;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(0,0,0,.45));animation:pop .3s ease}.ar-crop:active{transform:translate(-50%,-50%) scale(1.25)}.ar-crop:disabled{opacity:.5}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}.ar-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:800;background:#0006;padding:10px 16px;border-radius:12px}.ar-blocker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:#0000008c;padding:18px 22px;border-radius:16px;font-weight:800;z-index:5}.ar-blocker-sub{font-size:13px;font-weight:600;opacity:.85;margin-top:6px}.ar-bottom{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#fff;font-weight:800;background:#00000073;padding:8px 16px;border-radius:999px;font-size:13px}.ar-toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:var(--card);color:var(--ink);font-weight:900;padding:10px 18px;border-radius:999px;box-shadow:0 4px 16px #0000004d;z-index:10;animation:pop .2s ease;border:2px solid var(--gold)}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 55% at 50% 0%,#a8d8f0,transparent 60%),linear-gradient(180deg,#bfe3f0,#cdeecb 55%,#e6f0d0)}.auth-card{width:100%;max-width:360px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border-radius:24px;border:3px solid #fff6e2;padding:28px 22px;box-shadow:0 14px 44px #4a280c4d;text-align:center}.auth-logo{font-size:52px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.2))}.auth-title{font-size:24px;font-weight:900;margin-top:4px;color:var(--wood-d);text-shadow:0 2px 0 #fff6e2}.auth-sub{font-size:12px;color:var(--muted);margin-bottom:18px;font-weight:600}.auth-tabs{display:flex;gap:6px;background:#e6d3ab;border-radius:999px;padding:4px;margin-bottom:16px}.auth-tabs button{flex:1;border:none;background:transparent;padding:9px;border-radius:999px;font-weight:900;font-size:14px;color:var(--wood-d);cursor:pointer}.auth-tabs button.on{background:#fff;color:var(--green-dk);box-shadow:0 2px 5px #0000001f}.auth-input{width:100%;margin-bottom:10px}.auth-msg{font-size:12px;color:var(--red-dk);background:#ffe3dd;border-radius:8px;padding:8px 10px;margin-bottom:10px;text-align:left;font-weight:700}.auth-submit{width:100%;padding:14px;font-size:15px;border-radius:14px}.auth-submit:disabled{filter:saturate(.5) brightness(1.03)}.setup{text-align:left;max-width:420px}.setup .auth-logo,.setup .auth-title,.setup .auth-sub{text-align:center}.setup-steps{font-size:13px;line-height:1.7;padding-left:20px;margin:8px 0;color:var(--ink)}.setup-steps li{margin-bottom:10px}.setup-steps code{background:#e6d3ab;padding:1px 5px;border-radius:5px;font-size:12px}.setup-steps pre{background:#3a2a18;color:#ffe9b0;padding:10px 12px;border-radius:8px;font-size:11px;overflow-x:auto;margin:6px 0}.setup-note{font-size:11px;color:var(--muted);background:#f4e6c8;border-radius:8px;padding:10px;margin-top:8px;font-weight:600}