@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800;900&display=swap";:root{color:#17211d;background:#fff7d6;font-family:Noto Sans Thai,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--text-font: "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display-font: "Fredoka", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--ink: #17211d;--green: #157347;--green-dark: #0f4b36;--yellow: #ffd95a;--orange: #ff914d;--pink: #ff7aa8;--blue: #74c7ff;--mint: #a8efbf;--purple: #8b6dff;--cream: #fff7d6;--paper: #fffdf4;--line: #17211d;--radius: 22px;--cartoon-shadow: 0 10px 0 rgba(23, 33, 29, .16), 0 16px 34px rgba(54, 41, 21, .16);--focus-ring: rgba(255, 145, 77, .42)}*{box-sizing:border-box}html{overscroll-behavior:contain}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(90deg,rgba(255,217,90,.32) 0 14px,transparent 14px 34px),linear-gradient(180deg,#fff7d6,#dcf8e7)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{width:170px;height:170px;right:-58px;top:46px;background:var(--pink);clip-path:polygon(50% 0,61% 33%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 33%);opacity:.36;transform:rotate(14deg)}body:after{width:210px;height:90px;left:-46px;bottom:42px;background:var(--blue);clip-path:polygon(0 38%,8% 11%,18% 39%,28% 14%,38% 42%,48% 12%,58% 40%,68% 15%,78% 42%,88% 14%,100% 39%,100% 100%,0 100%);opacity:.32}button,input{font:inherit}button,a,input,[role=button]{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{display:inline-flex;min-height:44px;align-items:center;color:var(--green-dark);font-weight:900;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}.page-shell{width:100%;min-height:100dvh;padding:14px}.app-frame{width:min(100%,620px);margin:0 auto;padding-bottom:24px}h1,h2{font-family:var(--text-font)}h1{max-width:440px;color:var(--ink);font-size:30px;line-height:1.05;letter-spacing:0}h2{color:var(--ink);font-size:26px;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.state-panel{border:3px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--paper);box-shadow:var(--cartoon-shadow);color:#304139;font-weight:800}.loading-shell{display:grid;min-height:100dvh;place-items:center;padding:14px}.loading-mascot-status{display:grid;width:min(100%,220px);gap:10px;justify-items:center;place-items:center;text-align:center}.loading-mascot-stage{--loading-mascot-frame-width: clamp(104px, 32vw, 132px);position:relative;display:grid;width:var(--loading-mascot-frame-width);aspect-ratio:132 / 225;place-items:center;filter:drop-shadow(0 8px 0 rgba(23,33,29,.14))}.loading-mascot-picture,.loading-mascot-image{display:block;width:100%;height:100%}.loading-mascot-image{object-fit:contain}.loading-message{color:var(--green-dark);font-size:15px;font-weight:900}.quiz-shell{display:grid;gap:12px}.progress-dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.4vw,7px);margin:4px 0 2px}.progress-dots span{height:8px;border:2px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 2px #17211d24}.progress-dots span.filled{background:var(--green)}.question-card{display:grid;grid-template-columns:clamp(104px,22vw,132px) minmax(0,1fr);gap:12px;align-items:center;min-width:0;min-height:150px}.mascot{width:clamp(104px,22vw,132px);max-width:100%;height:auto;display:block;filter:drop-shadow(0 8px 0 rgba(23,33,29,.14))}.speech-card,.answer-panel,.result-panel,.success-panel,.error-box,.warning-box{min-width:0;border:3px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--cartoon-shadow)}.speech-card{position:relative;padding:17px}.speech-card:before{content:"";position:absolute;left:-17px;top:54px;width:24px;height:24px;border-left:3px solid var(--line);border-bottom:3px solid var(--line);background:var(--paper);transform:rotate(45deg)}.step-label{margin-bottom:7px;color:var(--green-dark);font-size:13px;font-weight:900}.speech-card p:not(.step-label){margin-top:8px;color:#526057;font-size:15px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}.answer-panel,.result-panel,.success-panel{display:grid;gap:14px;padding:18px}.big-input{display:grid;gap:10px;color:var(--ink);font-size:15px;font-weight:900}.big-input>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.big-input input{width:100%;min-height:72px;border:3px solid var(--line);border-radius:18px;padding:10px 14px;background:#fff;color:var(--ink);font-family:var(--text-font);font-size:30px;font-weight:800;box-shadow:inset 0 -5px #17211d14}.big-input strong{display:grid;min-width:64px;min-height:64px;place-items:center;border:3px solid var(--line);border-radius:18px;background:var(--yellow);color:var(--ink);font-size:19px;box-shadow:0 5px #17211d24}.choice-field{display:grid;gap:10px;border:0;margin:0;padding:0}.choice-field legend{padding:0;color:var(--ink);font-size:15px;font-weight:900}.choice-grid{display:grid;gap:10px;min-width:0}.choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.target-option,.primary-action,.text-action,.file-action,.stepper-action{border:3px solid var(--line);border-radius:18px;color:var(--ink);transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .12s ease}.choice-card,.target-option{display:grid;gap:5px;min-width:0;min-height:80px;padding:13px;background:#fff;text-align:left;box-shadow:0 5px #17211d24}.sex-card{min-height:92px;place-items:center;text-align:center}.choice-card span,.target-option span{font-size:20px;font-weight:900;overflow-wrap:anywhere}.billing-checkout-panel{gap:16px}.billing-offer-note{display:grid;gap:5px;min-width:0;border:3px solid var(--line);border-radius:18px;padding:14px;background:#fff0a8;box-shadow:0 5px #17211d24}.billing-offer-note span{color:#c54d19;font-size:13px;font-weight:900}.billing-offer-note strong{color:var(--ink);font-size:20px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.billing-offer-note small{color:#526057;font-size:14px;font-weight:800;line-height:1.38;overflow-wrap:anywhere}.billing-plan-card{align-content:start;min-height:152px;cursor:pointer}.billing-plan-card strong{color:var(--green-dark);font-family:var(--display-font);font-size:34px;font-weight:900;line-height:1}.billing-plan-card s{color:#852e2a;text-decoration-thickness:2px}.billing-payment-methods,.billing-terms-gate{display:grid;gap:8px;min-width:0;border-top:2px dashed rgba(23,33,29,.22);padding-top:12px}.billing-payment-methods{border-right:0;border-bottom:0;border-left:0;margin:0;padding-right:0;padding-bottom:0;padding-left:0}.billing-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-method-card{min-height:104px}.billing-method-card span{font-size:16px;line-height:1.18}.billing-payment-methods strong,.billing-legal-summary strong{color:var(--ink);font-size:15px;font-weight:900}.billing-payment-methods span,.billing-legal-summary span{color:#304139;font-size:14px;font-weight:900;line-height:1.34}.billing-payment-methods small,.billing-legal-summary small{color:#526057;font-size:13px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.billing-legal-summary{display:grid;gap:4px;min-width:0}.billing-selected-plan{display:grid;gap:4px;min-width:0;border:3px solid var(--line);border-radius:18px;padding:13px;background:#dff9e8;box-shadow:0 5px #0f4b362e}.billing-selected-plan span{color:var(--green-dark);font-size:13px;font-weight:900}.billing-selected-plan strong{color:var(--ink);font-size:22px;font-weight:900;line-height:1.18}.billing-selected-plan small{color:#526057;font-size:13px;font-weight:800}.billing-checkout-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:stretch}.choice-card small,.target-option small,.fine-print,.success-panel small{color:#526057;font-size:14px;font-weight:800;line-height:1.38}.activity-card{min-height:94px}.activity-card strong{color:#c54d19;font-size:15px;font-weight:900}.selected{background:#dff9e8!important;border-color:var(--green-dark)!important;box-shadow:0 5px #0f4b364d,inset 0 0 0 3px #fff9!important}.primary-action{min-height:58px;padding:0 18px;background:var(--green);color:#fff;font-size:17px;font-weight:900;box-shadow:0 7px 0 var(--green-dark)}.primary-action:not(:disabled):hover,.choice-card:hover,.target-option:hover,.text-action:hover,.file-action:hover,.stepper-action:hover{transform:translateY(-1px)}.primary-action:not(:disabled):active,.choice-card:active,.target-option:active,.text-action:active,.file-action:active,.stepper-action:active{transform:translateY(3px);box-shadow:0 3px #17211d33}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,.file-action:focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px}.error-box,.warning-box{padding:13px 15px;font-weight:900;line-height:1.45}.error-box{background:#ffe5e5;color:#852e2a}.warning-box{background:#fff0a8;color:#6b420e}.maintenance-block{display:grid;gap:3px;border:3px solid var(--line);border-radius:20px;padding:16px;background:var(--green-dark);color:#fff;box-shadow:0 7px #17211d33}.maintenance-block span{color:#d9fbe5;font-size:14px;font-weight:900}.maintenance-block strong{font-family:var(--display-font);font-size:46px;line-height:1}.maintenance-block small{color:#d9fbe5;font-weight:900}.target-list{display:grid;gap:10px}.target-option{grid-template-columns:1fr auto;align-items:center}.target-option strong{color:var(--green-dark);font-family:var(--display-font);font-size:21px}.target-option small{grid-column:1 / -1}.target-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#17211d7a}.target-dialog{display:grid;width:min(100%,460px);gap:10px;border:3px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--paper);box-shadow:0 10px #17211d33,0 20px 44px #17211d42}.target-dialog span{color:#6b420e;font-size:14px;font-weight:900}.target-dialog h3{color:var(--ink);font-family:var(--text-font);font-size:26px;line-height:1.12;letter-spacing:0}.target-dialog p{color:#526057;font-size:14px;font-weight:800;line-height:1.38}.consent-gate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#17211d7a}.consent-gate-dialog{display:grid;width:min(100%,500px);gap:12px;border:3px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--paper);box-shadow:0 10px #17211d33,0 20px 44px #17211d42}.consent-gate-dialog>span{color:#6b420e;font-size:13px;font-weight:900;text-transform:uppercase}.consent-gate-dialog h2{font-size:26px}.consent-gate-dialog p{color:#526057;font-size:15px;font-weight:800;line-height:1.45}.consent-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:#304139;font-size:14px;font-weight:800;line-height:1.45}.consent-check input{width:20px;height:20px;margin-top:2px}.consent-policy-link{min-height:auto;width:fit-content;font-size:14px;font-weight:900}.feedback-form{gap:12px}.feedback-field{display:grid;gap:8px;color:var(--ink);font-size:15px;font-weight:900}.feedback-field select,.feedback-field textarea{width:100%;min-width:0;border:3px solid var(--line);border-radius:16px;padding:10px 12px;background:#fff;color:var(--ink);font-family:var(--text-font);font-size:16px;font-weight:800;line-height:1.4;box-shadow:inset 0 -4px #17211d14}.feedback-field textarea{resize:vertical}.feedback-consent span{overflow-wrap:anywhere}.confirmation-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.fine-print{border-top:2px dashed rgba(23,33,29,.22);padding-top:12px}.success-panel{background:#dff9e8}.success-panel span{color:var(--green-dark);font-weight:900}.success-panel strong{color:var(--ink);font-family:var(--display-font);font-size:42px;line-height:1.05}.return-note{display:grid;gap:4px;border-top:2px dashed rgba(23,33,29,.22);padding-top:2px}.success-panel .return-note strong{color:var(--green-dark);font-size:15px;font-weight:900;line-height:1.25}.return-note span{color:#526057;font-size:14px;font-weight:800;line-height:1.38}.quiz-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:2px 4px;color:var(--green-dark);font-size:14px}.quiz-nav a{padding:0 8px}.text-action{display:inline-grid;min-height:44px;padding:0 14px;place-items:center;background:#fff;color:var(--green-dark);font-weight:900;box-shadow:0 4px #17211d1f}.barcode-frame{display:grid;gap:12px;min-height:calc(100dvh - 28px);align-content:center}.barcode-header,.scanner-panel,.product-panel,.scan-status,.file-action{border:3px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--cartoon-shadow)}.barcode-header{display:grid;gap:7px;padding:18px}.barcode-header-with-mascot{grid-template-columns:minmax(0,1fr) clamp(88px,18vw,104px);align-items:center}.barcode-header-copy{display:grid;gap:7px;min-width:0}.barcode-mascot{display:block;width:100%;max-width:100%;justify-self:end;filter:drop-shadow(0 6px 0 rgba(23,33,29,.14))}.barcode-header p{color:#526057;font-weight:900}.barcode-action-slot{display:grid;align-items:center}.scanner-panel{display:grid;gap:14px;padding:16px}.scanner-window{position:relative;display:grid;place-items:center;overflow:hidden;min-height:clamp(184px,28dvh,230px);border:3px solid var(--line);border-radius:18px;background:#17211d}.scanner-window-ready{cursor:pointer}.scanner-window-ready:hover{outline:4px solid rgba(255,217,90,.38);outline-offset:3px}.scanner-video{width:100%;height:100%;min-height:clamp(184px,28dvh,230px);object-fit:cover}.scanner-idle{position:absolute;z-index:2;color:#fff;font-size:18px;font-weight:900;pointer-events:none}.scanner-target{position:absolute;z-index:1;width:min(76%,360px);height:38%;border:4px solid var(--yellow);border-radius:16px;box-shadow:0 0 0 999px #17211d57}.scanner-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.scanner-toggle-action.is-scanning{background:var(--orange);box-shadow:0 7px #c54d19}.file-action{display:inline-grid;place-items:center;min-height:44px;padding:0 14px;color:var(--green-dark);font-weight:900;box-shadow:0 4px #17211d1f;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}.manual-barcode-form{display:grid;gap:8px;font-weight:900}.manual-barcode-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.manual-barcode-form input,.serving-input-field{min-height:44px;min-width:0;border:3px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:900;outline:none}.manual-barcode-form input{min-height:46px;padding:0 12px}.manual-barcode-form input:focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px;box-shadow:inset 0 -4px #17211d14}.serving-input-field:focus-within{outline:4px solid var(--focus-ring);outline-offset:3px}.scan-status{padding:12px 15px;color:var(--green-dark);font-weight:900}.recent-barcode-panel{display:grid;gap:10px;padding-top:2px}.recent-barcode-header{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px}.recent-barcode-title-copy{display:grid;gap:2px}.recent-barcode-header h2{margin:0;color:var(--green-dark);font-size:18px;line-height:1.12}.recent-barcode-header span,.recent-barcode-hint,.recent-barcode-empty{color:#526057;font-size:13px;font-weight:900}.recent-barcode-hint{margin:0;line-height:1.2}.recent-barcode-list{display:grid;gap:8px}.recent-barcode-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name kcal" "portion portion";gap:3px 10px;min-height:62px;padding:10px 12px;border:3px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 4px #17211d1f}.recent-barcode-item span{grid-area:name;min-width:0;overflow:hidden;font-size:14px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.recent-barcode-item strong{grid-area:kcal;color:var(--green-dark);font-size:14px;line-height:1.2;white-space:nowrap}.recent-barcode-item small{grid-area:portion;color:#526057;font-size:12px;font-weight:900;line-height:1.2}.recent-barcode-item:not(:disabled):hover{transform:translateY(-1px)}.product-panel{display:grid;gap:12px;padding:16px}.product-main{display:grid;gap:11px;min-width:0}.product-code,.product-meta,.source-note{color:#526057;font-size:13px;font-weight:900}.source-note{border-top:2px dashed rgba(23,33,29,.16);padding-top:8px;font-size:12px;line-height:1.35}.product-main h2{overflow-wrap:anywhere}.nutrition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:2px dashed rgba(23,33,29,.22);border-bottom:2px dashed rgba(23,33,29,.22);padding:12px 0}.nutrition-grid div{display:grid;gap:2px}.nutrition-grid span,.nutrition-grid small{color:#526057;font-size:13px;font-weight:900}.nutrition-grid strong{color:var(--green-dark);font-family:var(--display-font);font-size:34px;line-height:1}.macro-row{display:flex;flex-wrap:wrap;gap:8px}.macro-row span{border:2px solid rgba(23,33,29,.24);border-radius:999px;padding:6px 10px;background:#fff;color:var(--green-dark);font-size:13px;font-weight:900}.portion-basis-field{display:grid;gap:8px;border:0;margin:0;padding:0}.portion-basis-field legend{padding:0;color:var(--ink);font-size:14px;font-weight:900}.portion-basis-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portion-basis-option{display:grid;min-height:64px;gap:3px;border:3px solid var(--line);border-radius:16px;padding:9px 11px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 4px #17211d1f;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .12s ease}.portion-basis-option:not(:disabled):hover{transform:translateY(-1px)}.portion-basis-option:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #17211d24}.portion-basis-option span{color:var(--green-dark);font-size:15px;font-weight:900;line-height:1.14}.portion-basis-option small{color:#526057;font-size:12px;font-weight:900;line-height:1.2}.save-row{display:grid;grid-template-columns:minmax(196px,.84fr) minmax(0,1fr);gap:10px;align-items:end}.serving-stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;align-items:stretch}.serving-input-field{display:grid;place-items:center;gap:2px;min-height:58px;padding:6px 8px;background:#fff;box-shadow:inset 0 -5px #17211d14}.serving-input-field span{color:#526057;font-size:12px;font-weight:900;line-height:1.1}.serving-input-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--display-font);font-size:26px;font-weight:900;line-height:1;text-align:center;outline:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.serving-input-field input::-webkit-inner-spin-button,.serving-input-field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stepper-action{display:grid;min-height:58px;place-items:center;background:var(--yellow);color:var(--ink);font-size:28px;font-weight:900;line-height:1;box-shadow:0 5px #17211d24}.barcode-success{border-radius:18px;box-shadow:none}.barcode-success-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.scan-again-action{justify-self:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:760px){.page-shell{padding:24px 18px}.app-frame{max-width:760px}h1{font-size:36px}.question-card{grid-template-columns:170px minmax(0,1fr)}.mascot{width:170px}.speech-card,.answer-panel,.result-panel,.success-panel{padding:22px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-frame{max-width:720px;min-height:calc(100dvh - 48px)}}@media(max-width:560px){.page-shell{padding:12px}h1{font-size:29px}.barcode-frame{min-height:calc(100dvh - 24px);align-content:start;gap:10px}.barcode-page{padding:10px}.barcode-header,.scanner-panel,.product-panel{padding:14px}.barcode-header{gap:5px}.barcode-header-with-mascot{grid-template-columns:minmax(0,1fr) clamp(68px,20vw,88px)}.barcode-header p{font-size:14px;line-height:1.35}.scanner-panel{gap:12px}.question-card{grid-template-columns:clamp(76px,24vw,96px) minmax(0,1fr);gap:8px;min-height:124px}.mascot{width:clamp(76px,24vw,96px)}.speech-card{padding:14px}.speech-card:before{left:-13px;top:54px;width:19px;height:19px;transform:rotate(45deg)}h2{font-size:23px}.choice-grid.two,.billing-payment-grid,.target-option{grid-template-columns:1fr}.big-input input{min-height:66px;font-size:28px}.target-option strong{font-size:22px}.scanner-actions,.barcode-success-actions,.confirmation-actions,.billing-checkout-actions,.manual-barcode-form>div,.product-panel,.save-row{grid-template-columns:1fr}}@media(max-width:390px){h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.legal-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:16px;background:#241c157a}.legal-dialog{width:min(760px,100%);height:min(720px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:8px;background:#fffaf0;box-shadow:0 24px 80px #241c1552;overflow:hidden}.legal-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(36,28,21,.12)}.legal-dialog-header h3{margin:0;font-size:1rem}.legal-dialog-frame{width:100%;height:100%;border:0;background:#fffaf0}