@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-vietnamese-wght-normal.65038cdf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-ext-wght-normal.6ff76fc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/archivo-latin-wght-normal.5cdc884e.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--canvas:#e8ece8;--paper:#f8f7f2;--ink:#17242a;--muted:#59686c;--line:#d7ddd8;--sage:#dfe9df;--sage-strong:#b9d0bb;--coral:#ee6b55;--coral-dark:#b93f31;--mustard:#e4b64b;--navy:#173c4a;--white:#fff;--danger:#a52c27;--shadow:0 18px 50px #17242a1f}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:var(--canvas);letter-spacing:0;text-rendering:optimizeLegibility;margin:0;font-family:Archivo Variable,Helvetica Neue,sans-serif}button,input,textarea,select{color:inherit;font:inherit;letter-spacing:0}button,a,input,textarea,select{outline-offset:3px}:focus-visible{outline:3px solid var(--mustard)}::selection{color:var(--white);background:var(--navy)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--sage-strong);border:2px solid var(--canvas);border-radius:8px}.app-shell{background:var(--paper);width:min(100%,640px);min-height:100vh;box-shadow:var(--shadow);margin:0 auto;padding:0 0 112px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:18px 22px;display:flex}.landing-topbar{border-bottom:0}.brand-mark{color:var(--navy);margin:0;font-size:1.4rem;font-weight:780}.merchant-link,.back-link{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--sage-strong);text-decoration-color:var(--sage-strong);text-underline-offset:4px;font-size:.88rem;font-weight:650}.merchant-identity{grid-template-columns:96px 1fr;align-items:center;gap:18px;padding:14px 22px 26px;display:grid}.merchant-photo{aspect-ratio:1;background:var(--sage);border-radius:8px;width:96px;position:relative;overflow:hidden}.merchant-photo img{object-fit:cover}.merchant-category{text-transform:uppercase;margin:0 0 5px;font-weight:740;color:var(--coral-dark)!important;font-size:.76rem!important}.merchant-identity h2{margin:0 0 7px;font-size:1.3rem;line-height:1.15}.merchant-identity p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.review-intro{color:var(--white);background:var(--navy);padding:30px 22px 34px}.review-intro h1{letter-spacing:-.03em;max-width:9ch;margin:0 0 18px;font-size:clamp(2.7rem,12vw,4.6rem);font-weight:760;line-height:.94}.review-intro>p{color:#e7efee;max-width:38rem;margin:0;font-size:1rem;line-height:1.55}.trust-line,.control-note{color:#d5e6df;align-items:center;gap:9px;margin-top:24px;font-size:.82rem;line-height:1.4;display:flex}.trust-line svg,.control-note svg{flex:none;width:16px;height:16px}.progress-track{background:var(--sage);width:100%;height:5px}.progress-track span{background:var(--coral);width:50%;height:100%;display:block}.questionnaire{margin:0}.question-section{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:34px 22px 38px}.question-section legend,.detail-section label{width:100%;padding:0;font-size:1.2rem;font-weight:720;line-height:1.25}.question-helper{color:var(--muted);margin:7px 0 20px;font-size:.88rem}.rating-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px;display:grid}.rating-option{border:1px solid var(--line);min-width:0;min-height:88px;color:var(--muted);background:var(--white);cursor:pointer;border-radius:8px;padding:10px 4px;font-size:.72rem;font-weight:650;transition:color .18s,background .18s,border-color .18s,transform .18s}.rating-option span{width:38px;height:38px;color:var(--ink);background:var(--sage);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:1rem;font-weight:780;display:flex}.rating-option:hover,.answer-chip:hover{border-color:var(--sage-strong);transform:translateY(-1px)}.rating-option.selected{color:var(--white);border-color:var(--navy);background:var(--navy)}.rating-option.selected span{color:var(--navy);background:var(--mustard)}.answer-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.answer-chip{border:1px solid var(--line);background:var(--white);text-align:left;cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;min-height:50px;padding:12px 13px;font-size:.9rem;font-weight:570;transition:background .18s,border-color .18s,transform .18s;display:flex}.answer-chip svg{width:16px;height:16px}.answer-chip.selected{border-color:var(--sage-strong);background:var(--sage)}.detail-section label span{color:var(--muted);font-size:.78rem;font-weight:520}.detail-section textarea,.draft-editor textarea{resize:vertical;border:1px solid var(--line);width:100%;caret-color:var(--coral);background:var(--white);border-radius:8px;margin-top:18px;padding:16px;font-size:1rem;line-height:1.55}.detail-section textarea::placeholder{color:#69777a}.detail-section>p{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:.76rem}.sticky-action{width:100%;padding:14px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f7f2f5;position:static}.sticky-action.ready-action{z-index:10;width:min(100%,640px);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.primary-button,.secondary-button,.preview-button,.copy-button,.add-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.primary-button{width:100%;min-height:56px;color:var(--white);background:var(--coral);padding:14px 18px;box-shadow:0 8px 22px #b93f3133}.primary-button:hover:not(:disabled){background:var(--coral-dark);transform:translateY(-1px)}.primary-button:disabled{color:#7a8587;box-shadow:none;cursor:not-allowed;background:#dde1de}.primary-button svg,.secondary-button svg,.preview-button svg,.copy-button svg,.add-button svg{width:18px;height:18px}.icon-button,.text-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:50%;width:42px;height:42px}.icon-button:hover{background:var(--sage)}.icon-button svg{width:22px;height:22px}.step-count{color:var(--muted);font-size:.85rem;font-weight:650}.draft-intro{padding:44px 22px 32px}.success-mark{width:48px;height:48px;color:var(--navy);background:var(--mustard);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.success-mark svg{width:24px;height:24px}.draft-intro h1{letter-spacing:-.025em;margin:0 0 10px;font-size:2.35rem;line-height:1}.draft-intro p{max-width:34rem;color:var(--muted);margin:0;line-height:1.5}.platform-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:0 22px 12px;display:flex;overflow-x:auto}.platform-tabs::-webkit-scrollbar{display:none}.platform-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:10px 13px;font-size:.85rem;font-weight:650}.platform-tab.active{color:var(--ink);border-bottom-color:var(--coral)}.draft-editor{padding:30px 22px}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading-row h2{margin:0 0 5px;font-size:1.2rem}.section-heading-row p{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.78rem}.text-button{min-height:40px;color:var(--navy);gap:6px;padding:8px;font-size:.82rem;font-weight:680}.text-button svg{width:16px;height:16px}.draft-editor textarea{min-height:340px}.copy-button{border:1px solid var(--line);background:var(--white);width:100%;margin-top:10px}.copy-button:hover{background:var(--sage)}.control-note{color:var(--muted);margin:0 22px}.state-page{background:var(--paper);width:min(100% - 40px,560px);box-shadow:var(--shadow);border-radius:12px;margin:12vh auto;padding:34px}.state-page h1{margin:36px 0 12px;font-size:2.4rem}.state-page>p:not(.brand-mark){color:var(--muted);margin:0 0 28px;line-height:1.55}.loading-bar,.loading-block{background:linear-gradient(90deg,var(--sage)30%,#eef2ed 50%,var(--sage)70%);background-size:240% 100%;animation:1.6s infinite loading;overflow:hidden}.loading-bar{height:72px}.loading-block{border-radius:8px;width:calc(100% - 44px);height:160px;margin:22px}.loading-block-wide{height:310px}.admin-shell{background:var(--paper);min-height:100vh;padding-bottom:80px}.admin-header,.admin-title,.admin-layout{width:min(1180px,100% - 40px);margin:0 auto}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;display:flex}.admin-header>div{align-items:center;gap:28px;display:flex}.back-link{align-items:center;gap:3px;display:inline-flex}.back-link svg{width:18px;height:18px}.secondary-button{min-width:104px;color:var(--white);background:var(--navy);padding:12px 18px}.admin-title{justify-content:space-between;align-items:flex-end;gap:40px;padding:64px 0 54px;display:flex}.admin-title h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.admin-title p{max-width:640px;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.55}.preview-button{border:1px solid var(--line);background:var(--white);flex:none;padding:13px 17px}.admin-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:44px;display:grid}.setup-panel{background:var(--sage);border-radius:8px;padding:24px;position:sticky;top:24px}.setup-panel h2,.builder-heading h2{margin:0 0 22px;font-size:1.2rem}.setup-panel label,.builder-fields label{color:var(--muted);margin-bottom:18px;font-size:.78rem;font-weight:680;display:block}.setup-panel input,.setup-panel select,.builder-fields input{background:var(--white);border:1px solid #becbbf;border-radius:6px;width:100%;min-height:46px;margin-top:7px;padding:10px 12px;font-size:.92rem;font-weight:520}.admin-note{color:#45584c;border-top:1px solid #bdcbbf;padding-top:18px;font-size:.78rem;line-height:1.45}.builder-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.builder-heading h2{margin-bottom:6px}.builder-heading p,.builder-heading span{color:var(--muted);margin:0;font-size:.82rem}.builder-heading span{background:var(--sage);font-variant-numeric:tabular-nums;border-radius:20px;padding:7px 10px}.question-list{border-top:1px solid var(--line)}.builder-question{border-bottom:1px solid var(--line);grid-template-columns:1fr 42px;align-items:start;gap:12px;padding:28px 0;display:grid}.builder-fields{grid-template-columns:1fr 1.4fr;gap:0 16px;display:grid}.builder-fields .checkbox-label{color:var(--ink);grid-column:1/-1;align-items:center;gap:8px;font-weight:560;display:flex}.builder-fields .checkbox-label input{width:18px;min-height:18px;accent-color:var(--navy);margin:0}.icon-button.danger{color:var(--danger)}.add-button{border:1px solid var(--line);background:var(--white);margin-top:22px;padding:12px 18px}.admin-account{align-items:center;gap:10px;min-width:0;display:flex}.admin-account>span{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.auth-shell{background:var(--paper);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.auth-brand-panel{min-height:100vh;color:var(--white);background:var(--navy);flex-direction:column;justify-content:space-between;padding:44px clamp(32px,6vw,88px);display:flex}.auth-brand-panel h1{letter-spacing:0;max-width:560px;margin:18px 0 0;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.4rem);font-weight:500;line-height:.98}.auth-brand-panel>p{color:#c9d9dc;max-width:460px;line-height:1.6}.auth-back{color:#dce8e9;align-items:center;gap:8px;width:fit-content;font-size:.88rem;text-decoration:none;display:inline-flex}.auth-back svg{width:16px}.auth-form-panel{background:var(--white);justify-content:center;align-items:center;min-height:100vh;padding:48px 28px;display:flex}.auth-form-wrap{width:min(100%,430px)}.auth-icon{width:48px;height:48px;color:var(--navy);background:var(--sage);border-radius:8px;place-items:center;margin-bottom:26px;display:grid}.auth-icon svg{width:24px}.auth-eyebrow{color:var(--coral-dark);text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:750}.auth-form-wrap h2{margin:0;font-size:2rem}.auth-copy{color:var(--muted);margin:12px 0 28px;line-height:1.55}.auth-form{gap:12px;display:grid}.auth-form label{font-size:.85rem;font-weight:650}.auth-input{border:1px solid var(--line);background:var(--paper);grid-template-columns:22px 1fr;align-items:center;gap:9px;padding:0 14px;display:grid}.auth-input svg{width:18px;color:var(--muted)}.auth-input input,.otp-input{background:0 0;border:0;min-width:0;min-height:50px}.otp-input{border:1px solid var(--line);background:var(--paper);letter-spacing:8px;text-align:center;width:100%;font-size:1.5rem}.auth-form .primary-button{width:100%;min-height:50px;margin-top:6px}.auth-text-button,.auth-google-button{background:0 0;border:0;min-height:44px}.auth-text-button{color:var(--muted)}.auth-google-button{border:1px solid var(--line);background:var(--white);width:100%;margin-top:14px}.auth-error{color:var(--danger);margin:14px 0 0;font-size:.86rem}.auth-terms{color:var(--muted);margin:24px 0 0;font-size:.76rem;line-height:1.5}@keyframes loading{to{background-position:-240% 0}}@media (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:220px;padding:28px 24px}.auth-brand-panel h1{max-width:420px;margin-top:42px;font-size:2.5rem}.auth-brand-panel>p{display:none}.auth-form-panel{align-items:flex-start;min-height:calc(100vh - 220px);padding:38px 24px 56px}.admin-header,.admin-title,.admin-layout{width:min(100% - 32px,620px)}.admin-header>div{gap:14px}.admin-header .brand-mark,.admin-account>span{display:none}.admin-title{flex-direction:column;align-items:flex-start;padding:44px 0 34px}.admin-title h1{font-size:2.7rem}.admin-layout{grid-template-columns:1fr}.setup-panel{position:static}.builder-fields{grid-template-columns:1fr}}@media (max-width:390px){.merchant-identity{grid-template-columns:78px 1fr}.merchant-photo{width:78px}.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rating-option{min-height:72px}.rating-option span{width:28px;height:28px;margin:0 7px 0 0;display:inline-flex}.answer-chips{grid-template-columns:1fr}.builder-question{grid-template-columns:1fr 42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}