:root{--blue:#2463eb;--navy:#14243e;--muted:#7b8598;--line:#e9edf4;--pale:#f4f7fc}*{box-sizing:border-box}body{margin:0;background:#eff3f9;color:var(--navy);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;letter-spacing:-.035em}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #87afff;outline-offset:3px}.presentation-header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde5ef}.brand{font-size:23px;font-weight:850;display:flex;align-items:center;gap:18px}.brand span{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:600}.presentation-header nav{display:flex;gap:32px;font-size:13px;font-weight:650}.presentation{max-width:1120px;margin:52px auto 80px;display:grid;grid-template-columns:410px 1fr;gap:110px;align-items:center;padding:0 30px}.device{width:390px;background:white;min-height:822px;border-radius:44px;overflow:hidden;border:7px solid #fff;box-shadow:0 22px 70px #243b6217,0 0 0 1px #d8e0ec;position:relative}.statusbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;position:relative;letter-spacing:0}.island{width:104px;height:25px;background:#172239;border-radius:30px;position:absolute;left:50%;top:8px;transform:translateX(-50%)}#app{height:690px;overflow:auto;scrollbar-width:none}#app::-webkit-scrollbar{display:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:18px 23px 12px}.app-logo{font-weight:850;font-size:22px;letter-spacing:-.07em}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#fff;position:relative}.icon-button .dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--blue);right:8px;top:7px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.location{display:flex;align-items:center;gap:5px;font-size:11px;color:#667389}.location svg{width:13px;height:13px}.page{padding:8px 23px 24px}.greeting{position:relative;min-height:103px;margin-top:9px}.greeting p{margin:0 0 9px;font-size:12px;color:#707c91}.greeting h1{font-size:25px;line-height:1.38;margin:0;font-weight:760;letter-spacing:-.065em}.greeting img{position:absolute;right:-6px;top:-6px;width:92px;height:92px;object-fit:contain}.date-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 13px;font-size:12px;font-weight:700}.subtle{color:var(--muted);font-size:11px;font-weight:500}.segmented{display:flex;background:#f0f3f8;padding:4px;border-radius:11px;gap:4px}.segmented button{flex:1;padding:9px;border-radius:8px;font-size:12px;color:#8893a5;font-weight:700}.segmented button.active{background:white;color:var(--navy);box-shadow:0 2px 6px #18254008}.corner-tabs{display:flex;gap:17px;margin:17px 0 14px}.corner-tabs button{padding:0 0 8px;font-size:12px;color:#8a94a5;border-bottom:2px solid transparent}.corner-tabs button.active{border-color:var(--blue);color:var(--blue);font-weight:750}.meal-card{border:1px solid #e8ecf3;border-radius:17px;overflow:hidden;display:block;width:100%;text-align:left;padding:0;background:white}.meal-photo{height:177px;background:#edf1f7;position:relative;overflow:hidden}.meal-photo img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;top:12px;left:12px;background:white;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.01em}.meal-content{padding:16px}.meal-title-row{display:flex;align-items:center;justify-content:space-between}.meal-title-row h2{font-size:18px;margin:0}.meal-title-row svg{width:17px}.meal-content p{font-size:11px;color:#7d8799;margin:9px 0 14px;line-height:1.7}.meal-footer{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#6e7d92}.meal-footer b{color:var(--blue);font-weight:650}.reservation-banner{margin-top:15px;border:0;border-radius:13px;background:#edf4ff;padding:15px;display:flex;align-items:center;width:100%;text-align:left;gap:11px}.banner-icon{color:var(--blue);width:34px;height:34px;background:white;border-radius:10px;display:grid;place-items:center}.reservation-banner strong{font-size:12px;display:block;margin-bottom:5px}.reservation-banner small{font-size:10px;color:#708099}.reservation-banner>svg{margin-left:auto;width:16px;color:var(--blue)}.bottom-nav{display:flex;height:71px;align-items:flex-start;padding:12px 7px 0;border-top:1px solid var(--line);background:white}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;color:#929cad;font-weight:650}.bottom-nav a.active{color:var(--blue)}.bottom-nav svg{width:20px;height:20px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--blue)}.editorial h1{font-size:44px;line-height:1.35;letter-spacing:-.065em;margin:22px 0}.editorial>.description{font-size:15px;line-height:1.95;color:#758196;max-width:430px}.screen-count{display:flex;gap:10px;align-items:center;margin-bottom:24px}.screen-count span{background:white;border:1px solid #e0e6f0;padding:6px 9px;border-radius:5px;font-size:10px;color:#7c8a9f;letter-spacing:.07em}.feature-notes{border-top:1px solid #dce3ef;margin-top:28px;padding-top:25px;display:grid;gap:20px}.feature-note{display:flex;gap:13px;align-items:flex-start}.feature-note .num{font-size:10px;color:var(--blue);background:#e2ecff;padding:6px;border-radius:5px}.feature-note strong{font-size:13px;display:block;margin:1px 0 7px}.feature-note p{font-size:12px;line-height:1.7;color:#8791a1;margin:0}.screen-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.screen-links a{font-size:10px;border:1px solid #dce3ee;padding:7px 10px;border-radius:6px;color:#758196}.screen-links a.active{background:var(--navy);color:white;border-color:var(--navy)}.demo-footnote{font-size:10px;color:#96a1b2;line-height:1.8;margin-top:20px}.page-heading{display:flex;align-items:center;gap:11px;margin:3px 0 20px}.page-heading h1{font-size:21px;margin:0}.page-heading button{padding:2px;display:grid;place-items:center}.lead{font-size:12px;color:#8390a2;line-height:1.8}.section-title{font-size:15px;margin:24px 0 13px}.week-control{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:14px}.week-control button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line)}.week-days{display:flex;justify-content:space-between;gap:5px;margin-bottom:21px}.week-day{display:flex;flex-direction:column;gap:9px;padding:12px 0;background:var(--pale);border-radius:11px;flex:1;font-size:10px;color:#7f8b9d;text-align:center}.week-day b{font-size:16px;color:var(--navy)}.week-day.today{background:var(--blue);color:#d8e7ff}.week-day.today b{color:white}.list-card{padding:17px;border:1px solid var(--line);border-radius:13px;margin-bottom:10px;display:block;width:100%;text-align:left}.list-card h3{font-size:14px;margin:10px 0 7px}.list-card p{font-size:11px;color:#8690a1;line-height:1.7;margin:0}.list-card .row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8490a2}.tag{font-size:9px;background:#edf4ff;color:var(--blue);padding:4px 7px;border-radius:4px;font-weight:650}.tag.gray{background:#f0f2f6;color:#8792a3}.detail-photo{width:calc(100% + 46px);height:240px;object-fit:cover;margin:0 -23px 20px}.detail-title{font-size:23px;line-height:1.4;margin:9px 0}.nutrition{display:grid;grid-template-columns:repeat(4,1fr);background:var(--pale);border-radius:12px;padding:18px 0;margin:21px 0}.nutrition div{text-align:center;border-right:1px solid #e0e6ee}.nutrition div:last-child{border:0}.nutrition small{display:block;font-size:9px;color:#8b96a5;margin-bottom:7px}.nutrition b{font-size:15px}.nutrition span{font-size:9px}.info-block{padding:16px 0;border-top:1px solid var(--line)}.info-block h3{font-size:12px;margin:0 0 10px}.info-block p{font-size:11px;line-height:1.8;color:#7c899a;margin:0}.allergens{color:#ab7542!important;background:#fff8ee;padding:11px;border-radius:8px}.primary,.secondary{display:block;width:100%;padding:14px;border-radius:10px;font-size:13px;font-weight:700;text-align:center}.primary{background:var(--blue);color:white}.secondary{background:var(--pale);color:#65738c}.primary:disabled{background:#cad5e6;cursor:not-allowed}.apply-art{background:#edf4ff;border-radius:16px;text-align:center;padding:20px;margin-top:20px}.apply-art img{width:112px;height:112px;object-fit:contain}.apply-art h2{font-size:21px;margin:4px 0 9px}.apply-art p{font-size:11px;color:#7687a0;line-height:1.8;margin:0}.key-values{margin:20px 0}.key-values>div{display:flex;justify-content:space-between;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line)}.key-values span{color:#8690a1}.quantity-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin:25px 0}.stepper{display:flex;align-items:center;border:1px solid #dee6f1;border-radius:9px;overflow:hidden}.stepper button{width:35px;height:35px;background:var(--pale);font-size:20px}.stepper output{width:37px;text-align:center}.hint{font-size:10px;color:#8794a8;line-height:1.8;margin:14px 0}.empty{text-align:center;padding:60px 12px}.empty svg{width:44px;height:44px;color:#b6c6df}.empty h2{font-size:17px;margin:18px 0 10px}.empty p{font-size:12px;color:#8a97aa;line-height:1.8;margin-bottom:25px}.cancel-link{font-size:11px;color:#7a879c;padding:12px 0 0;margin-top:12px;border-top:1px solid var(--line);width:100%;text-align:right}.notice-button{padding:20px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}.notice-button h3{font-size:13px;line-height:1.6;margin:9px 0}.notice-button p{font-size:10px;color:#929daf;margin:0}.notice-body{font-size:13px;white-space:pre-line;line-height:2;color:#728097;padding-top:24px}.profile{background:var(--pale);border-radius:14px;padding:21px;display:flex;gap:13px;align-items:center;margin:15px 0 29px}.avatar{height:43px;width:43px;display:grid;place-items:center;background:#dfeafe;color:var(--blue);border-radius:50%;font-size:16px;font-weight:750}.profile h2{font-size:16px;margin:0 0 7px}.profile p{font-size:10px;color:#8a96a9;margin:0}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.toggle-row p{font-size:10px;color:#9aa4b3;margin:7px 0 0}.switch{width:39px;height:23px;border-radius:20px;background:#d9e1ed;position:relative;padding:0;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:white;transition:transform .2s}.switch[aria-checked=true]{background:var(--blue)}.switch[aria-checked=true]:after{transform:translateX(16px)}.login-logo{margin:55px 0 33px}.login-logo img{width:95px;height:95px;object-fit:contain}.login-logo h1{font-size:29px;line-height:1.5;margin:15px 0 12px}.login-logo p{color:#8591a4;font-size:12px;line-height:1.8}.field{display:block;margin:19px 0;font-size:11px;font-weight:650}.field input{display:block;width:100%;padding:14px;border-radius:9px;border:1px solid #dde5ef;background:white;margin-top:9px;color:var(--navy);font-size:13px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#14243e;color:white;padding:14px 22px;border-radius:10px;font-size:12px;z-index:100;transition:.2s;box-shadow:0 5px 20px #14243e20;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:18px;max-width:340px;width:90%;padding:0;color:var(--navy)}dialog::backdrop{background:#152b4a60}.dialog-inner{padding:26px}.dialog-inner h2{font-size:20px}.dialog-inner p{font-size:12px;line-height:1.9;color:#7f8a9c}.dialog-actions{display:flex;gap:9px;margin-top:23px}.dialog-actions button{font-size:11px}.embed .presentation-header,.embed .editorial{display:none}.embed .presentation{display:block;padding:0;margin:0}.embed .device{box-shadow:none;border:0}.embed{background:white}@media(max-width:900px){.presentation{gap:45px;padding:0 25px}.editorial h1{font-size:34px}.brand span{display:none}}@media(max-width:740px){.presentation-header{height:65px;padding:0 20px}.brand{font-size:20px}.presentation-header nav{gap:16px;font-size:11px}.presentation{display:flex;flex-direction:column;margin:25px auto 45px;gap:40px;padding:0 20px}.device{width:390px;max-width:100%}.editorial{max-width:390px;width:100%;padding:0 10px}.editorial h1{font-size:31px}.editorial>.description{font-size:13px}.screen-count{margin:0}}@media(max-width:430px){body{background:white}.presentation{padding:0;margin:0;gap:0}.device{border:0;border-radius:0;box-shadow:none;width:100%;min-height:0}.statusbar{display:none}#app{height:auto;min-height:calc(100dvh - 137px);overflow:visible}.bottom-nav{position:sticky;bottom:0;height:72px}.editorial{background:var(--pale);padding:35px 24px;max-width:none}.presentation-header{height:57px}.app-header{padding-top:20px}.meal-photo{height:195px}}

.bottom-nav[hidden]{display:none}@media(max-width:430px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;padding-bottom:env(safe-area-inset-bottom);height:calc(72px + env(safe-area-inset-bottom))}.device .page{padding-bottom:96px}.editorial{padding-bottom:110px}}
/* Blend the generated white-background illustration into the blue application card. */
.apply-art img{mix-blend-mode:multiply}
/* 추가 기능: 가입·하림몰·고객의 소리·만족도 조사·가상 푸시·팝업 */
.field select,.field textarea{display:block;width:100%;padding:14px;border-radius:9px;border:1px solid #dde5ef;background:white;margin-top:9px;color:var(--navy);font-size:13px}.field textarea{resize:vertical;line-height:1.7;font:inherit;font-size:13px}select:focus-visible,textarea:focus-visible{outline:3px solid #87afff;outline-offset:3px}.field.invalid input,.field.invalid textarea{border-color:#e08585}.field-error{display:block;color:#c23a3a;font-size:11px;font-weight:600;margin-top:7px;line-height:1.6}.optional{color:var(--muted);font-weight:500}.field-label{font-size:11px;font-weight:650;margin:19px 0 9px}.counter{display:block;text-align:right;font-size:10px;color:var(--muted);font-weight:500;margin-top:6px}.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}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;color:var(--blue)}.text-link.center{display:flex;justify-content:center;width:100%;margin-top:10px}
.form-alert{background:#fff1f1;color:#b13636;border-radius:12px;padding:14px;font-size:12px;line-height:1.7;margin:16px 0}.form-alert p{margin:0}.form-alert.info{background:#edf4ff;color:#2a4b86}.form-alert .secondary{margin-top:12px;background:white}
.qr-banner{display:flex;gap:12px;align-items:flex-start;background:var(--navy);color:white;border-radius:14px;padding:14px 15px;margin:4px 0 18px}.qr-banner svg{color:#9fc0ff;flex-shrink:0}.qr-banner strong{font-size:13px}.qr-banner p{font-size:11px;color:#c6d3ea;margin:5px 0 0;line-height:1.6}
.steps{list-style:none;display:flex;padding:0;margin:0 0 6px;gap:6px}.steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#9aa4b3;text-align:center;position:relative;word-break:keep-all}.steps li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;color:#9aa4b3;font-weight:750;font-size:11px;position:relative;z-index:1}.steps li:not(:first-child):before{content:"";position:absolute;top:12px;right:calc(50% + 17px);left:calc(-50% + 17px);height:2px;background:var(--line)}.steps li.done,.steps li.current{color:var(--blue)}.steps li.done span{background:#dfeafe;color:var(--blue)}.steps li.current span{background:var(--blue);color:white}.steps li.current{color:var(--navy);font-weight:700}.steps li.done:before,.steps li.current:before{background:#bcd2fb}
.check-row{display:flex;gap:11px;align-items:flex-start;padding:12px 0;min-height:44px;font-size:12px;font-weight:650;cursor:pointer;line-height:1.5}.check-row input{width:20px;height:20px;margin:0;accent-color:var(--blue);flex-shrink:0}.check-row small{display:block;font-size:10px;color:#8a96a9;font-weight:500;margin-top:5px;line-height:1.6}.check-row.invalid input{outline:2px solid #e08585;outline-offset:2px}
.demo-accounts{background:var(--pale);border-radius:12px;padding:14px;margin-top:22px;font-size:11px}.demo-accounts p{margin:6px 0 0;color:#6e7d92;line-height:1.7}
.register-done{padding-top:14px}.done-mark{width:56px;height:56px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;margin-bottom:22px}.done-mark svg{width:28px;height:28px;stroke-width:2.4}.register-done h1{font-size:25px;line-height:1.45;margin:24px 0 6px}
.empty.compact{padding:34px 12px;border:1px dashed #d6dfec;border-radius:17px;margin-top:14px}.empty.compact p{margin-bottom:0}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 0}.section-head .section-title{margin:12px 0}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;min-height:78px;border-radius:13px;background:var(--pale);font-size:10.5px;font-weight:650;color:#4d5b73;text-align:center;line-height:1.3;word-break:keep-all}.quick-icon{width:36px;height:36px;border-radius:11px;background:white;display:grid;place-items:center;color:var(--blue)}.quick-icon svg{width:19px;height:19px}
.promo-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:23px;margin:0 -23px;padding:2px 23px 6px;scrollbar-width:none}.promo-scroll::-webkit-scrollbar{display:none}.promo-card{flex:0 0 250px;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:16px;padding:18px;min-height:156px;display:flex;flex-direction:column;align-items:flex-start;color:white}.promo-card:before{content:"";position:absolute;right:-34px;top:-38px;width:120px;height:120px;border-radius:28px;transform:rotate(18deg);background:#ffffff17}.promo-tag{font-size:9px;font-weight:750;background:#ffffff2e;padding:4px 7px;border-radius:4px;position:relative}.promo-card strong{font-size:17px;margin:14px 0 6px;position:relative;line-height:1.35}.promo-card small{font-size:10.5px;line-height:1.6;color:#ffffffc9;position:relative;max-width:200px}.promo-go{margin-top:auto;padding-top:12px;font-size:10.5px;font-weight:700;position:relative}.promo-art{position:absolute;right:-6px;bottom:-12px;font-size:60px;font-weight:900;letter-spacing:-.08em;color:#ffffff1f;white-space:nowrap;line-height:1}
.theme-red{background:linear-gradient(135deg,#b3242f,#e05548)}.theme-amber{background:linear-gradient(135deg,#b3620e,#e7a13a)}.theme-navy{background:linear-gradient(135deg,#14243e,#2f4c7e)}.theme-green{background:linear-gradient(135deg,#1d6b45,#3aa56c)}
.info-box{display:flex;gap:11px;background:#edf4ff;border-radius:13px;padding:14px;margin:16px 0 18px}.info-box svg{color:var(--blue);flex-shrink:0;width:19px;height:19px}.info-box p{margin:0;font-size:11px;line-height:1.7;color:#5f7090}.info-box strong{display:block;color:var(--navy);font-size:12px;margin-bottom:4px}
.mall-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:12px}.mall-art{height:92px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:0 16px}.mall-art span{font-size:44px;font-weight:900;letter-spacing:-.08em;color:#ffffff40;line-height:.9;white-space:nowrap}.mall-art:after{content:"HARIM MALL";position:absolute;top:14px;right:16px;font-size:9px;letter-spacing:.18em;color:#ffffffb8;font-weight:700}.mall-body{padding:16px}.mall-body h3{font-size:15px;margin:10px 0 6px}.mall-body p{font-size:11px;color:#8690a1;line-height:1.7;margin:0 0 14px}.mall-link{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;border-radius:10px;background:var(--pale);font-size:12px;font-weight:700;color:var(--blue)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 15px;border-radius:22px;border:1px solid #dde5ef;font-size:12px;font-weight:650;color:#65738c;background:white}.chip[aria-checked=true]{background:var(--blue);border-color:var(--blue);color:white}
.tag.green{background:#e5f6ec;color:#1d7f4c}.tag.amber{background:#fff3df;color:#a8650c}
.voice-card .voice-content{margin-top:8px;color:#5f6d83;white-space:pre-line}.reply{background:var(--pale);border-radius:10px;padding:12px;margin-top:12px}.reply b{font-size:11px;color:var(--blue)}.reply span{font-size:10px;color:var(--muted);margin-left:6px}.list-card .reply p{margin:6px 0 0;color:#4d5b73}.empty-note{font-size:12px;color:var(--muted);text-align:center;padding:26px 0;background:var(--pale);border-radius:12px}
.survey-head{background:var(--pale);border-radius:14px;padding:18px;margin-bottom:6px}.survey-head h2{font-size:16px;margin:10px 0 6px;line-height:1.45}.survey-head p{font-size:11px;color:var(--muted);margin:0}.question{padding:18px 0;border-bottom:1px solid var(--line)}.question h3{font-size:13px;margin:0 0 12px}.score-group{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.score-btn{min-height:44px;border-radius:10px;border:1px solid #dde5ef;font-size:14px;font-weight:700;color:#65738c;background:white}.score-btn[aria-checked=true]{background:var(--blue);border-color:var(--blue);color:white}.score-scale{display:flex;justify-content:space-between;font-size:9.5px;color:#9aa4b3;margin-top:7px}
.survey-done{display:flex;gap:13px;align-items:center;background:#e9f7ef;border-radius:14px;padding:16px;margin:14px 0 4px}.survey-done svg{color:#1d7f4c;width:26px;height:26px;flex-shrink:0}.survey-done strong{font-size:13px}.survey-done p{font-size:11px;color:#50715f;margin:4px 0 0}.score-summary{display:flex;align-items:center;gap:8px}.score-dots{display:flex;gap:3px}.score-dots i{width:7px;height:7px;border-radius:50%;background:#dfe5ee}.score-dots i.on{background:var(--blue)}
.key-values.compact{margin:0}.notice-scope{margin-top:12px}
.menu-list{border-top:1px solid var(--line)}.menu-item{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;border-bottom:1px solid var(--line);font-size:13px;font-weight:650;text-align:left}.menu-item>svg{margin-left:auto;width:16px;color:#a3aec0}.menu-icon{width:32px;height:32px;border-radius:9px;background:var(--pale);color:var(--blue);display:grid;place-items:center}.menu-icon svg{width:17px;height:17px}
.push-layer{position:absolute;top:50px;left:10px;right:10px;z-index:40;pointer-events:none}.push-banner{pointer-events:auto;display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border-radius:20px;background:#f7f8fbed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px #14243e2e,0 0 0 1px #14243e0d;transform:translateY(-140%);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}.push-banner.show{transform:none;opacity:1}.push-banner[hidden]{display:none}.push-app{width:38px;height:38px;border-radius:10px;background:white;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 1px var(--line)}.push-app img{width:30px;height:30px;object-fit:contain}.push-text{flex:1;min-width:0;display:block}.push-top{display:flex;justify-content:space-between;font-size:10px;color:#7b8598;margin-bottom:3px}.push-top b{font-weight:650}.push-text strong{display:block;font-size:12.5px;margin-bottom:2px}.push-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;color:#46546b;line-height:1.5}
.popup-layer{position:absolute;inset:0;z-index:35;background:#152b4a66;display:flex;align-items:center;justify-content:center;padding:24px}.popup-layer[hidden]{display:none}.popup-card{background:white;border-radius:20px;padding:26px 22px 0;width:100%;max-width:320px;box-shadow:0 20px 50px #14243e33;overflow:hidden}.popup-card:focus{outline:none}.popup-card h2{font-size:19px;line-height:1.45;margin:10px 0}.popup-card p{font-size:12.5px;line-height:1.8;color:#66748b;white-space:pre-line;margin:0 0 20px}.popup-actions{display:flex;border-top:1px solid var(--line);margin:18px -22px 0}.popup-actions button{flex:1;min-height:50px;font-size:12px;color:#7b8598;font-weight:650}.popup-actions button+button{border-left:1px solid var(--line);color:var(--navy)}
@media(max-width:430px){.push-layer{position:fixed;top:10px}.popup-layer{position:fixed}}