:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color:#20372d;background:#f5f7f3;--green:#176d57;--border:#e5eae3}*{box-sizing:border-box}body{margin:0}main{max-width:690px;margin:auto;padding:25px 16px calc(85px + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}h1{font-size:27px;letter-spacing:-1.3px;margin:5px 0 3px}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 14px}.leaf{color:#4a9d78;font-size:18px}.eyebrow{font-weight:800;letter-spacing:1.5px;font-size:10px;color:#47856c;text-transform:uppercase;margin:0}.sub{font-size:13px;color:#75877d;line-height:1.65;margin:6px 0 12px}.connection{font-size:11px;color:#3d866a;background:#e1f3e9;padding:8px 10px;border-radius:25px;white-space:nowrap}.card{background:white;border:1px solid #edf0eb;border-radius:19px;padding:19px;margin:13px 0;box-shadow:0 5px 22px #243b2e08}.stats{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.stat{padding:19px 16px;background:#1c7259;color:white;border-radius:19px;min-width:0}.stat.pale{background:#e7f2ea;color:#224638}.stat span{font-size:12px;opacity:.88}.stat strong{display:block;font-size:27px;letter-spacing:-1px;margin:8px 0}.stat small{font-size:11px;opacity:.8}.progress{height:6px;background:#e0e8de;border-radius:6px;margin:14px 2px 20px;overflow:hidden}.progress div{height:100%;background:#54ad86;transition:width .25s}.tabs{display:flex;gap:4px;margin:14px -4px;overflow-x:auto;padding:3px 4px 8px}.tabs button{white-space:nowrap;flex:1;padding:11px 7px;min-width:62px;background:transparent;color:#788c80;border-radius:12px;font-size:12px}.tabs button[aria-current=page]{background:#1e735b;color:white}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hint{font-size:11px;color:#829187;line-height:1.65}.item,.deal,.record,.top-product{padding:12px 0;border-bottom:1px solid var(--border)}.item:last-child,.deal:last-child,.record:last-child{border-bottom:0}.item{display:flex;align-items:center;gap:12px}.item input{width:22px;height:22px;flex-shrink:0;accent-color:var(--green)}.grow{flex:1;min-width:0}.item strong,.deal strong{font-size:14px}.item .meta,.deal .meta{font-size:11px;color:#84958a;margin-top:3px}.done{text-decoration:line-through;color:#a2b0a5}.list-total{padding:12px 0;color:#39715b;font-size:12px;font-weight:650}.list-total strong{font-size:17px}button{font-family:inherit;border:0;background:var(--green);color:#fff;border-radius:12px;cursor:pointer;padding:12px 13px;font-size:13px;font-weight:700;line-height:1.25}button:disabled{opacity:.48;cursor:not-allowed}button.soft{background:#e8f3ed;color:#1a7157}button.danger{background:#fff0ee;color:#b25142;padding:8px 11px}button.tiny{font-size:11px;padding:9px 11px}button.wide{width:100%}input,select,textarea{width:100%;min-width:0;background:white;border:1px solid #dbe5dc;border-radius:11px;padding:11px 12px;color:#20372d;font:inherit;font-size:15px}input[type=file]{font-size:12px;line-height:1.7}input[type=checkbox]{accent-color:var(--green)}label{display:block;color:#617769;font-size:12px;margin:0 0 6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.all{grid-column:1/-1}.split,.two{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.two{grid-template-columns:1fr 1fr}.stack{display:grid;gap:9px}.mt{margin-top:13px}.mb{margin-bottom:13px}.hidden{display:none!important}.feedback{font-size:12px;color:#297555;line-height:1.7;margin:12px 0;white-space:pre-wrap}.feedback.error{color:#be4b45}.chip{background:#e6f1e8;color:#468567;padding:6px 9px;border-radius:20px;font-size:11px;white-space:nowrap}.spotlight{background:#f0f7ec}.store-tags{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.store-tags span{font-size:11px;border:1px solid #d7e6d8;padding:6px 10px;border-radius:18px;background:white;color:#517762}.preview{width:100%;max-height:340px;object-fit:contain;background:#f1f3f1;border:1px solid #e4e7e2;border-radius:12px;margin-top:10px}.draft{display:grid;gap:9px;margin-top:12px}.draft-row{border:1px solid #e0e7df;background:#fafcf9;border-radius:12px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 80px 56px 32px;gap:7px;align-items:center}.draft-row input{padding:9px 8px;font-size:13px}.draft-row .smallbox{font-size:11px;color:#6b8978}.draft-row button{padding:8px 6px}.checkline{display:flex;align-items:center;gap:8px;font-size:12px}.checkline input{width:auto}.deal{display:flex;align-items:center;gap:10px}.deal>.grow{min-width:0}.price{font-weight:800;color:#1f785a;white-space:nowrap}.store-label{display:inline-block;color:#4c8066;background:#e8f2e8;font-size:10px;padding:3px 6px;border-radius:7px;margin-bottom:5px}.record .details{color:#829187;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.record-line{display:flex;justify-content:space-between;gap:10px}.record-line strong{font-size:14px}.code-text{font-size:11px;overflow-wrap:anywhere}footer{text-align:center;color:#a6b5a7;margin-top:38px;font-size:11px;letter-spacing:.6px}@media(max-width:380px){h1{font-size:23px}.stat strong{font-size:23px}.draft-row{grid-template-columns:minmax(0,1fr) 68px 45px 28px;gap:4px}.draft-row input{padding:8px 4px}}

