.order-success-dialog[data-v-41b28ca2]{box-sizing:border-box;width:calc(100% - 48px);max-width:340px;margin:auto;padding:32px 24px 24px;border:0;border-radius:16px;background:#fff;color:#22596b;text-align:center;box-shadow:0 16px 48px #163e4933}.order-success-dialog[data-v-41b28ca2]::backdrop{background:#0f27306b}.order-success-icon[data-v-41b28ca2]{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#e4f4e9;color:#368361;font-size:38px;font-weight:600;line-height:1}.order-success-dialog h2[data-v-41b28ca2]{margin:0 0 28px;font-size:22px;font-weight:600}.order-success-close[data-v-41b28ca2]{width:100%;min-height:46px;padding:10px 16px;border:0;border-radius:7px;background:#368361;color:#fff;font:inherit;font-size:16px;cursor:pointer}.order-success-close[data-v-41b28ca2]:active{background:#29694d}.order-success-close[data-v-41b28ca2]:focus-visible{outline:3px solid #337d94;outline-offset:3px}.order-warning .order-success-icon[data-v-41b28ca2]{background:#fff0dd;color:#b87327}.order-warning .order-success-close[data-v-41b28ca2]{background:#b87327}.order-warning .order-success-close[data-v-41b28ca2]:active{background:#975a1a}.dialog-message[data-v-41b28ca2]{margin:-12px 0 24px;font-size:14px;line-height:1.7;color:#718a95;overflow-wrap:anywhere}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#22596b;background:#eaf1f4;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #dfac66;outline-offset:4px}.page{max-width:720px;min-height:100dvh;margin:auto;background:#fff;display:flex;flex-direction:column}.header{background:#337d94;padding:calc(24px + env(safe-area-inset-top)) 24px 0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#fff}.brand{font-size:22px;font-weight:700;letter-spacing:4px}.demo{font-size:10px;letter-spacing:2px;opacity:.65}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tabs button{height:48px;border:0;border-radius:7px 7px 0 0;background:#a56c40;color:#fff;font-weight:600;font-size:17px}.tabs button.active{background:#fff;color:#966039}.content{padding:24px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.modes button{border:0;border-radius:5px;background:#337d94;color:#fff;min-height:43px;font-size:14px;font-weight:600}.modes button.active{background:#a56c40}.selection-heading{display:flex;justify-content:space-between;margin-bottom:14px;font-size:13px;font-weight:600}.selection-heading span:last-child{font-size:11px;font-weight:400;color:#97a8ad}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:6px;background:#93bee7;color:#337d94;display:flex;align-items:center;justify-content:center;font-size:clamp(36px,10vw,72px);font-weight:600;transition:background .15s,transform .15s,border-color .15s}.tile:active{transform:scale(.96)}.tile.selected{border-color:#337d94;background:#d8eaf6}.check{position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;background:#337d94;color:#fff;font-size:11px;display:grid;place-items:center}.age-grid .tile{font-size:clamp(13px,3.5vw,22px)}.wave-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wave-grid .tile{font-size:24px}.wave-0{background:#f4d3cf;color:#a14b43}.wave-1{background:#cde1f4}.wave-2{background:#d3e7d7;color:#4a7a57}.selection-summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#93a4ab;margin-top:12px}.selection-summary button{border:0;background:none;color:#966039;font-size:12px;padding:10px 0 10px 12px}.note{font-size:12px;color:#93a4ab;line-height:1.7}footer{margin-top:auto;text-align:center;padding:36px 24px calc(24px + env(safe-area-inset-bottom));font-size:11px;color:#b0bdc2;letter-spacing:1px}@media(min-width:600px){.header{padding-left:36px;padding-right:36px}.content{padding:32px 36px}.grid{gap:18px}.tabs button{height:54px}.modes{gap:20px;margin-bottom:36px}.modes button{height:51px;font-size:17px}}@media(max-width:350px){.header{padding-left:16px;padding-right:16px}.content{padding:20px 16px}.grid{gap:8px}.modes{gap:6px}.modes button{font-size:12px}}.bottom-actions{margin-top:auto;padding:20px 24px 0}.next-button{width:100%;min-height:50px;border:0;border-radius:6px;background:#a56c40;color:#fff;font-size:17px;font-weight:600;transition:background .15s,opacity .15s}.next-button:disabled{background:#e4d7cc;color:#9b8a7d;cursor:not-allowed}.next-button:active:not(:disabled){background:#905b34}footer.with-actions{margin-top:0;padding-top:20px}.tile{flex-direction:column}.tile-ages{font-size:clamp(9px,2.4vw,16px);font-weight:500;line-height:1.5;white-space:nowrap}.tile-ages{display:flex;justify-content:center;gap:3px;width:100%;padding:0 2px;margin-top:2px;margin-bottom:5px}.age-ball{display:inline-flex;align-items:center;justify-content:center;flex:1;max-width:29px;aspect-ratio:1;border-radius:50%;color:#fff;font-size:clamp(9px,2.3vw,14px);font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.age-red{background:#bf3840}.age-blue{background:#514184}.age-green{background:#368361}@media(max-width:350px){.tile-ages{gap:2px;padding:0 1px}.age-ball{font-size:9px}}.tile-ages{flex-wrap:wrap;min-height:39px;align-content:center}.age-ball{flex:0 0 clamp(16px,4.5vw,24px)}.age-group{border:1px solid #e2eaee;border-radius:8px;overflow:hidden;margin-bottom:18px}.age-group h2{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 16px;background:#edf5fa;font-size:20px}.age-group h2 span{font-size:12px;font-weight:400;color:#718a95}.age-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid #edf1f3}.entry-label{display:flex;align-items:center;gap:10px;font-size:13px}.entry-label .age-ball{flex:none;width:32px;max-width:none;font-size:15px}.age-entry input{width:55%;max-width:220px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cbdbe1;border-radius:6px;font:inherit;font-size:16px;color:#22596b;background:#fff}.age-entry input:focus{outline:2px solid #337d94;outline-offset:2px}.age-entry input::placeholder{color:#9baeb6}.batch-entry{margin-bottom:24px;border:1px solid #cbdbe1;border-radius:8px;background:#edf5fa;font-size:15px;font-weight:600}.removable-entry{gap:10px}.removable-entry input{flex:1;width:0;margin-left:auto}.remove-age{flex-shrink:0;min-height:44px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#b24343;font-size:13px}.remove-age:active{background:#fbeaea}.empty-ages{padding:8px 16px;color:#718a95;font-size:13px}.restore-ages{border:0;background:transparent;color:#337d94;min-height:44px;padding:8px 0;font-size:13px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.back-button{background:#edf5fa;color:#337d94;font-size:15px}.back-button:active:not(:disabled){background:#d8eaf6}.save-message{margin:0 0 14px;color:#368361;font-size:13px;line-height:1.6}.save-error{color:#b24343}.animal-total{position:absolute;top:4px;left:4px;max-width:calc(100% - 8px);padding:2px 4px;border-radius:4px;background:#fff2df;color:#895324;font-size:clamp(8px,2vw,12px);font-weight:600;line-height:1.4;white-space:nowrap}.tile:has(.animal-total){padding-top:24px}.number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.number-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 6px 10px;border:1px solid;border-radius:8px}.number-card-red{background:#fff0ef;border-color:#e8b7b8}.number-card-blue{background:#f0edf8;border-color:#ccc4e4}.number-card-green{background:#edf7f1;border-color:#bbdcca}.number-card-label{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:23px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.number-card input{width:100%;min-width:0;min-height:44px;border:1px solid #cbdbe1;border-radius:5px;padding:6px 2px;background:#fff;color:#22596b;font:inherit;font-size:16px;text-align:center}.number-card input::placeholder{font-size:10px;color:#82969e}.number-card input:focus{outline:2px solid #337d94;outline-offset:2px}@media(max-width:350px){.number-grid{gap:8px}.number-card{padding-left:4px;padding-right:4px}}.number-card-animal{font-size:14px;font-weight:600;line-height:1;margin-top:-4px}.number-card-red .number-card-animal{color:#bf3840}.number-card-blue .number-card-animal{color:#514184}.number-card-green .number-card-animal{color:#368361}.page{padding-bottom:calc(132px + env(safe-area-inset-bottom))}.bottom-actions{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;margin:0;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e2eaee;box-shadow:0 -4px 18px #22596b14}.bottom-actions .save-message{max-height:42px;overflow:auto;margin-bottom:10px}@media(min-width:600px){.bottom-actions{padding-left:36px;padding-right:36px}}@media(max-width:350px){.bottom-actions{padding-left:16px;padding-right:16px}}.flat-card{background:#d8eaf6;border-color:#b8d5e7}.flat-animal{font-size:clamp(36px,10vw,64px);font-weight:600;line-height:1.3;color:#337d94}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.package-grid .number-card{padding:20px 14px 14px;gap:16px}.package-label{font-size:clamp(22px,6vw,30px);font-weight:600;line-height:1.4;color:#337d94}.package-grid input::placeholder{font-size:13px}.order-history-button{min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:transparent;color:#fff;font-size:13px}.history-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f273066}.history-panel{width:100%;max-width:480px;max-height:80dvh;overflow:auto;border-radius:12px;background:#fff;padding:20px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-heading h2{margin:0;font-size:20px}.history-heading button{min-height:44px;padding:8px 12px;border:0;border-radius:5px;background:#edf5fa;color:#337d94}.history-empty{text-align:center;padding:48px 0;color:#82969e;font-size:14px}.history-page{padding-bottom:env(safe-area-inset-bottom)}.history-page-header{display:flex;align-items:center;gap:20px;background:#337d94;color:#fff;padding:calc(16px + env(safe-area-inset-top)) 24px 16px}.history-page-header button{min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:transparent;color:#fff;font-size:15px}.history-page-header h1{margin:0;font-size:20px}.history-page-content{padding:24px}.history-note,.order-record-time{font-size:12px;color:#82969e;line-height:1.6}.order-record{padding:18px;margin:18px 0;border:1px solid #dce8ed;border-radius:10px;background:#fff}.order-record-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.order-record-heading h2{margin:0;font-size:17px}.order-record-heading>span{font-size:12px;color:#368361;white-space:nowrap}.order-items{margin:16px 0}.order-items>div,.order-total{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:14px}.order-items dd{margin:0;font-variant-numeric:tabular-nums}.order-total{border-top:1px solid #e2eaee}.order-total strong{color:#966039}.order-date-group{margin:16px 0;border:1px solid #dce8ed;border-radius:10px;overflow:hidden}.order-date-group summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:16px;background:#edf5fa;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.order-date-group summary::-webkit-details-marker{display:none}.order-date-group summary:after{content:"›";font-size:22px;transition:transform .15s}.order-date-group[open] summary:after{transform:rotate(90deg)}.order-date-count{margin-left:auto;color:#718a95;font-size:12px;font-weight:400}.order-date-group .order-record{margin:12px}.order-date-group summary:focus-visible{outline:2px solid #337d94;outline-offset:-3px}.header-actions{display:flex;gap:8px}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#337d94,#245b70 45%,#eaf1f4 45%)}.login-card{width:100%;max-width:400px;padding:32px 24px;border-radius:16px;background:#fff;box-shadow:0 16px 48px #16405126}.login-brand{font-size:24px;font-weight:700;letter-spacing:5px;color:#337d94;margin-bottom:28px}.login-card h1{font-size:26px;margin:0 0 8px}.login-subtitle{font-size:14px;color:#82969e;margin:0 0 28px}.login-field{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600}.login-field input{width:100%;min-height:48px;padding:12px;border:1px solid #cbdbe1;border-radius:6px;font:inherit;font-size:16px;color:#22596b;background:#fff}.login-field input:focus{outline:2px solid #337d94;outline-offset:2px}.login-error{color:#b24343;font-size:13px;line-height:1.6}.login-submit{margin-top:6px}.login-hint{margin:22px 0 0;font-size:12px;color:#82969e;text-align:center}.account-content{padding:20px 20px 60px}.account-content h2{margin-top:28px;font-size:18px}.account-form{display:grid;gap:14px}.account-content select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222;font-size:16px}.account-row{display:grid;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.account-row label{display:grid;gap:8px}.header-actions{flex-wrap:wrap}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}.modes button{height:auto;min-height:44px;padding:10px 4px;font-size:13px;border-radius:5px}@media(max-width:350px){.modes{gap:6px}.modes button{font-size:12px}}.order-item-details{margin:12px 0}.order-item-details>summary{min-height:44px;padding:8px 10px;border-radius:5px;font-size:13px}.order-item-details .details-open-label{display:none}.order-item-details[open] .details-open-label{display:inline}.order-item-details[open] .details-closed-label{display:none}.order-date-group .order-item-details:not([open])>summary:after{transform:none}.order-date-group .order-item-details[open]>summary:after{transform:rotate(90deg)}.date-summary-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.date-summary-title{display:flex;align-items:center;gap:10px}.date-summary-totals{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;font-weight:400;color:#718a95}.date-summary-totals strong{margin-left:4px;color:#966039;font-weight:600;font-variant-numeric:tabular-nums}.date-summary-totals>span:last-child strong{color:#368361}.order-items>.order-item-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px 8px;align-items:center}.order-item-columns>dd,.order-item-columns>span:not(:first-child){text-align:right;overflow-wrap:anywhere}.order-item-columns[aria-hidden]{font-size:12px;color:#718a95}.winning-item{background:#fff4d9;border-radius:6px;color:#895324;font-weight:600}.winning-badge{display:inline-block;margin-left:5px;padding:2px 4px;border-radius:4px;background:#a56c40;color:#fff;font-size:10px}.card-odds{font-size:11px;line-height:1.4;color:#657d87;text-align:center;overflow-wrap:anywhere;margin-top:-5px}.content-odds{margin:0 0 18px;padding:12px 14px;border:1px solid #e8d4b9;border-radius:6px;background:#fff7eb;color:#895324;font-size:14px;font-weight:600;line-height:1.6}.entry-age-info{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.entry-odds{font-size:11px;line-height:1.4;color:#657d87}button:disabled,.next-button:disabled,button:disabled:hover,button:disabled:active{background:#e0e0e0;color:#8a8a8a;border-color:#d3d3d3;box-shadow:none;cursor:not-allowed;opacity:1}.bottom-actions .next-button:not(:disabled){background:#c74444;color:#fff}.bottom-actions .confirm-actions .next-button:first-child:not(:disabled){background:#368361;color:#fff}.bottom-actions .next-button:not(:disabled):active{background:#a93636}.bottom-actions .confirm-actions .next-button:first-child:not(:disabled):active{background:#29694d}.account-quota{padding:16px;border:1px solid #dce8ed;border-radius:8px;background:#edf5fa;margin:20px 0}.account-quota>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:15px}.account-quota strong{font-variant-numeric:tabular-nums}.account-quota>button{border:0;border-radius:5px;background:#fff;color:#337d94;min-height:40px;padding:8px 12px}.order-record.order-record-cancelled{background:#f0f0f0;border-color:#d9d9d9}.cart-entry{position:relative}.cart-dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:#e53935;border:1px solid #fff}.bottom-actions{display:flex;flex-wrap:wrap;gap:10px}.bottom-actions>.next-button{flex:1;min-width:120px}.bottom-actions>.confirm-actions,.bottom-actions>.save-message{width:100%}.confirm-actions{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.bottom-actions .cart-add-button:not(:disabled){background:#368361}.cart-summary{width:100%;margin:0;font-size:14px}.cart-page{padding-bottom:140px}.cart-page .order-items>div{display:flex;justify-content:space-between;gap:12px}.cart-page .order-items dd{margin:0}