:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#192d25;background:#e9ece6;font-synthesis:none;--green:#17634a;--lime:#d8ed9b;--muted:#78827b;--paper:#f8f9f5;--line:#e5e9e1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9cbe52;outline-offset:3px}button{color:inherit}button:active{transform:translateY(1px)}[hidden]{display:none!important}.app{max-width:480px;margin:auto;background:var(--paper);min-height:100dvh;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 22px}.brand{border:0;background:none;padding:0;font-size:25px;letter-spacing:-1.2px;font-weight:800;display:flex;align-items:center}.brand-icon{width:32px;height:34px;margin-right:9px;background:var(--green);border-radius:11px;color:var(--lime);font-size:22px;display:flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:5px}.brand-icon span{font-size:20px}.brand-dot{color:var(--green)}.country{font-size:11px;font-weight:600;display:flex;gap:6px;align-items:center}.country-dot{width:7px;height:7px;border-radius:50%;background:#4d9b7d}main{padding:0 24px 110px;outline:none}.greeting{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:8px 0 20px}.small-tag{border:1px solid #d9dfd4;border-radius:5px;padding:4px 6px;font-size:8px;letter-spacing:1px}.hero{background:var(--green);color:white;border-radius:25px;padding:26px 24px 25px;position:relative;overflow:hidden;min-height:299px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px;background:var(--lime);border-radius:50%}.hero h1{font-size:36px;line-height:1.09;letter-spacing:-1.8px;position:relative;z-index:1;margin:24px 0 13px;max-width:290px}.hero h1 span{color:var(--lime)}.hero p{color:#c9ded3;font-size:11px;line-height:1.7;position:relative;z-index:1}.button{border:none;border-radius:12px;padding:15px 17px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px}.button span{font-size:19px;line-height:16px}.lime{background:var(--lime);color:#234730;position:relative;z-index:2;margin-top:23px;max-width:228px}.green{background:var(--green);color:white;width:100%}.parcel-art{position:absolute;width:170px;height:200px;right:-44px;bottom:3px;pointer-events:none;transform:rotate(-13deg);opacity:.95}.orbit{width:230px;height:160px;border:1px dashed #75a28c;border-radius:50%;position:absolute;left:-35px;top:1px;transform:rotate(-30deg)}.parcel{position:absolute;top:50px;left:13px;width:114px;height:117px;background:#ceac77;border-radius:7px;box-shadow:inset -17px 0 #b39263,0 15px 25px #0b493966;transform:rotate(1deg)}.tape{height:100%;width:22px;background:#ebd3ab;position:absolute;left:39px}.parcel-label{position:absolute;left:13px;top:34px;border-radius:3px;background:#f4f3dc;color:var(--green);padding:4px 8px;font-size:27px;font-weight:800}.parcel-label span{font-size:20px}.parcel-lines{position:absolute;left:17px;bottom:12px;font-size:17px;color:#554b37;letter-spacing:-2px}.airplane{position:absolute;left:3px;top:5px;font-size:33px;transform:rotate(15deg);color:var(--lime)}.art-dot{width:10px;height:10px;border:2px solid var(--lime);position:absolute;border-radius:50%;top:42px;left:-20px}.route-strip{display:flex;align-items:center;justify-content:center;gap:10px;margin:19px 0 28px;font-size:10px;color:#5e6c62;white-space:nowrap}.route-strip b{font-size:9px;background:white;padding:5px;border:1px solid var(--line);border-radius:5px;margin-right:5px;color:#2d4d3b}.route-line{color:#acb6ac;letter-spacing:1px}.route-line span{color:var(--green);font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:8px}.section-heading h2{font-size:16px;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.market{display:flex;flex-direction:column;align-items:flex-start;padding:16px 13px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;min-width:0}.market-logo{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:14px;font-weight:800;font-size:18px;letter-spacing:-1px}.orange{background:#fff1e6;color:#ea730f}.red{background:#fff0eb;color:#f25b28;font-size:28px}.peach{background:#fff3e8;color:#ed7d23;font-size:34px;font-style:italic}.peach span{font-size:15px;margin-left:-1px}.market strong{font-size:12px;margin-bottom:5px}.market small{font-size:9px;color:var(--muted);white-space:nowrap}.calculator-card,.sample-card{border:1px solid var(--line);border-radius:17px;padding:16px;background:#eef1e8;width:100%;display:flex;align-items:center;gap:13px;text-align:left;margin:17px 0 28px}.square-icon{display:flex;align-items:center;justify-content:center;width:42px;height:44px;border-radius:12px;background:white;color:var(--green);font-weight:600;font-size:18px;line-height:12px;flex-shrink:0}.calculator-card strong,.sample-card strong{font-size:12px;display:block;margin-bottom:6px}.calculator-card small,.sample-card small{font-size:10px;color:var(--muted)}.arrow{margin-left:auto;font-size:22px}.steps{display:flex;justify-content:space-between;gap:8px;padding:4px 4px 18px}.steps div{display:flex;gap:9px;align-items:center}.steps b{font-size:11px;color:var(--green);background:#e9efd9;padding:8px;border-radius:50%}.steps span{font-size:9px;line-height:1.7}.steps i{font-style:normal;align-self:center;color:#a2afa1;font-size:11px}.local-note{font-size:10px;line-height:1.8;color:#80897f;margin:14px 0 0}.local-note>span{color:#8aab50;margin-right:4px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fffffff5;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:12px 13px max(14px,env(safe-area-inset-bottom));backdrop-filter:blur(14px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;font-size:9px;color:#8b938b;min-height:43px}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .active{color:var(--green);font-weight:700}.bottom-nav .active svg{background:#edf3e7;border-radius:5px;box-shadow:0 0 0 6px #edf3e7}.page-heading{margin:20px 0 24px}.dark{color:var(--green)}.page-heading h1{font-size:34px;letter-spacing:-1.5px;margin:15px 0 8px}.page-heading p{font-size:12px;color:var(--muted);line-height:1.7}.notice{background:#eef2e4;color:#5c6b46;border:1px solid #e0e7d1;border-radius:12px;font-size:11px;padding:13px;line-height:1.7;margin-bottom:20px}.form-card{padding:20px;background:white;border:1px solid var(--line);border-radius:19px}label{display:block;font-size:11px;font-weight:600;margin-bottom:17px}label>span{float:right;color:var(--muted);font-weight:400}input,select,textarea{width:100%;margin-top:8px;border:1px solid #dfe5db;border-radius:10px;padding:13px;background:#fafbf8;color:#25392b;font-size:13px;min-height:46px}textarea{resize:vertical}input::placeholder,textarea::placeholder{font-size:11px;color:#a0a69b}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.text-button{border:0;background:transparent;color:var(--green);font-size:11px;padding:12px 0;font-weight:600}.centered{display:block;margin:6px auto 0}.error{color:#aa3c23;font-size:11px;line-height:1.7;margin:0 0 12px}.error:empty{display:none}.result-card{background:var(--green);color:white;margin-top:18px;padding:22px;border-radius:20px}.result-card h2{font-size:12px;font-weight:400;color:#c6dcce;margin:0}.total{font-size:29px;font-weight:700;margin:9px 0 20px;letter-spacing:-1px}.cost-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:12px 0;color:#d5e5db}.cost-line strong{text-align:right}.order-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px;font-size:12px}.empty{padding:28px 20px;background:white;border:1px dashed #d6decf;border-radius:20px;text-align:center}.empty-icon{font-size:34px;color:var(--green);margin-bottom:13px}.empty h2{font-size:17px}.empty p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.order-card{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:16px;padding:17px;margin:0 0 12px}.order-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);gap:8px}.pill{font-size:9px;background:#edf3e2;color:#587235;border-radius:5px;padding:5px 7px}.order-card h3{font-size:15px;margin:16px 0 9px;overflow-wrap:anywhere}.order-card p{font-size:10px;color:var(--muted);margin:0}.about-logo{background:var(--green);color:var(--lime);width:100px;height:100px;border-radius:29px;margin:30px auto;font-size:64px;font-weight:800;text-align:center;letter-spacing:-13px;padding-right:10px}.about-logo span{font-size:43px}.prose h2{font-size:18px}.prose h3{font-size:13px;margin-top:25px}.prose p{font-size:12px;line-height:1.9;color:#758070}.version{display:block;margin-top:28px;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:24px;padding:24px;width:calc(100% - 24px);max-width:440px;max-height:90dvh;background:var(--paper);color:#192d25;box-shadow:0 20px 90px #0c2b3544}dialog::backdrop{background:#0b292988;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.dialog-header h2{font-size:22px;letter-spacing:-.6px;margin:10px 0 0;overflow-wrap:anywhere}.close-button{border:1px solid var(--line);background:white;border-radius:50%;width:38px;height:38px;font-size:25px;flex-shrink:0}.detail-row{margin:17px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.detail-row small{display:block;color:var(--muted);font-size:10px}.danger{color:#ab482d;border:1px solid #ebd9cf;background:#fff9f5;border-radius:10px;padding:13px;width:100%;font-size:12px;margin-top:15px}.timeline{list-style:none;padding:5px 0;margin:10px 0}.timeline li{position:relative;margin-left:12px;padding:0 0 25px 29px;border-left:1px solid #dce3d4}.timeline li::before{content:"";width:11px;height:11px;border:3px solid #e0e7d8;border-radius:50%;position:absolute;left:-9px;top:0;background:white}.timeline li.done::before{background:var(--green);border-color:var(--green)}.timeline li.current::before{background:var(--lime);border-color:var(--green)}.timeline strong{font-size:12px;display:block;margin-bottom:5px}.timeline small{font-size:10px;color:var(--muted)}.timeline li:last-child{border:0;padding-bottom:5px}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:20;background:#173d2e;color:white;border-radius:12px;padding:14px 20px;font-size:12px;max-width:90%;box-shadow:0 8px 30px #12342433;text-align:center}@media(min-width:600px){.app{margin:24px auto;border:1px solid #dfe4d8;border-radius:30px 30px 0 0;box-shadow:0 15px 70px #24422212;min-height:calc(100dvh - 24px)}.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:359px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.hero{padding-left:20px}.hero h1{font-size:31px}.route-strip{gap:5px;font-size:9px}.route-line{letter-spacing:0}.market{padding:14px 10px}.steps div{gap:5px}.steps span{font-size:8px}}@media(prefers-reduced-motion:no-preference){.page{animation:appear .2s ease-out}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

#google-auth-dialog{max-height:90dvh;overflow:auto} #google-auth-dialog label>span{float:none;display:block;text-align:start} #google-auth-dialog select{width:100%;min-width:0} #google-auth-dialog .phone-number-row{display:flex;gap:8px} #google-auth-dialog .phone-dial-badge{flex-shrink:0} #google-auth-dialog input[type=tel]{min-width:0;flex:1}