/* Cartly v3 URL-first weekly-ad importer */
.url-card{background:#fff9f5;border:1px solid #f1dbcb}.url-card .eyebrow{color:#b87959}.url-sparkle{border-radius:50%;background:#fee5d8;color:#b87050;padding:10px 13px;font-size:20px}.url-card input[type=url]{border:1px solid #e5caba;background:#fff;font-size:14px;line-height:1.5}.url-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:10px}.url-actions button{flex:1;min-width:180px;background:#cf8666}.url-actions a{font-size:12px;color:#9d654b;font-weight:700;text-decoration:underline;text-underline-offset:3px}.url-card .feedback{margin:8px 0 0}.deal a{color:#5f8f74;text-decoration:underline;text-underline-offset:2px}.draft-row{scroll-margin-top:15px}@media(max-width:380px){.url-actions{display:grid}.url-actions button{min-width:0}}

/* CARTLY V3.1 PEACH MARKET: visual + mobile navigation system */
:root{--bg:#fff9f4;--surface:#ffffff;--ink:#342f30;--muted:#8d8581;--accent:#dc9076;--accent-deep:#ad664f;--accent-soft:#fff0e8;--mint:#88baa3;--line:#efe6df;--green:var(--accent-deep);--border:var(--line);color:var(--ink);background:var(--bg)}
:root[data-theme=mint]{--bg:#f6fcf7;--ink:#2d433b;--muted:#7a9083;--accent:#71b69b;--accent-deep:#348b70;--accent-soft:#e7f6ed;--mint:#94c2a5;--line:#dcebe0}
:root[data-theme=bunny]{--bg:#fff7fc;--ink:#51404a;--muted:#9d8394;--accent:#d8a0c0;--accent-deep:#9c5a81;--accent-soft:#fce9f3;--mint:#bfabc4;--line:#f0dce9}
html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-height:100svh}main{max-width:760px;padding:20px 17px calc(130px + env(safe-area-inset-bottom));margin:auto}
.top{margin-bottom:22px;align-items:center}.brand-area{display:flex;gap:11px;align-items:center;min-width:0}.brand-logo{width:54px;height:54px;border-radius:18px;box-shadow:0 5px 12px #ae7b6422}.top h1{font-size:23px;letter-spacing:-1px;line-height:1.2;margin:3px 0}.top .sub{margin:3px 0 0;font-size:12px}.eyebrow{color:var(--accent-deep);font-size:10px;letter-spacing:1.65px}.leaf{color:var(--accent);font-size:19px}.connection{color:var(--accent-deep);background:var(--accent-soft);font-size:10px;font-weight:700;max-width:92px;text-align:center;white-space:normal;line-height:1.4}
.card{border:1px solid var(--line);box-shadow:0 8px 28px #6b524d0b;border-radius:23px;padding:20px;margin:14px 0;background:var(--surface)}h2{font-size:19px;color:var(--ink)}.sub,.hint{color:var(--muted)}.sub{font-size:13px;line-height:1.7}label{color:var(--muted);font-weight:600}
button{background:var(--accent-deep);border-radius:15px;min-height:43px;transition:transform .14s,filter .14s;color:white}button:active:not(:disabled){transform:scale(.97)}button.soft{background:var(--accent-soft);color:var(--accent-deep)}button.danger{background:#fff0ee;color:#a44d47}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
input,select,textarea{border-color:var(--line);border-radius:14px;color:var(--ink);background:#fffdfb;min-height:46px}input[type=file]{background:var(--accent-soft);border-style:dashed;padding:14px}
.tabs{position:fixed;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),720px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 9px;margin:0;gap:1px;overflow:visible;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.98);box-shadow:0 12px 36px #53413f27;backdrop-filter:blur(12px)}.tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--muted);padding:7px 0 6px;min-width:0;min-height:55px;font-size:10px;white-space:nowrap;border-radius:16px}.tabs button[aria-current=page]{background:var(--accent-soft);color:var(--accent-deep)}.nav-icon{font-size:22px;line-height:1.1;font-weight:800}
/* Don't reveal navigation and camera when authentication is required */
#app.hidden .tabs,#app.hidden .camera-fab{display:none!important}
.page-intro{margin:20px 4px 16px}.page-intro h2{font-size:24px;margin:6px 0;letter-spacing:-.65px}.page-intro .sub{margin:4px 0}
.hero-hello{display:flex;align-items:center;justify-content:space-between;min-height:125px;padding:16px 18px 12px;border-radius:24px;background:linear-gradient(115deg,var(--accent-soft),#fffefb);border:1px solid var(--line);margin-bottom:14px;overflow:hidden}.hero-hello h2{font-size:21px;margin:7px 0 4px;letter-spacing:-.5px;line-height:1.3}.hero-hello p{color:var(--muted);font-size:12px;margin:0}.hello-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent-deep);font-weight:800}.hero-hello img{width:94px;height:94px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 10px 8px #7b5e4022)}
.hero-budget{background:var(--accent-soft);color:var(--ink);border:1px solid var(--line);border-radius:25px;padding:23px 22px;position:relative;overflow:hidden}.hero-budget-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent-deep);font-size:13px;font-weight:800}.budget-symbol{font-size:25px;opacity:.66}.hero-budget-values{margin:13px 0 7px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hero-budget-values strong{font-size:39px;letter-spacing:-1.6px;color:var(--ink);line-height:1}.hero-budget-values span{font-size:14px;color:var(--muted)}.hero-budget .progress{margin:20px 0 11px;height:10px;background:#e9d7d0;border-radius:99px}.hero-budget .progress div{background:var(--accent);border-radius:99px}.hero-budget p{display:inline;font-size:12px;color:var(--muted)}.hero-budget small{float:right;font-size:12px;color:var(--accent-deep);font-weight:700}
.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}.home-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;border-radius:23px;min-height:129px;padding:17px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 5px 14px #6b524d0b}.home-tile.tile-green{background:#f0f9f3}.home-tile strong{font-size:15px}.home-tile small{font-size:11px;color:var(--muted);font-weight:500}.tile-emoji{font-size:29px;line-height:1.15}.home-section .section-head h2{font-size:18px;margin:6px 0 5px}.home-section .section-head button{white-space:nowrap}.home-preview-row{display:flex;gap:10px;align-items:center;padding:11px 1px;border-bottom:1px solid var(--line);font-size:13px}.home-preview-row:last-child{border:0}.home-preview-row strong{margin-left:auto;font-size:13px}.home-preview-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);flex-shrink:0}.home-camera-tip{display:flex;align-items:center;gap:13px;background:var(--accent-soft);padding:16px;border-radius:20px;margin:14px 0 25px}.home-camera-tip span{font-size:29px}.home-camera-tip strong{font-size:13px}.home-camera-tip p{font-size:11px;color:var(--muted);margin:4px 0 0}
.camera-fab{position:fixed;bottom:calc(102px + env(safe-area-inset-bottom));right:max(17px,calc((100vw - 720px)/2 + 20px));z-index:40;display:flex;align-items:center;gap:7px;padding:12px 15px;border-radius:999px;background:var(--accent-deep);color:#fff;box-shadow:0 10px 25px #9b615555;border:3px solid #fff;min-height:55px}.camera-glyph{font-size:21px}.fab-label{font-size:12px;white-space:nowrap}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.theme-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-choice{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);min-height:104px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;line-height:1.2}.theme-choice[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:0}.theme-swatch{height:38px;width:38px;border-radius:15px;display:block;border:3px solid #ffffff;box-shadow:0 3px 10px #3332}
.spotlight{background:var(--accent-soft)}.chip,.store-label{background:var(--accent-soft);color:var(--accent-deep)}.price{color:var(--accent-deep)}.item input{accent-color:var(--accent-deep)}.list-total{color:var(--accent-deep)}.url-card{background:var(--accent-soft);border-color:var(--line)}.url-card .eyebrow{color:var(--accent-deep)}.url-card .url-sparkle{background:white;color:var(--accent-deep)}.url-actions button{background:var(--accent-deep)}.url-actions a,.deal a{color:var(--accent-deep)}.store-tags span{border-color:var(--line);color:var(--accent-deep)}footer{padding-bottom:6px;color:var(--muted);letter-spacing:1px}.feedback{color:var(--accent-deep)}.feedback.error{color:#b43d46}
@media(max-width:470px){main{padding:16px 14px calc(124px + env(safe-area-inset-bottom))}.top h1{font-size:20px}.brand-logo{width:47px;height:47px}.top .sub{font-size:11px}.eyebrow{font-size:9px}.camera-fab{right:14px}.hero-budget-values strong{font-size:37px}.hero-hello{padding:14px 13px}.hero-hello h2{font-size:18px}.hero-hello img{width:72px;height:72px}.draft-row{grid-template-columns:minmax(0,1fr) 76px 53px 30px;gap:5px}.draft-row input{padding:8px 5px;font-size:12px}}
@media(max-width:355px){.fab-label{display:none}.camera-fab{padding:13px}.home-tile{padding:12px}.brand-area{gap:7px}.brand-logo{width:42px;height:42px}.connection{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v3.2: iOS reliable native camera control. The input itself receives the tap. */
.camera-fab{position:fixed;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}
.camera-native-input{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important;margin:0!important;padding:0!important;border:0!important;font-size:40px!important}
.camera-fab:focus-within{outline:3px solid var(--accent);outline-offset:3px}

/* Cartly v3.4 mobile fixes */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
main{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(175px + env(safe-area-inset-bottom))}
.card,.fields,.fields>div,.fields>.all,.split,.two,.view{min-width:0;max-width:100%}
.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.fields>div{min-width:0}
.fields input[type=date],.fields select,.fields input[type=number]{display:block;width:100%;min-width:0;max-width:100%;font-size:16px;line-height:1.3;min-height:49px;padding:11px 8px}
.fields input[type=date]{-webkit-appearance:none;appearance:none;text-align:left;padding-left:8px;padding-right:4px}
input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
input[type=date]::-webkit-datetime-edit{padding:0;max-width:100%;overflow:hidden}
input[type=date]::-webkit-calendar-picker-indicator{max-width:20px;margin:0;opacity:.65}
.camera-fab{bottom:calc(106px + env(safe-area-inset-bottom));z-index:35}
.tabs{bottom:calc(10px + env(safe-area-inset-bottom));z-index:30}
#receiptDraft{scroll-margin-top:calc(32px + env(safe-area-inset-top))}
@media(max-width:480px){.card{padding:16px 13px}.fields{gap:9px}.fields input[type=date],.fields select{font-size:14px}.draft-row{grid-template-columns:minmax(0,1fr) minmax(0,72px) minmax(0,49px) 28px}.draft-row input{min-width:0;font-size:12px}.camera-fab{right:15px;min-height:49px;padding:10px 13px}.tabs{width:calc(100% - 20px)}.page-intro{margin-top:5px}}
@media(max-width:370px){.fields{grid-template-columns:minmax(0,1fr)}.fields>div{grid-column:1/-1}.fields input[type=date],.fields select{font-size:16px}}


/* Cartly v3.7: visible receipt save feedback and clear save-confirmation UX */
.receipt-save-feedback{margin:12px 0 3px;padding:13px 15px;border-radius:15px;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-deep);font-size:13px;line-height:1.6;font-weight:650;scroll-margin-block:130px;overflow-wrap:anywhere}
.receipt-save-feedback.error{background:#fff0ef;color:#a83d3d;border-color:#eecbc9}
#saveReceipt{min-height:55px;font-size:15px;margin-top:20px;box-shadow:0 5px 14px #ad664f20}
#saveReceipt[aria-busy=true]{opacity:.7;cursor:progress}
.receipt-success-open{overflow:hidden}
.receipt-success-overlay{position:fixed;inset:0;z-index:1000;background:rgba(47,33,31,.58);display:flex;justify-content:center;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.receipt-success-card{width:min(100%,405px);max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;border-radius:30px;background:var(--surface);box-shadow:0 24px 85px #2a191a4d;border:1px solid var(--line);padding:26px 24px 24px;text-align:center;animation:receipt-success-pop .36s cubic-bezier(.22,1.4,.48,1)}
.receipt-success-confetti{letter-spacing:15px;font-size:18px;color:var(--accent);padding-left:15px}
.receipt-success-icon{display:flex;align-items:center;justify-content:center;margin:3px auto 6px;height:116px;width:116px;border-radius:50%;background:var(--accent-soft);box-shadow:0 6px 25px #ce907036}
.receipt-success-card h2{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:10px 0 8px;color:var(--ink)}
.receipt-success-description{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.receipt-success-details{background:var(--accent-soft);border:1px solid var(--line);border-radius:20px;padding:16px 12px;margin:12px 0}
.receipt-success-store{font-size:13px;font-weight:800;color:var(--accent-deep)}
.receipt-success-amount{font-size:33px;font-weight:850;color:var(--ink);letter-spacing:-1px;line-height:1.5}
.receipt-success-details p{font-size:12px;color:var(--muted);margin:3px 0 1px}
.receipt-success-question{margin:17px 0 11px;font-size:13px;font-weight:750;color:var(--ink)}
.receipt-success-actions{display:grid;gap:9px}
.receipt-success-actions button,.receipt-success-actions .receipt-success-camera{border-radius:15px;min-height:54px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin:0}
.receipt-success-actions .receipt-success-home{background:var(--accent-deep);color:#fff}
.receipt-success-camera{position:relative;overflow:hidden;border:2px solid var(--line);background:var(--accent-soft);color:var(--accent-deep);cursor:pointer}
.receipt-success-camera:focus-within{outline:3px solid var(--mint);outline-offset:2px}
@keyframes receipt-success-pop{from{opacity:0;transform:translateY(24px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:370px){.receipt-success-card{padding:22px 16px}.receipt-success-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.receipt-success-card{animation:none}}

/* v3.8: budget month navigation and receipt accounting-period clarity */
.budget-period-nav{display:flex;gap:7px;align-items:center;margin:-4px 0 16px}
.budget-period-nav strong{font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap}
.budget-period-nav button{width:36px;height:36px;min-width:36px;padding:0;border-radius:12px;background:var(--surface);color:var(--accent-deep);font-size:23px;border:1px solid var(--line)}
.budget-period-nav button:disabled{opacity:.3}
.budget-period-nav button.budget-current{margin-left:auto;width:auto;min-width:0;padding:0 10px;font-size:11px;font-weight:750;background:var(--accent-deep);color:#fff}
.budget-period-hint{clear:both;padding-top:13px;font-size:11px;line-height:1.5;color:var(--muted)}
.receipt-month-notice{padding:12px 14px;margin:0;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-deep);font-size:12px;font-weight:650;line-height:1.55;border-radius:14px}
.receipt-month-notice.past-month{background:#fff5d9;color:#875321;border-color:#ebd6ac}
.history-month-heading{margin:17px 0 3px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:2px solid var(--line)}
.history-month-heading strong{font-size:15px;color:var(--ink)}
.success-budget-month{font-weight:750!important;color:var(--accent-deep)!important}
@media(max-width:380px){.budget-period-nav{gap:4px}.budget-period-nav strong{font-size:13px}.budget-period-nav button{min-width:31px;width:31px;height:32px}}

/* Cartly v3.9: password sign in + safe receipt deletion */
.auth-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:var(--accent-soft);padding:5px;border-radius:15px;margin:12px 0 18px}
.auth-switch .auth-mode{font-size:12px;min-width:0;padding:11px 5px;background:transparent;color:var(--muted);border-radius:10px}
.auth-switch .auth-mode[aria-pressed="true"]{background:var(--surface);color:var(--accent-deep);box-shadow:0 2px 8px #00000012}
.auth-card .auth-panel label,.password-setup label{font-weight:700;color:var(--ink);margin-bottom:-4px}
.auth-card .auth-panel input,.password-setup input{font-size:16px}
.auth-card .auth-panel .hint{margin:3px 0 0}
.password-setup{margin:20px 0;padding:16px;border:1px solid var(--line);background:var(--accent-soft);border-radius:18px}
.password-setup h3{font-size:15px;margin:0 0 7px;color:var(--ink)}
.password-setup .sub{margin:0 0 14px}
.record-delete{margin:11px 0 0 0;font-size:12px}
#historyStatus{scroll-margin-top:100px}
@media(max-width:375px){.auth-switch .auth-mode{font-size:11px;padding:10px 2px}}