@charset "UTF-8";
:root{--paper:#f3f5ef;--ink:#293c31;--muted:#64725c;--line:#e1e7d9;--surface:#ffffffb8;--solid:#fbfcf7;--soft:#eaf0e2;--accent:#d5ef9a;--glass:#f9fcf0d6;--app-height:100dvh;--safe-top:0px;--safe-bottom:0px;--safe-left:0px;--safe-right:0px;font-family:var(--font-app);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#e9eee2;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}svg{display:block;width:22px;height:22px;flex-shrink:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #879e63;outline-offset:3px}[hidden]{display:none!important}::selection{background:#d5ef9a}.app-shell{height:var(--app-height);max-width:480px;width:100%;margin:auto;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;background:var(--paper);padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.app-shell:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#a1b48f25 .7px,transparent .7px);background-size:13px 13px;mask-image:linear-gradient(0deg,transparent,#000 70%);pointer-events:none}.app-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:17px 23px 13px;gap:10px}.header-brand,.header-actions{display:flex;align-items:center;gap:10px}.brand{display:flex;gap:10px;align-items:center}.brand-logo{width:27px;height:27px}.brand>span{font-weight:900;font-size:26px;line-height:1.1;letter-spacing:-1px}.brand-period{color:#91ad64}.brand small{display:block;font-size:9px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:6px}.user-avatar{width:40px;height:40px;border:1px solid #e1daeb;background:#ede7f8b8;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff}.user-avatar svg{width:30px;height:30px}.help-button,.header-channel{display:grid;place-items:center;width:35px;height:40px;color:#9aa58c}.help-button svg,.header-channel svg{width:19px;height:19px}.square-button{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.square-button svg{width:18px;height:18px}#back-button:not([hidden])~.brand .brand-logo{display:none}.progress-area{padding:12px 25px 13px;flex-shrink:0}.stepper{display:flex;justify-content:space-between;position:relative;margin:0;padding:0;list-style:none}.stepper:before{content:'';position:absolute;right:9%;left:9%;top:7px;height:1px;background:var(--line)}.stepper li{font-size:9px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:49px;color:#adb5a3}.step-square{width:14px;height:14px;border-radius:4px;border:1px solid #d4ddc7;background:var(--paper);display:grid;place-items:center;position:relative}.step-square svg{width:10px;height:10px;stroke-width:2.5}.stepper .current{color:#59733e;font-weight:700}.current .step-square{background:#afce7d;border-color:#afce7d;box-shadow:0 0 0 4px #e8efd9,inset 0 0 0 3px #eaf5d8}.stepper .done{color:#83956c}.done .step-square{background:#e5edda;color:#769151;border-color:#d0ddbc}.screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 23px calc(110px + var(--safe-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch}.screen::-webkit-scrollbar{display:none}.screen:focus{outline:none}.screen-enter{animation:screen-in .22s ease-out}@keyframes screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.screen-heading{margin-bottom:23px}.eyebrow{font-size:10px;color:#95a183;margin:0 0 8px;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:5px;height:5px;background:#a4bb7f;box-shadow:6px 0 0 #dce4ce}.screen-heading h1{font-size:27px;letter-spacing:-.9px;line-height:1.5;font-weight:800;margin:0 0 7px}.screen-heading h1 .heading-spark{color:#a3b77d;font-size:25px;margin-right:5px;display:inline-block;font-weight:400}.screen-heading p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin:0}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category-card{--tile:#e5ddf6;--tile-bottom:#efebf8;--tile-ink:#8b7aa7;text-align:right;background:linear-gradient(150deg,#ffffffb8,var(--tile-bottom) 60%);border:1px solid #ffffff;border-radius:24px;min-height:205px;padding:13px 15px 16px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 5px 15px #45592a05,inset 0 1px 1px #fff;transition:transform .18s,box-shadow .18s}.category-card:before{content:'';position:absolute;width:135px;height:135px;top:12px;left:-5px;border-radius:50%;background:var(--tile);filter:blur(26px);opacity:.65;pointer-events:none}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #45592a0c}.category-card:active{transform:scale(.975)}.category-card.green{--tile:#cde7b7;--tile-bottom:#eaf1df;--tile-ink:#7f9a66}.category-card.blue{--tile:#cbdff2;--tile-bottom:#e9eff8;--tile-ink:#7c96ac}.category-card.peach{--tile:#f1d5bd;--tile-bottom:#f8eee3;--tile-ink:#bb987b}.tile-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.tile-count{font-size:9px;color:var(--tile-ink);background:#ffffff70;border:1px solid #fff8;border-radius:7px;padding:3px 6px}.tile-arrow{width:24px;height:24px;background:#ffffff82;border:1px solid #fff9;border-radius:8px;display:grid;place-items:center;color:var(--tile-ink)}.tile-arrow svg{width:13px;height:13px}.category-art{display:flex;align-items:center;justify-content:center;position:relative;flex:1;padding:1px 0}.category-art>svg{height:99px;width:99px;filter:drop-shadow(0 4px 0 #444e3c05)}.art-stamp{font:6px monospace;position:absolute;left:0;bottom:10px;letter-spacing:2px;color:var(--tile-ink);writing-mode:vertical-rl;opacity:.7}.category-card h2{font-size:17px;font-weight:800;line-height:1.5;margin:1px 0 3px;letter-spacing:-.3px;position:relative}.category-card p{font-size:9px;margin:0;color:var(--tile-ink);position:relative;line-height:1.8}.helper-link{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px auto 0;font-size:10px;color:#9aa58a;min-height:37px}.helper-link svg{height:15px;width:15px}.helper-link b{color:#6f8555;font-weight:500}.pixel-footer{display:flex;align-items:center;justify-content:center;gap:9px;font:8px monospace;color:#b0baa2;letter-spacing:1.3px;margin-top:10px}.pixel-footer:before,.pixel-footer:after{content:'';width:4px;height:4px;background:#c9d5b7}.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:absolute;bottom:calc(13px + var(--safe-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px - var(--safe-left) - var(--safe-right));padding:9px 7px 6px;z-index:4;border-radius:24px;background:linear-gradient(140deg,#fffffff0,var(--glass));border:1px solid #fff;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 7px 30px #30452512,inset 0 1px 1px #fff,0 0 0 1px #dfe5d640}.bottom-nav button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:54px;border-radius:16px;font-size:9px;color:#9ba58e;padding:4px 2px 1px}.bottom-nav button svg{height:21px;width:21px}.bottom-nav button.active{background:#e9f1d7;color:#5f7a40}.bottom-nav i{height:3px;width:3px;background:transparent;border-radius:1px}.bottom-nav .active i{background:#9ab46b}.section-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:23px 0 12px;font-weight:600}.section-caption small{font-size:10px;color:var(--muted);font-weight:400}.service-list{display:flex;flex-direction:column;gap:12px}.service-row{display:flex;align-items:center;gap:13px;padding:16px;background:var(--surface);border:1px solid #fff;border-radius:21px;text-align:right;box-shadow:0 3px 10px #35442203;min-height:104px;transition:background .2s,transform .2s}.service-row:hover{background:#fff;transform:translateX(-2px)}.service-logo{display:grid;place-items:center;border-radius:16px;min-width:53px;width:53px;height:53px;border:1px solid #ffffff80;box-shadow:inset 0 1px 1px #fff7}.service-logo svg{width:31px;height:31px}.service-text{min-width:0;flex:1}.service-title{display:flex;align-items:center;gap:7px;margin-bottom:3px}.service-title h2{font-size:16px;margin:0;font-weight:800}.service-en{font:10px Arial,sans-serif;direction:ltr;display:block;text-align:right;color:var(--muted)}.service-text p{font-size:10px;color:var(--muted);margin:7px 0 0;line-height:1.8}.service-tag{font-size:7px;background:#edf3e2;color:#8ba566;border-radius:5px;padding:2px 5px}.service-row>.row-chevron{color:#a7b498}.row-chevron svg{width:16px;height:16px}.list-note{font-size:10px;color:#a0ab92;line-height:2;text-align:center;margin:22px 0}.category-context{display:flex;align-items:center;justify-content:space-between;background:#e9e3f244;border:1px solid #e6e1ed;border-radius:15px;padding:9px 13px;margin-bottom:22px;font-size:11px;color:#88759f}.category-context span{display:flex;align-items:center;gap:8px}.category-context svg{height:24px;width:24px}.category-context button{font-size:10px;color:inherit;text-decoration:underline;text-underline-offset:4px;min-height:28px}.compact-product{display:flex;align-items:center;gap:12px;padding:13px;background:var(--surface);border:1px solid #fff;border-radius:18px;margin-bottom:21px}.compact-product .service-logo{height:43px;width:43px;min-width:43px;border-radius:13px}.compact-product .service-logo svg{height:25px;width:25px}.compact-product h2{font-size:14px;font-weight:800;margin:0 0 4px}.compact-product .service-en{font-size:10px}.compact-product button{margin-right:auto;min-height:35px;font-size:10px;color:#8d9b7c;padding:6px}.compact-product button svg{width:16px;height:16px}.plan-list{display:flex;flex-direction:column;gap:10px}.plan-card{position:relative;display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:var(--surface);padding:15px;border-radius:17px;text-align:right;min-height:82px}.plan-card.selected{border-color:#a8c581;background:linear-gradient(130deg,#f7fbea,#ecf4dd);box-shadow:0 0 0 1px #c9dca733,inset 0 1px 0 #fff}.radio-dot{width:18px;height:18px;border:1.5px solid #d2dcc5;background:#fff7;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.selected .radio-dot{border-color:#91ad66;background:#91ad66;box-shadow:inset 0 0 0 4px #f3f8e9}.plan-label{flex:1;min-width:0}.plan-name{font:600 16px Arial,sans-serif;display:block;margin-bottom:7px}.plan-caption{color:#95a385;font-size:10px}.plan-price{font-size:16px;font-weight:700;display:flex;align-items:center;gap:4px;color:#708450}.star-glyph{color:#a0ac67;font-size:15px}.plan-card .per-month{font-size:8px;display:block;color:#a5af98;text-align:center;margin-top:4px;font-weight:400}.duration-options{display:flex;gap:9px}.duration-option{flex:1;min-height:64px;border-radius:14px;background:var(--surface);border:1px solid var(--line);padding:10px 4px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px}.duration-option.selected{background:#e9f2db;border-color:#aac487}.duration-option small{color:#96aa78;font-size:8px}.plan-features{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;color:#97a487;font-size:9px}.plan-features span{display:flex;gap:5px;align-items:center}.plan-features svg{height:12px;width:12px}.with-action .screen{padding-bottom:calc(214px + var(--safe-bottom))}.action-bar{position:absolute;z-index:3;bottom:calc(100px + var(--safe-bottom));right:20px;left:20px;background:linear-gradient(0deg,var(--paper) 70%,transparent);padding-top:15px}.action-price{display:flex;align-items:center;justify-content:space-between;margin:0 3px 11px;font-size:10px;color:#99a58b}.action-price strong{font-size:19px;color:var(--ink);font-weight:800;display:flex;align-items:center;gap:5px}.action-price strong small{font-size:9px;color:#9ca78f;font-weight:400}.primary-button{font-family:var(--font-app);display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:51px;background:#314b35;color:#f5fbe9;border:1px solid #314b35;border-radius:16px;font-size:13px;padding:14px 19px;box-shadow:inset 0 1px 0 #ffffff12,0 4px 0 #223a2310;transition:background .15s,transform .15s}.primary-button svg{width:18px;height:18px}.primary-button:hover{background:#426044}.primary-button:active{transform:scale(.99)}.button-left{display:flex;align-items:center;gap:8px;font-size:11px;color:#e8f5cf}.button-left .star-glyph{color:#d2e1a6}.action-price.empty{display:none}.recipient-box{background:var(--surface);border:1px solid #fff;border-radius:20px;padding:17px;margin:17px 0}.recipient-label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.input-wrap{display:flex;align-items:center;border:1px solid #dbe3d1;border-radius:12px;background:#fbfcf7b0;overflow:hidden}.input-wrap:focus-within{border-color:#98b272;box-shadow:0 0 0 3px #c6dca52a}.input-wrap input{background:none;border:0;outline:none;min-width:0;width:100%;height:48px;padding:12px;font-size:16px;color:var(--ink)}.input-wrap input::placeholder{font-size:12px;color:#acb49f}.recipient-hint{font-size:9px;color:#a1ac93;line-height:1.9;margin:9px 0 0}.field-error{font-size:11px;color:#b07367;line-height:1.8;margin:9px 0 0}.input-wrap.invalid{border-color:#ce9d90}.order-card{background:var(--surface);border:1px solid #fff;border-radius:23px;padding:18px;position:relative}.order-card .compact-product{background:none;padding:0 0 16px;margin:0 0 5px;border:0;border-bottom:1px dashed var(--line);border-radius:0}.order-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px;color:#96a28a}.order-line strong{font-size:12px;font-weight:500;color:#596c4c}.order-line .discount-value{color:#8eac66}.receipt-divider{height:1px;border-top:1px dashed #dce4d2;margin:8px -18px 5px;position:relative}.receipt-divider:before,.receipt-divider:after{content:'';position:absolute;top:-9px;width:17px;height:17px;background:var(--paper);border-radius:50%}.receipt-divider:before{right:-9px}.receipt-divider:after{left:-9px}.order-total{font-size:12px;color:#6c7f5a;padding-bottom:0}.order-total strong{font-size:23px;font-weight:800;display:flex;align-items:center;gap:5px;color:#3b5335}.order-total .star-glyph{font-size:20px}.order-total small{font-size:9px;color:#9da88f;font-weight:400}.inline-note{display:flex;align-items:flex-start;gap:9px;margin:17px 6px;font-size:10px;color:#95a487;line-height:1.9}.inline-note svg{height:15px;width:15px;margin-top:2px}.review-edit{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#8b9f74;padding:10px;width:100%}.review-edit svg{height:13px;width:13px}.payment-visual{display:grid;place-items:center;width:82px;height:82px;border-radius:25px;background:linear-gradient(130deg,#fbf4d3,#f2e8b7);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 8px 20px #988a3310;margin:6px auto 17px;font-size:45px;color:#b8a569;text-shadow:0 3px 0 #e1d39e}.payment-head{text-align:center}.payment-head h1{font-size:23px;margin:0 0 5px;font-weight:800;letter-spacing:-.5px}.payment-head p{font-size:11px;color:#9aa58d;margin:0}.payment-amount{display:flex;align-items:baseline;gap:7px;justify-content:center;margin:21px 0 25px}.payment-amount strong{font-size:41px;font-weight:800;letter-spacing:-1px}.payment-amount span{font-size:12px;color:#9ba88c}.payment-method{display:flex;align-items:center;gap:12px;min-height:85px;padding:17px;border:1px solid #afc78a;border-radius:19px;background:#edf4df}.payment-method>.method-star{height:44px;width:44px;background:#f5edc7;border-radius:13px;display:grid;place-items:center;font-size:28px;color:#b4a467}.payment-method>div{flex:1}.payment-method strong{font-size:13px;font-weight:700}.payment-method small{display:block;font-size:10px;color:#99a987;margin-top:6px}.demo-note{display:flex;align-items:center;justify-content:center;gap:6px;background:#edf0e7;color:#9aa78b;border:1px solid #e3e9d9;border-radius:11px;font-size:10px;padding:10px;margin-top:17px}.demo-note svg{width:13px;height:13px}.payment-reference{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 3px 0;font-size:10px;color:#a1ac95}.payment-reference b{font-size:11px;color:#7d916a;font-weight:500}.payment-cancel{display:block;margin:15px auto 0;color:#9aa78b;font-size:10px;min-height:36px}.success-art{margin:22px auto;width:115px;height:115px;position:relative;display:grid;place-items:center;border-radius:36px;background:linear-gradient(150deg,#ecf5d7,#dcecb9);border:1px solid #fff;box-shadow:0 12px 25px #7c994418}.success-art:before,.success-art:after{content:'✦';position:absolute;color:#adc185;font-size:20px;top:7px;right:-22px}.success-art:after{right:auto;left:-20px;top:auto;bottom:8px;font-size:14px}.success-pixel{width:48px;height:40px;clip-path:polygon(0 45%,15% 45%,15% 60%,30% 60%,30% 75%,45% 75%,45% 60%,60% 60%,60% 45%,75% 45%,75% 30%,85% 30%,85% 15%,100% 15%,100% 40%,85% 40%,85% 55%,70% 55%,70% 70%,55% 70%,55% 85%,40% 85%,40% 100%,25% 100%,25% 85%,10% 85%,10% 70%,0 70%);background:#6b8d4c}.success-content{text-align:center}.success-content h1{font-size:25px;font-weight:800;line-height:1.7;letter-spacing:-.5px;margin:0}.success-content>p{font-size:11px;color:#99a58b;line-height:2;margin:8px 0 22px}.success-content .order-card{text-align:right}.status-badge{font-size:9px;border:1px solid #d1ddb9;border-radius:8px;background:#edf4df;padding:4px 7px;color:#91a874}.secondary-button{min-height:44px;padding:11px 17px;background:var(--surface);border:1px solid var(--line);border-radius:13px;font-size:12px;color:#7f9468;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-button svg{height:16px;width:16px}.empty-state{text-align:center;padding:25px 10px}.empty-art{height:120px;width:120px;margin:auto}.empty-art svg{height:120px;width:120px}.empty-state h1{font-size:22px;line-height:1.8;letter-spacing:-.5px}.empty-state p{font-size:12px;color:#9aa68c;line-height:2;margin-bottom:25px}.empty-state .primary-button{max-width:250px;margin:auto}.support-options{display:flex;flex-direction:column;gap:12px}.support-option{display:flex;gap:13px;align-items:center;text-align:right;padding:18px;background:var(--surface);border:1px solid #fff;border-radius:20px}.support-option>span:first-child{padding:11px;background:#e9efdb;color:#8ca666;border-radius:13px}.support-option strong{font-size:13px;display:block;margin-bottom:6px}.support-option small{font-size:10px;color:#a0ac93}.support-option>span:nth-child(2){flex:1}.support-option>svg{height:15px;width:15px;color:#a9b59b}.support-banner-art{display:flex;align-items:center;justify-content:center;height:155px;margin:0 auto 10px;position:relative}.support-banner-art>svg{width:140px;height:140px}.support-banner-art:before{content:'';position:absolute;inset:20px 60px;background:#e8e0f2;filter:blur(30px);z-index:-1}.sheet{border:1px solid #fff;border-radius:28px 28px 0 0;background:linear-gradient(140deg,#fbfcf6ed,#f1f5e9e8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--ink);padding:12px 24px calc(25px + var(--safe-bottom));width:min(480px,100%);max-width:100%;max-height:calc(var(--app-height) - var(--safe-top) - 15px);overflow:auto;margin:auto auto 0;inset:auto 0 0;box-shadow:0 -10px 80px #31482d12}.sheet::backdrop{background:#33472f42;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet[open]{animation:sheet-in .22s ease-out}@keyframes sheet-in{from{transform:translateY(25px);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet-handle{height:4px;width:33px;background:#d5dfc9;border-radius:3px;margin:0 auto 22px}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.sheet-top h2{font-size:17px;font-weight:800;margin:0;letter-spacing:-.4px}.close-sheet{border:0;background:#e9efdf;border-radius:50%;height:31px;width:31px}.close-sheet svg{height:15px;width:15px}.profile-card{display:flex;align-items:center;gap:12px;padding:0 0 23px;border-bottom:1px solid var(--line);margin-bottom:12px}.profile-face{display:grid;place-items:center;background:#e9e2f5;border:1px solid #dfd5ef;border-radius:15px;width:46px;height:46px;font:27px monospace;letter-spacing:2px;color:#8a78a2}.profile-card strong{font-size:13px;display:block}.profile-card div>span{font-size:10px;color:#9fa98f;display:block;margin-top:5px}.profile-star{margin-right:auto;color:#b0c18d;font-size:27px}.menu-links>button{display:flex;align-items:center;gap:13px;padding:14px 7px;width:100%;text-align:right;border-radius:12px;min-height:71px}.menu-links>button:hover{background:#e9efdd}.menu-links>button>span:first-child{color:#93a97a}.menu-links>button>span:nth-child(2){font-size:13px;flex:1}.menu-links small{font-size:10px;color:#a2ad94;display:block;margin-top:6px}.menu-links>button>span:last-child svg{height:14px;width:14px;color:#b1bca4}.bot-link{display:flex;align-items:center;gap:8px;width:100%;background:#e6edf5;border:1px solid #dae4ee;border-radius:13px;padding:13px 11px;font-size:11px;color:#85a0b6;margin-top:15px}.bot-link svg{height:17px;width:17px}.bot-link>span:last-child{font:10px monospace;margin-right:auto}.sheet-caption{text-align:center;color:#acb79e;font-size:9px;margin:23px 0 0}.guide-row{display:flex;align-items:center;gap:11px;margin:21px 0}.guide-number{width:33px;height:33px;border-radius:10px;background:#e8efd9;color:#93a971;display:grid;place-items:center;font-size:13px;flex-shrink:0}.guide-row strong{font-size:12px;font-weight:500}.guide-row p{font-size:10px;color:#a0ac91;margin:5px 0 0;line-height:1.8}.sheet-note{font-size:11px;line-height:2;color:#99a58b;text-align:center;margin:20px 0}.toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%,15px);width:max-content;max-width:calc(100% - 40px);padding:12px 18px;background:#314b35ed;color:#f5fbe9;border-radius:13px;box-shadow:0 5px 20px #233a2920;z-index:20;opacity:0;pointer-events:none;font-size:11px;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}[data-native-action="true"] .action-bar{display:none}[data-native-action="true"] .with-action .screen{padding-bottom:calc(110px + var(--safe-bottom))}.payment-busy{display:inline-flex;align-items:center;gap:8px}.spinner{height:14px;width:14px;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
[data-theme="dark"] body{background:var(--paper)}
[data-theme="dark"]{color-scheme:dark;--paper:#20281f;--ink:#e5ecd9;--muted:#a0ac91;--line:#3d4a34;--surface:#2d3827cc;--solid:#293324;--soft:#35432c;--glass:#2b3724e8}[data-theme="dark"] .category-card{background:linear-gradient(145deg,#3f3b47,#342e3f);border-color:#ffffff17}[data-theme="dark"] .category-card.green{background:linear-gradient(145deg,#3b4731,#2e3928)}[data-theme="dark"] .category-card.blue{background:linear-gradient(145deg,#36414d,#2d3845)}[data-theme="dark"] .category-card.peach{background:linear-gradient(145deg,#4a3e32,#3e342b)}[data-theme="dark"] .category-card:before{opacity:.15}[data-theme="dark"] .category-card p,[data-theme="dark"] .tile-count{color:#b3bcaa}[data-theme="dark"] .tile-count,[data-theme="dark"] .tile-arrow{background:#ffffff0b;border-color:#ffffff12}[data-theme="dark"] .bottom-nav{background:linear-gradient(140deg,#34402beb,#293723c9);border-color:#d9edbc25;box-shadow:0 7px 30px #0002}[data-theme="dark"] .bottom-nav button.active{background:#445632;color:#d3e9b0}[data-theme="dark"] .service-row,[data-theme="dark"] .compact-product,[data-theme="dark"] .recipient-box,[data-theme="dark"] .order-card,[data-theme="dark"] .support-option{border-color:#ffffff0b}[data-theme="dark"] .service-row:hover{background:#39462f}[data-theme="dark"] .plan-card.selected,[data-theme="dark"] .payment-method{background:#3b4a30;border-color:#839a60}[data-theme="dark"] .duration-option.selected{background:#415432;border-color:#8da668}[data-theme="dark"] .order-line strong{color:#bbcda7}[data-theme="dark"] .order-total strong{color:#d7e9b9}[data-theme="dark"] .input-wrap{background:#25311e;border-color:#485b37}[data-theme="dark"] .sheet{background:linear-gradient(140deg,#2e3928ef,#24301fe8);border-color:#ffffff19}[data-theme="dark"] .close-sheet,[data-theme="dark"] .guide-number{background:#415332;color:#b8d09c}[data-theme="dark"] .menu-links>button:hover{background:#415332}[data-theme="dark"] .demo-note{background:#34422b;border-color:#495b39}[data-theme="dark"] .category-context{background:#463c502e;border-color:#594668;color:#b8a0ce}[data-theme="dark"] .plan-price{color:#bfce9f}[data-theme="dark"] .profile-card{border-color:#ffffff18}[data-theme="dark"] .current .step-square{box-shadow:0 0 0 4px #39442c,inset 0 0 0 3px #53643d}[data-theme="dark"] .stepper .current{color:#b5cb97}[data-theme="dark"] .step-square{border-color:#536243}[data-theme="dark"] .primary-button{background:#aac97a;border-color:#aac97a;color:#263c23}[data-theme="dark"] .button-left{color:#3f572d}[data-theme="dark"] .button-left .star-glyph{color:#637a3f}
@media(min-width:481px){.app-shell{border-inline:1px solid #e0e6d7;box-shadow:0 0 80px #283e2710}.screen{padding-inline:27px}.app-header{padding-inline:27px}.category-card{min-height:214px}.category-art>svg{height:111px;width:111px}.screen-heading h1{font-size:29px}.category-card p{font-size:10px}}
@media(max-width:360px){.app-header{padding:14px 18px 11px}.progress-area{padding:11px 19px}.screen{padding:15px 18px calc(110px + var(--safe-bottom))}.screen-heading{margin-bottom:19px}.screen-heading h1{font-size:24px}.screen-heading p:not(.eyebrow){font-size:11px}.category-card{min-height:183px;padding:11px 12px 14px;border-radius:21px}.category-art>svg{width:83px;height:83px}.category-card h2{font-size:15px}.category-card p{font-size:8px}.tile-count{font-size:8px}.category-grid{gap:11px}.service-row{padding:13px;gap:10px}.service-title h2{font-size:14px}.service-logo{height:47px;width:47px;min-width:47px}.service-text p{font-size:9px}.plan-card{padding:13px;gap:9px}.plan-name{font-size:15px}.plan-caption{font-size:9px}.plan-price{font-size:14px}.bottom-nav button{font-size:8px}.action-bar{right:16px;left:16px}.profile-star{display:none}.bot-link{font-size:10px}.bot-link>span:last-child{font-size:9px}.with-action .screen{padding-bottom:calc(214px + var(--safe-bottom))}}
.selected-dot{border-color:#91ad66;background:#91ad66;box-shadow:inset 0 0 0 4px #f3f8e9}.recipient-summary{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telegram-username-suggestion{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;max-width:100%;min-height:44px;margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:11px;line-height:1.8;text-align:start}.telegram-username-suggestion bdi{overflow-wrap:anywhere;font-weight:600}.telegram-username-suggestion:hover{background:var(--surface)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Telegram photos retain the existing glass avatar frame and pixel fallback. */
.user-avatar,.profile-face{padding:0;overflow:hidden;flex-shrink:0}.avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}

.service-logo .service-icon-image{width:78%;height:78%;max-width:100%;max-height:100%;object-fit:contain;display:block}

.currency-unit{display:inline-block;font-size:10px;font-weight:400;letter-spacing:0;margin-inline-start:4px;color:inherit}.method-star svg{height:23px;width:23px}

.stars-quantity-card{padding:24px 19px;background:var(--surface);border:1px solid var(--line);border-radius:24px;text-align:center;margin-top:22px}.stars-quantity-symbol{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 15px;color:#bd943d;background:#f7edcc;border:1px solid #fff9;border-radius:21px}.stars-quantity-symbol svg{height:47px;width:47px}.stars-quantity-card>label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}.stars-stepper{display:flex;align-items:center;gap:12px;direction:ltr;max-width:300px;margin:auto}.stars-stepper button{display:grid;place-items:center;padding:0;line-height:1;width:44px;height:44px;border-radius:13px;background:var(--soft);border:1px solid var(--line);font-size:24px;flex-shrink:0}.stars-stepper button svg{width:22px;height:22px}.stars-stepper input{width:100%;min-width:0;font:inherit;font-size:31px;font-weight:700;text-align:center;background:var(--solid);border:1px solid var(--line);border-radius:15px;padding:10px 5px;color:var(--ink);appearance:textfield;-moz-appearance:textfield}.stars-stepper input::-webkit-inner-spin-button,.stars-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-hint,.quantity-error{font-size:10px;line-height:1.9;margin:12px 0 16px;color:var(--muted)}.quantity-error{color:#b26b58}.stars-presets{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.stars-presets button{padding:8px 10px;border:1px solid var(--line);background:var(--solid);border-radius:10px;font-size:11px}.stars-presets button.selected{background:var(--soft);border-color:#9db67a}.stars-presets small{font-size:9px;color:var(--muted)}.stars-unit-price,.stars-quantity-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.stars-unit-price strong{color:var(--ink);font-size:13px}.stars-quantity-total strong{font-size:21px;color:var(--ink)}.stars-quantity-total small{font-size:11px;font-weight:400}

.verification-notice{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:right}.verification-notice>svg{width:21px;height:21px;margin-top:3px;color:#9b8b57}.verification-notice strong{font-size:12px}.verification-notice p{font-size:11px;line-height:1.9;color:var(--muted);margin:7px 0 0}.verification-notice .review-edit{margin:10px 0 0}.verification-notice.verified>svg{color:#78945d}
/* Keep editing controls inside the visible iOS keyboard viewport. */
.app-shell{top:var(--app-top,0px)}
[data-keyboard-open="true"] .bottom-nav{display:none}
[data-keyboard-open="true"] .action-bar{bottom:8px;padding-top:9px}
[data-keyboard-open="true"] .action-price{display:none}
[data-keyboard-open="true"] .screen,[data-keyboard-open="true"] .with-action .screen{padding-bottom:92px;scroll-padding-block:14px 92px;scroll-behavior:auto}

/* Quiet exchange-rate text beside support. */
.header-actions{flex-shrink:0;gap:7px}
.header-brand{min-width:0}
.header-exchange-rate{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;margin-inline-end:5px;white-space:nowrap;line-height:1.55}
.header-exchange-rate>small{font-size:8px;font-weight:400;color:var(--muted)}
.header-exchange-rate>span{display:flex;align-items:baseline;gap:3px}
.header-exchange-rate b{font-size:10px;font-weight:500;letter-spacing:-.25px;font-variant-numeric:normal;direction:ltr}
.header-exchange-rate>span>small{font-size:8px;font-weight:400;color:var(--muted)}
@media(max-width:400px){.app-header{gap:7px;padding-inline:16px}.header-brand{gap:6px}.brand{gap:6px}.brand-logo{width:23px;height:23px}.brand>span{font-size:23px}.brand small{font-size:8px}.header-actions{gap:4px}.header-exchange-rate{margin-inline-end:3px}.header-exchange-rate b{font-size:9.5px}.help-button,.header-channel{width:29px}.user-avatar{width:34px;height:36px;border-radius:12px}.user-avatar svg{width:27px;height:27px}#back-button{width:29px;height:34px}}

.phone-login-sheet{padding:20px 25px 28px;bottom:max(0px,calc(100dvh - var(--app-top,0px) - var(--app-height)))}
.phone-login-symbol{width:52px;height:52px;display:grid;place-items:center;margin:20px auto 14px;border-radius:17px;background:var(--soft);color:var(--muted)}
.phone-login-description{font-size:12px;line-height:2;color:var(--muted);text-align:center;margin:0 0 24px}
.phone-login-sheet .input-wrap{margin-bottom:10px}
.phone-login-sheet input{width:100%;min-height:46px;font-size:17px;letter-spacing:1px;text-align:center}
.phone-login-sheet .primary-button{width:100%;margin-top:17px;display:flex;justify-content:space-between;align-items:center}
.phone-login-note{font-size:10px;color:var(--muted);text-align:center;margin:18px 0 0}
.phone-login-links{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;color:var(--muted)}
.web-account-actions{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.web-account-actions .primary-button{width:100%;display:flex;justify-content:space-between;align-items:center}
.web-account-status{display:block;color:var(--muted);font-size:11px}
.product-selection{display:block;margin-top:6px;color:var(--ink);font-size:11px;line-height:1.8}
.order-list-item{min-width:0}.order-list-item>.service-row{width:100%}.discard-order{color:#a76655;margin:8px 12px 0;min-height:36px}

/* The official seal stays readable and links directly to eNAMAD verification. */
.site-trust-footer{display:flex;justify-content:center;width:100%;margin-top:28px;padding:20px 0 4px;border-top:1px dashed var(--line)}
.screen[aria-busy="true"]>.site-trust-footer{visibility:hidden}
.trust-seal{display:flex;align-items:center;justify-content:center;gap:18px;max-width:100%;text-align:right;border-radius:16px}
.trust-seal img{display:block;flex-shrink:0;width:88px;height:96px;object-fit:contain;padding:4px;cursor:pointer}
.trust-seal img[src$="enamad-fallback-pixel.png"]{image-rendering:pixelated}
.trust-seal-copy{display:flex;flex-direction:column;gap:7px;min-width:0;line-height:1.8}
.trust-seal-copy strong{font-size:12px;font-weight:600;color:var(--ink)}
.trust-seal-copy small{font-size:10px;color:var(--muted)}
.trust-seal-copy small span{display:inline-block;margin-inline-start:3px}
.trust-seal:hover .trust-seal-copy small{color:var(--ink)}
.result-shell>.site-trust-footer{max-width:560px;margin-top:0;padding-bottom:12px}
@media(max-width:360px){.trust-seal{gap:12px}.trust-seal-copy strong{font-size:11px}.trust-seal-copy small{font-size:9px}}

/* Keep the pastel canvas while making instructions and order states readable. */
.success-content>p,.empty-state p,.sheet-note,.guide-row p,.menu-links small,
.profile-card div>span,.support-option small,.order-line,.inline-note,.review-edit,
.action-price>span,.payment-reference>span,.list-note{color:var(--muted)}
.status-badge{color:#52673e}
[data-theme="dark"] .status-badge{color:#d6e7bd;background:#35432c;border-color:#506042}
@media(min-width:700px){
  [data-view="receipt"] .success-art{width:76px;height:76px;border-radius:24px;margin:4px auto 14px}
  [data-view="receipt"] .success-content>p{font-size:13px;margin-bottom:18px}
}