:root{color:#111f1c;background:radial-gradient(circle at 50% -10%,rgba(167,217,192,.42),transparent 34%),#e8eee9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scan-line{0%{transform:translateY(-94px);opacity:0}14%,86%{opacity:1}to{transform:translateY(94px);opacity:0}}@keyframes check-pop{0%{opacity:0;transform:scale(.62) rotate(-16deg)}60%{transform:scale(1.08) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bar-rise{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}button:active,a:active{transform:scale(.98)}h1,h2,h3,p{margin-top:0}.mobile-web{position:relative;width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:linear-gradient(180deg,#fbfcfb,#f5f8f5 48%,#fbfcfb);box-shadow:0 30px 90px #102a232e}.mobile-web.scan-mode{background:#101715}.app-header{position:sticky;top:0;z-index:5;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px 11px;background:#fbfcfbd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-logo{width:38px;height:38px;flex:0 0 auto;display:block;filter:drop-shadow(0 5px 10px rgba(15,51,40,.12))}.brand strong,.brand small{display:block}.brand strong{color:#183f38;font-size:18px;line-height:1;letter-spacing:.01em}.brand small{margin-top:3px;color:#4a5c56;font-size:9px;font-weight:800}.icon-button{width:38px;height:38px;border:0;border-radius:50%;color:#163c35;background:#eef5f1;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px #113f340a}.app-main{min-height:calc(100vh - 74px)}.screen{min-height:calc(100vh - 74px);padding:18px 18px 96px;animation:screen-in .38s cubic-bezier(.2,.75,.2,1) both}.splash-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:40px;color:#fff;text-align:center;background:linear-gradient(#0a30272e,#052c21db),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=900&q=80);background-position:center;background-size:cover}.splash-logo{width:46px;height:46px;margin-bottom:18px;animation:float-soft 3.2s ease-in-out infinite}.splash-screen h1{margin-bottom:5px;font-size:38px;line-height:.94}.splash-screen p{font-size:11px;font-weight:850}.splash-screen small{position:absolute;right:0;bottom:56px;left:0;font-size:13px;font-weight:900;line-height:1.55;white-space:pre-line}.login-screen{position:relative;min-height:100vh;overflow:hidden;padding:122px 20px 34px;background:radial-gradient(circle at 50% 78%,rgba(150,220,176,.18),transparent 30%),#fbfcfb;text-align:center}.login-brand img{width:48px;height:48px;animation:fade-scale .46s ease both}.login-brand h1{margin:14px 0 3px;font-size:21px}.login-brand p{margin-bottom:44px;color:#50615b;font-size:10px;font-weight:800}.login-actions{display:grid;gap:10px}.login-actions button{min-height:48px;border:0;border-radius:10px;font-size:13px;font-weight:950;box-shadow:0 12px 24px #1c302a12}.kakao-login{background:#ffdd1a}.naver-login{color:#fff;background:#20ce63}.email-login{border:1px solid #dce4e0!important;color:#17251f;background:#fff}.or-divider{margin:21px 0;color:#a0aaa5;font-size:12px}.email-login-form{position:relative;z-index:1;display:grid;gap:10px;margin-bottom:12px}.email-login-form label{display:grid;gap:6px;text-align:left}.email-login-form label span{color:#50615b;font-size:11px;font-weight:950}.email-login-form input{width:100%;min-height:46px;border:1px solid #dce7e1;border-radius:12px;padding:0 14px;color:#14231d;background:#ffffffeb;outline:none}.email-login-form input:focus{border-color:#0d5747;box-shadow:0 0 0 4px #0d574714}.login-caption{position:relative;z-index:1;color:#65716c;font-size:12px}.login-plant{position:absolute;right:0;bottom:-6px;left:0;height:160px;background:radial-gradient(ellipse at 38% 88%,#174d38 0 8%,transparent 9%),radial-gradient(ellipse at 48% 78%,#2c704e 0 13%,transparent 14%),radial-gradient(ellipse at 62% 92%,#1e563e 0 10%,transparent 11%)}.signup-screen{min-height:100vh;padding-top:28px;background:radial-gradient(circle at 82% 4%,rgba(112,210,152,.18),transparent 24%),#fbfcfb}.signup-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.signup-head h1{margin-bottom:6px}.signup-head span{display:block;color:#66766f;line-height:1.45}.signup-form{display:grid;gap:13px}.signup-form label:not(.check-row){display:grid;gap:7px}.signup-form label>span{color:#4f635a;font-size:12px;font-weight:900}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password]{width:100%;min-height:50px;border:1px solid #dce7e1;border-radius:12px;padding:0 14px;color:#14231d;background:#fff;outline:none;box-shadow:0 10px 22px #142b2309}.signup-form input:focus{border-color:#0d5747;box-shadow:0 0 0 4px #0d574714}.check-row{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;border:1px solid rgba(13,87,71,.08);border-radius:14px;padding:13px;background:#f5faf7}.check-row input{width:18px;height:18px;margin-top:1px;accent-color:#0d5747}.check-row span{color:#52655d;font-size:12px;line-height:1.45}.form-error{margin:0;border-radius:12px;padding:11px 12px;color:#a23d2f;background:#fff0ec;font-size:12px;font-weight:850}.greeting h1,.page-title h1,.report-screen h1,.result-screen h1,.product-detail-screen h1,.my-screen h1{margin-bottom:6px;font-size:23px;line-height:1.18}.greeting p,.subcopy,.result-screen p,.profile-card p{color:#6b7872;line-height:1.45}.impact-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-top:18px;border:1px solid rgba(60,129,99,.1);border-radius:22px;padding:16px;background:radial-gradient(circle at 86% 18%,rgba(129,220,166,.35),transparent 26%),linear-gradient(135deg,#e8f8f1,#f6fbf8);box-shadow:0 18px 40px #154c391a;animation:fade-scale .42s .04s ease both}.impact-card span,.result-grid span,.product-row small,.registered-card small{display:block;color:#61736b;font-size:12px}.impact-card strong{display:block;margin:7px 0 13px;font-size:31px;line-height:1}.impact-card strong small{display:inline;margin-left:3px;color:inherit;font-size:14px}.leaf-score{position:relative;display:flex;min-height:132px;max-width:112px;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;border:1px solid rgba(35,126,87,.12);border-radius:20px;padding:13px 8px;background:linear-gradient(180deg,#effbf4,#dff5e9);text-align:center;animation:float-soft 4.4s ease-in-out infinite;box-shadow:inset 0 1px #ffffffe6,0 14px 28px #1c79561a}.leaf-score:before{display:none}.leaf-score:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:15px;border:1px solid rgba(255,255,255,.72);pointer-events:none}.leaf-score i{position:relative;z-index:1;width:46px;height:48px;display:grid;place-items:center;border-radius:0;background:transparent;box-shadow:none}.leaf-score i:before{content:"";width:30px;height:38px;border-radius:4% 78% 8% 82%;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,.72),transparent 18%),linear-gradient(140deg,#8dec9f,#2eb96b 48%,#087a4c);box-shadow:inset -5px -7px 10px #05603a33,inset 3px 4px 8px #ffffff57;transform:rotate(38deg)}.leaf-score i em{position:absolute;z-index:2;width:2px;height:28px;border-radius:999px;background:linear-gradient(#ffffffeb,#dbffe75c);transform:rotate(38deg)}.leaf-score i em:before,.leaf-score i em:after{content:"";position:absolute;left:1px;width:12px;height:2px;border-radius:999px;background:#e3ffeb94;transform-origin:left center}.leaf-score i em:before{top:8px;transform:rotate(-34deg)}.leaf-score i em:after{top:16px;width:10px;transform:rotate(32deg)}.leaf-score span,.leaf-score b{position:relative;z-index:1}.leaf-score b{color:#153f37;font-size:21px;line-height:1}.leaf-score b small{display:block;margin-top:3px;color:#5b7469;font-size:9px;font-weight:900;letter-spacing:.02em}.primary-button,.secondary-button{width:100%;min-height:50px;border:0;border-radius:11px;font-weight:950}.primary-button{margin-top:18px;color:#fff;background:linear-gradient(135deg,#0d5747,#126b58);box-shadow:0 14px 26px #0d57473d}.primary-button:hover{box-shadow:0 18px 32px #0d57474d}.secondary-button{margin-top:10px;border:1px solid #dfe7e3;color:#0d5747;background:#fff;box-shadow:0 10px 22px #162d250d}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quick-stats article{border:1px solid rgba(18,87,71,.08);border-radius:14px;padding:14px;background:#ffffffdb;box-shadow:0 10px 24px #162d250d;animation:screen-in .36s ease both}.quick-stats article:nth-child(2){animation-delay:.05s}.quick-stats span,.quick-stats strong{display:block}.quick-stats span{color:#708078;font-size:11px;font-weight:850}.quick-stats strong{margin-top:5px;color:#143f36;font-size:20px}.content-block{margin-top:30px}.section-title,.page-title,.detail-head,.notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:0;font-size:17px}.section-title button,.page-title button{border:0;border-radius:10px;padding:9px 11px;color:#0d5747;background:#edf5f1;font-size:12px;font-weight:900}.product-row,.registered-card{width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:13px;border:1px solid rgba(22,55,48,.08);border-radius:16px;padding:12px;color:inherit;background:#fff;text-align:left;box-shadow:0 12px 28px #142b230f}.product-row:hover,.menu-row:hover,.notice-row:hover{transform:translateY(-1px)}.product-row.large{margin-top:11px;grid-template-columns:62px 1fr auto;padding:14px}.product-visual{display:block;position:relative;width:42px;height:56px;overflow:hidden;border-radius:10px;background:#f2eee8;box-shadow:0 10px 18px #5b48301f}.product-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.product-row.large .product-visual{width:48px;height:62px}.product-visual.black{background:#eef1ef;box-shadow:0 10px 18px #00000021}.campaign-card{position:relative;overflow:hidden;min-height:112px;margin-top:26px;border:1px solid rgba(22,99,73,.08);border-radius:20px;padding:18px;color:#17493f;background:radial-gradient(circle at 90% 62%,#80ddae 0 18px,transparent 19px),radial-gradient(circle at 88% 20%,rgba(255,255,255,.8),transparent 28%),linear-gradient(135deg,#d6f3e7,#f0fbf5);box-shadow:0 16px 34px #1d5c4414;animation:screen-in .4s .08s ease both}.campaign-card.bottom{margin-top:120px}.campaign-card span{position:relative;z-index:1;display:block;max-width:210px;font-weight:950}.campaign-card p{position:relative;z-index:1;max-width:230px;margin:7px 0 0;color:#47665c;font-size:12px}.scanner-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px 22px;color:#fff;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.1),transparent 32%),linear-gradient(180deg,#18201d,#0d1311);text-align:center}.scan-top{position:absolute;top:18px;right:18px;left:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:850}.scan-close{width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:#ffffff21;font-size:26px}.scanner-copy h1{font-size:18px}.scanner-copy p{color:#ffffffb3;font-size:13px}.scan-error{margin:8px auto 0;max-width:280px;color:#ffd6c9!important;font-weight:850}.scan-frame{position:relative;display:grid;place-items:center;width:230px;height:230px;margin:52px auto 30px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff1a;box-shadow:0 24px 50px #00000047}.scan-frame:after{content:"";position:absolute;z-index:1;right:18px;left:18px;top:50%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(153,255,199,.95),transparent);box-shadow:0 0 18px #99ffc78c;animation:scan-line 2.2s ease-in-out infinite}.scan-frame video{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.scan-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;padding:18px;background:#ffffff14}.scan-placeholder span{max-width:180px;color:#ffffffc7;font-size:12px;line-height:1.45}.scan-frame:before{content:"";position:absolute;z-index:2;top:-12px;right:-12px;bottom:-12px;left:-12px;border:8px solid white;border-color:white transparent transparent white;border-radius:9px 0 0;filter:drop-shadow(238px 0 0 white) drop-shadow(0 238px 0 white) drop-shadow(238px 238px 0 white);clip-path:inset(0 205px 205px 0)}.scan-actions{display:flex;justify-content:center;gap:10px}.scan-actions button,.scan-submit{border:0;border-radius:999px;padding:10px 15px;color:#fff;background:#ffffff24;font-size:12px;font-weight:850}.scan-submit{position:absolute;right:22px;bottom:24px;left:22px;min-height:48px;border-radius:12px;background:#fff;color:#102c28;box-shadow:0 18px 34px #00000038}.result-screen{text-align:center}.check-icon{width:78px;height:78px;display:grid;place-items:center;margin:48px auto 28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#176252,#0d5747);font-size:38px;font-weight:900;box-shadow:0 16px 36px #0d574738;animation:check-pop .5s cubic-bezier(.2,.8,.2,1.2) both}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 18px}.result-grid article{min-height:106px;border:1px solid rgba(18,87,71,.06);border-radius:16px;padding:16px 10px;background:#fff;box-shadow:0 10px 24px #1530260d;text-align:left;animation:screen-in .36s ease both}.result-grid article:nth-child(2){animation-delay:.05s}.result-grid article:nth-child(3){animation-delay:.1s}.result-grid article:nth-child(4){animation-delay:.15s}.result-grid strong{display:block;margin-bottom:8px;color:#12634f;font-size:20px}.registered-card{grid-template-columns:60px 1fr;margin:26px 0 18px}.product-photo{height:275px;border:1px solid rgba(22,55,48,.08);border-radius:20px;overflow:hidden;background:#f4f0e9;box-shadow:inset 0 0 0 1px #ffffffb3,0 16px 34px #18282214}.product-photo.black{background:#eff3f1}.product-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.detail-head{margin:18px 0 8px}.detail-head span{border-radius:999px;padding:7px 10px;color:#12845b;background:#dff3e8;font-size:11px;font-weight:900}.detail-list{display:grid;margin:10px 0 0;border:1px solid rgba(22,55,48,.08);border-radius:16px;padding:4px 16px;background:#fff;box-shadow:0 12px 28px #142b230d}.detail-list div{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid #e7eeea;padding:13px 0}.detail-list div:last-child{border-bottom:0}dt{color:#748079;font-size:12px;font-weight:850}dd{margin:0;color:#2c3934;font-size:13px;font-weight:850}.month-selector{border-radius:12px;padding:12px;background:#edf5f1;text-align:center;font-size:13px;font-weight:950}.report-panel{margin-top:14px;border:1px solid rgba(22,55,48,.08);border-radius:20px;padding:20px;background:radial-gradient(circle at 88% 12%,rgba(151,218,179,.26),transparent 24%),#fff;box-shadow:0 18px 38px #15302612}.report-panel span{color:#5f6d67;font-size:12px}.report-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.report-panel-head em{border-radius:999px;padding:7px 10px;color:#0f7757;background:#e4f7ee;font-size:12px;font-style:normal;font-weight:950}.report-panel strong{display:block;margin:7px 0 16px;font-size:34px}.report-panel small{font-size:16px}.bar-chart{height:188px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;border-radius:14px;padding:24px 12px 12px;background:repeating-linear-gradient(0deg,transparent 0 35px,rgba(31,87,68,.06) 36px 37px),linear-gradient(180deg,#fbfdfb,#f4faf7)}.bar-item{height:100%;display:grid;grid-template-rows:24px 1fr 20px;justify-items:center;align-items:end;gap:6px}.bar-item b{min-width:26px;border-radius:999px;padding:4px 6px;color:#718078;background:transparent;font-size:11px;font-weight:950;opacity:0;transform:translateY(4px)}.bar-item i{width:32px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 28%),linear-gradient(180deg,#9addc0,#26a875);box-shadow:0 8px 18px #26a8752e;transform-origin:bottom;animation:bar-rise .62s cubic-bezier(.2,.75,.2,1) both}.bar-item small{color:#73847b;font-size:11px;font-weight:850}.bar-item.peak b{color:#fff;background:#0d5747;opacity:1;transform:translateY(0)}.bar-item.peak i{width:36px;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent 28%),linear-gradient(180deg,#24c889,#0d5747);box-shadow:0 12px 24px #0d574747}.bar-item:nth-child(2) i{animation-delay:.06s}.bar-item:nth-child(3) i{animation-delay:.12s}.bar-item:nth-child(4) i{animation-delay:.18s}.metric-list,.reward-list{display:grid;gap:9px;margin:12px 0;padding:0;list-style:none}.metric-list li{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(22,55,48,.08);border-radius:13px;padding:13px;background:#fff;font-size:13px;box-shadow:0 8px 20px #142b230a}.metric-list b{flex:0 0 auto;color:#124c40;white-space:nowrap}.savings-card{position:relative;min-height:118px;display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(22,99,73,.08);border-radius:18px;padding:15px;color:#12634f;background:linear-gradient(135deg,#e8f8f1,#f8fdfb);box-shadow:0 12px 28px #1d5c4412}.savings-card span,.savings-card strong{margin-top:4px;font-size:22px;line-height:1}.savings-card span,.savings-card strong{display:block}.savings-card svg{width:100%;height:76px;display:block;overflow:visible;border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(18,99,79,.06) 18px 19px),#ffffff6b}.savings-card .area{fill:#138f5b24}.savings-card .line{fill:none;stroke:#138f5b;stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.savings-card .dot{fill:#0d5747;stroke:#fff;stroke-width:3}.reward-screen{background:radial-gradient(circle at 50% 8%,rgba(110,185,230,.18),transparent 28%),linear-gradient(135deg,#edf7ff,#daf7e8 52%,#fbfcfb)}.reward-hero{margin:0 -18px;padding:44px 18px 26px;text-align:center;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.8),transparent 23%),transparent}.reward-hero span{display:block;font-size:13px;font-weight:850}.reward-hero strong{display:block;margin-top:8px;font-size:42px}.reward-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reward-tabs button{min-height:76px;border:0;border-radius:16px;background:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 26px #1a433512}.reward-screen h2{margin:28px 0 14px;font-size:18px}.reward-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;border-radius:14px;padding:10px;background:#ffffffbd;animation:screen-in .34s ease both}.reward-list li:nth-child(2){animation-delay:.04s}.reward-list li:nth-child(3){animation-delay:.08s}.reward-list li:nth-child(4){animation-delay:.12s}.reward-list i,.notice-row i{width:32px;height:32px;border-radius:50%;background:#dff3e8}.reward-list strong,.reward-list small{display:block}.reward-list small{color:#718079;font-size:11px}.reward-list b{color:#03945e}.reward-list b.negative{color:#e33d3d}.profile-card{display:flex;align-items:center;gap:15px;margin-bottom:26px;border:1px solid rgba(22,55,48,.08);border-radius:18px;padding:16px;background:#fff;box-shadow:0 14px 30px #142b230f}.avatar{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 31%,#c8cdcb 0 13px,transparent 14px),radial-gradient(circle at 50% 88%,#b9c0bd 0 31px,transparent 32px),#eef0ef}.menu-row{width:100%;display:flex;justify-content:space-between;border:1px solid rgba(22,55,48,.07);border-radius:14px;margin-bottom:9px;padding:15px;background:#fff;font-weight:850;box-shadow:0 8px 18px #142b2309}.my-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}.my-summary-grid article{min-width:0;border:1px solid rgba(22,55,48,.07);border-radius:14px;padding:12px 8px;background:#fff;box-shadow:0 8px 18px #142b2309}.my-summary-grid span,.my-summary-grid strong{display:block}.my-summary-grid span{color:#6f7d76;font-size:10px;font-weight:800}.my-summary-grid strong{margin-top:5px;color:#183f38;font-size:15px}.my-panel{display:grid;gap:12px;margin:0 0 18px;border:1px solid rgba(22,55,48,.07);border-radius:16px;padding:15px;background:#fff;box-shadow:0 10px 24px #142b230d}.my-panel label{display:grid;gap:6px}.my-panel label span,.setting-row span{color:#54645d;font-size:11px;font-weight:850}.my-panel input:not([type=checkbox]){width:100%;border:1px solid rgba(22,55,48,.12);border-radius:12px;padding:12px;color:#173a34;background:#f8fbf9}.my-panel p{margin:0;color:#66766f;font-size:12px;line-height:1.55}.my-panel strong{color:#183f38}.my-message{color:#00895a!important;font-weight:850}.setting-row{display:flex!important;grid-template-columns:none;align-items:center;justify-content:space-between;gap:12px}.notice-row{display:grid;grid-template-columns:34px 1fr;gap:12px;margin-top:22px;border:1px solid rgba(22,55,48,.06);border-radius:16px;padding:14px;background:#fff;box-shadow:0 10px 24px #142b230d}.notice-row strong{display:block;margin-bottom:4px;font-size:13px}.notice-row p,.notice-row small{display:block;margin:0;color:#68756f;font-size:11px;line-height:1.45}.notice-row .blue{background:#cceefa}.notice-row .yellow{background:#ffe4ae}.notice-row .pink{background:#ffd3e4}.notice-row .purple{background:#ded6ff}.tabbar{position:fixed;right:max(0px,calc((100vw - 430px)/2));bottom:0;left:max(0px,calc((100vw - 430px)/2));z-index:8;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(22,55,48,.08);border-right:0;border-bottom:0;border-left:0;padding:7px 8px calc(9px + env(safe-area-inset-bottom));background:#ffffffeb;box-shadow:0 -16px 34px #192d2614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar button{min-height:50px;display:grid;place-items:center;gap:2px;border:0;border-radius:12px;color:#718079;background:transparent;font-size:10px;font-weight:850}.tabbar span{font-size:17px;line-height:1}.tabbar .active{color:#0d5747;background:#edf7f2;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:430px){.mobile-web{width:100%;box-shadow:none}}