*{touch-action:pan-x pan-y}html{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}:root{--ot-c: #f97316;--meal-c: #16a34a;--sun-c: #ef4444;--sat-c: #3b82f6;--neg-c: #ef4444;--pos-c: #16a34a;--chip-ot-bg: #fff7ed;--chip-meal-bg: #f0fdf4;--holiday-bg: #fee2e2}.acc-blue{--acc:#1a56db;--acc-soft:#eff6ff;--acc-text:#1e40af;--today-bg:#1e293b}.acc-green{--acc:#16a34a;--acc-soft:#f0fdf4;--acc-text:#14532d;--today-bg:#14532d}.acc-purple{--acc:#7c3aed;--acc-soft:#faf5ff;--acc-text:#4c1d95;--today-bg:#3b0764}.acc-rose{--acc:#e11d48;--acc-soft:#fff1f2;--acc-text:#881337;--today-bg:#881337}.acc-orange{--acc:#ea580c;--acc-soft:#fff7ed;--acc-text:#9a3412;--today-bg:#7c2d12}.acc-teal{--acc:#0d9488;--acc-soft:#f0fdfa;--acc-text:#134e4a;--today-bg:#134e4a}.bg-light{--bg:#ffffff;--surface:#f2f2f7;--surface2:#e9e9ef;--border:#e5e7eb;--t1:#111827;--t2:#6b7280;--t3:#b0b7c3}.bg-warm{--bg:#fdf8f3;--surface:#f2ece3;--surface2:#e8ddd0;--border:#e0d4c3;--t1:#2c1810;--t2:#7a5c48;--t3:#b89a88}.bg-dark{--bg:#111827;--surface:#1f2937;--surface2:#374151;--border:#374151;--t1:#f9fafb;--t2:#9ca3af;--t3:#6b7280;--chip-ot-bg:#2a1a08;--chip-meal-bg:#0a1f0e;--holiday-bg:#2a0a0a}.bg-amoled{--bg:#000000;--surface:#111111;--surface2:#1f1f1f;--border:#2a2a2a;--t1:#ffffff;--t2:#a0a0a0;--t3:#555555;--chip-ot-bg:#1f1408;--chip-meal-bg:#081a0b;--holiday-bg:#1f0808}.bg-dark.acc-blue,.bg-amoled.acc-blue{--acc-soft:#1a2640;--acc-text:#93b4f5}.bg-dark.acc-green,.bg-amoled.acc-green{--acc-soft:#0d2818;--acc-text:#6ee7a0}.bg-dark.acc-purple,.bg-amoled.acc-purple{--acc-soft:#1f1338;--acc-text:#b89cf8}.bg-dark.acc-rose,.bg-amoled.acc-rose{--acc-soft:#2a1020;--acc-text:#f472a8}.bg-dark.acc-orange,.bg-amoled.acc-orange{--acc-soft:#2a1508;--acc-text:#f8a060}.bg-dark.acc-teal,.bg-amoled.acc-teal{--acc-soft:#0a2420;--acc-text:#5eead4}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans KR,sans-serif;background:var(--surface);display:flex;justify-content:center;min-height:100vh;overflow:hidden}#app{width:100%;max-width:390px;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);overflow:hidden;background:var(--bg);color:var(--t1);display:flex;flex-direction:column;box-shadow:0 0 60px #0000001f}button,input{font-family:Noto Sans KR,sans-serif}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center}.login-app-name{font-size:13px;font-weight:600;color:var(--t3);letter-spacing:2px;margin-bottom:8px}.login-logo{font-size:38px;font-weight:800;color:var(--acc);line-height:1.1}.login-logo-sub{font-size:38px;font-weight:300;color:var(--t2);line-height:1.1}.login-logo-img{width:110px;height:auto;margin-bottom:12px}.login-desc{font-size:13px;color:var(--t3);margin-top:10px}.login-divider{height:1px;background:var(--border);margin:32px 0}.lf-label{font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.lf-input{width:100%;border:none;border-bottom:1.5px solid var(--border);padding:8px 0;font-size:16px;color:var(--t1);background:transparent;outline:none;margin-bottom:18px}.lf-input:focus{border-bottom-color:var(--acc)}.login-btn{width:100%;padding:16px;border-radius:16px;border:none;background:var(--acc);color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px}.login-sub{font-size:13px;color:var(--t3);text-align:center;margin-top:16px}.login-sub a{color:var(--acc);font-weight:600;text-decoration:none;cursor:pointer}.splash{position:fixed;inset:0;z-index:9999;background:var(--bg, #fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:1;transition:opacity .4s ease}.splash.fade-out{opacity:0;pointer-events:none}.splash-icon{width:72px;height:auto;border-radius:0;animation:splashPop .5s ease both}.splash-name{font-size:26px;font-weight:800;color:var(--t1, #222);letter-spacing:-1px;animation:splashPop .5s .1s ease both}.splash-desc{font-size:13px;font-weight:500;color:var(--t3, #999);animation:splashPop .5s .2s ease both}@keyframes splashPop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:none}}.login-error{font-size:13px;color:var(--neg-c);margin-top:8px;min-height:20px}.header-top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.header-right{display:flex;align-items:center;gap:8px}.nick-name-top{font-size:12px;font-weight:600;color:var(--t2)}.logout-btn-text{padding:4px 10px;border-radius:8px;background:var(--surface);border:none;font-size:11px;font-weight:600;color:var(--t3);cursor:pointer}.header-main{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 16px 0}.month-year{font-size:13px;font-weight:500;color:var(--t3)}.month-big{font-size:58px;font-weight:300;color:var(--t1);letter-spacing:-4px;line-height:1}.header-mid{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:6px}.today-row{display:flex;align-items:center;gap:6px}.today-date{font-size:12px;font-weight:500;color:var(--t2)}.topbar-icons{display:flex;gap:6px;align-items:center;position:relative;z-index:2}.ico-btn{width:36px;height:36px;border-radius:10px;background:var(--surface);border:none;color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.help-btn{width:32px;height:32px;border-radius:50%;background:var(--surface);color:var(--t2);border:1.5px solid var(--border);cursor:pointer;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .2s}.help-btn:hover{transform:scale(1.1)}@keyframes helpPulse{0%,to{box-shadow:0 0 0 0 var(--acc-soft)}50%{box-shadow:0 0 0 8px transparent}}.help-btn--pulse{animation:helpPulse 2s ease-in-out infinite}.summary-row{display:flex;gap:8px;padding:12px 16px 0}.spill{flex:1;background:var(--surface);border-radius:12px;padding:10px 12px;border-left:3px solid var(--c, var(--acc))}.spill-lbl{font-size:10px;font-weight:600;color:var(--t3)}.spill-val{font-size:13px;font-weight:700;color:var(--t1);margin-top:3px}.week-hdr{display:grid;grid-template-columns:repeat(7,1fr);padding:16px 10px 6px}.wlbl{text-align:center;font-size:11px;font-weight:700;color:var(--t3)}.wlbl.sun{color:var(--sun-c)}.wlbl.sat{color:var(--sat-c)}.cal-wrap{padding:0 6px}.cal-row{display:grid;grid-template-columns:repeat(7,1fr)}.dcell{min-height:62px;padding:3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;border-radius:10px;transition:.1s}.dcell:hover{background:var(--surface)}.dcell:active:not(.other-month){background:var(--acc-soft);transform:scale(.93)}.dcell.is-sel .dnum-ring{animation:popIn .2s ease}@keyframes popIn{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.dcell.other-month .dnum{color:var(--t3)}.dnum-ring{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.dnum{font-size:14px;font-weight:500;color:var(--t1)}.dcell.is-today .dnum-ring{background:var(--today-bg)}.dcell.is-today .dnum{color:#fff!important}.dcell.is-sel:not(.other-month){background:var(--surface)}.dcell.is-sel:not(.is-today) .dnum-ring{background:var(--acc-soft);border:1.5px solid var(--acc)}.dcell.is-sel:not(.is-today) .dnum{color:var(--acc-text)!important}.dcell.is-sun .dnum{color:var(--sun-c)}.dcell.is-sat .dnum{color:var(--sat-c)}.dcell.is-holiday .dnum{color:var(--sun-c)}.ev-list{width:100%;display:flex;flex-direction:column;gap:1.5px}.ev{width:100%;border-radius:3px;padding:1.5px 4px;font-size:8.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-ot{background:var(--ot-c)}.ev-in{background:var(--acc)}.ds-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);z-index:150;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:flex-end;justify-content:center}.ds-overlay.open{opacity:1;pointer-events:all}.ds-sheet{background:var(--bg);border-radius:22px 22px 0 0;padding:14px 20px 32px;width:100%;max-width:390px;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:transform .32s cubic-bezier(.25,.46,.45,.94)}.ds-overlay.open .ds-sheet{transform:none}.ds-handle{width:38px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 10px}.ds-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ds-date{font-size:18px;font-weight:700;color:var(--t1)}.ds-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--surface)}.ds-quick{display:flex;gap:8px;margin-bottom:12px}.ds-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--t3);font-size:14px;padding:20px 0}.ds-empty-msg{color:var(--t3)}.ds-add-btn{padding:12px 24px;border-radius:14px;border:none;background:var(--acc);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.qa-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:transform .1s;position:relative}.qa-btn:active{transform:scale(.95)}.qa-clockin{border-color:var(--acc);background:var(--acc-soft)}.qa-clockin .qa-label{color:var(--acc)}.qa-clockout{border-color:var(--ot-c);background:var(--chip-ot-bg)}.qa-clockout .qa-label{color:var(--ot-c)}.qa-meal{border-color:var(--meal-c);background:var(--chip-meal-bg)}.qa-meal .qa-label{color:var(--meal-c)}.qa-icon{font-size:22px}.qa-label{font-size:13px;font-weight:700;color:var(--t1)}.qa-badge{position:absolute;top:6px;right:8px;min-width:18px;height:18px;border-radius:9px;background:var(--meal-c);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.qa-done{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:14px;background:var(--surface)}.qa-done-icon{font-size:16px;opacity:.5}.qa-done-label{font-size:10px;font-weight:600;color:var(--t3)}.qa-done-time{font-size:15px;font-weight:700;color:var(--t1)}.meal-popup-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);z-index:250;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;pointer-events:none;transition:opacity .2s;overflow-y:auto}.meal-popup-overlay.open{opacity:1;pointer-events:all}.meal-popup{background:var(--bg);border-radius:20px;padding:24px;width:300px;max-width:90vw;box-shadow:0 8px 40px #0003;transform:scale(.9);transition:transform .2s}.meal-popup-overlay.open .meal-popup{transform:scale(1)}.meal-popup-title{font-size:17px;font-weight:700;color:var(--t1);text-align:center;margin-bottom:4px}.meal-popup-desc{font-size:12px;color:var(--t3);text-align:center;margin-bottom:18px}.meal-popup-input-wrap{position:relative;margin-bottom:20px}.meal-popup-input{width:100%;padding:12px 36px 12px 14px;border-radius:12px;border:1.5px solid var(--border);font-size:18px;font-weight:600;text-align:right;outline:none;background:var(--surface);color:var(--t1);-moz-appearance:textfield;box-sizing:border-box}.meal-popup-input::-webkit-outer-spin-button,.meal-popup-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.meal-popup-input:focus{border-color:var(--acc)}.meal-popup-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:600;color:var(--t2);pointer-events:none}.meal-popup-btns{display:flex;gap:8px}.meal-popup-cancel{flex:1;padding:13px;border-radius:14px;border:none;background:var(--surface);font-size:14px;font-weight:600;color:var(--t2);cursor:pointer}.meal-popup-confirm{flex:1;padding:13px;border-radius:14px;border:none;background:var(--acc);font-size:14px;font-weight:700;color:#fff;cursor:pointer}.clock-adjust-btns{display:flex;gap:6px;margin-bottom:14px}.clock-adj{flex:1;padding:8px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;transition:background .15s}.clock-adj:active{background:var(--acc-soft)}.cdlg-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.cdlg-overlay.open{opacity:1;pointer-events:all}.cdlg{background:var(--bg);border-radius:18px;padding:28px 24px 20px;width:280px;max-width:85vw;box-shadow:0 12px 48px #00000040;transform:scale(.9);transition:transform .2s;text-align:center}.cdlg-overlay.open .cdlg{transform:scale(1)}.cdlg-msg{font-size:15px;font-weight:500;color:var(--t1);line-height:1.6;margin-bottom:22px;white-space:pre-line}.cdlg-btns{display:flex;gap:8px}.cdlg-cancel{flex:1;padding:13px;border-radius:14px;border:none;background:var(--surface);font-size:14px;font-weight:600;color:var(--t2);cursor:pointer}.cdlg-ok{flex:1;padding:13px;border-radius:14px;border:none;background:var(--acc);font-size:14px;font-weight:700;color:#fff;cursor:pointer}.detail-empty{padding:40px 20px;text-align:center;color:var(--t3);font-size:14px;line-height:2}.dcard{background:var(--surface);border-radius:16px;padding:16px;display:flex;gap:14px;margin-bottom:8px;animation:fadeUp .22s ease both}.dcard-bar{width:3.5px;border-radius:2px;flex-shrink:0;background:var(--acc)}.dcard-body{flex:1}.dcard-title{font-size:15px;font-weight:600;color:var(--t1);margin-bottom:6px}.dcard-time{font-size:13px;color:var(--t2);margin-bottom:8px;display:flex;align-items:center;gap:6px}.dcard-chips{display:flex;gap:5px;flex-wrap:wrap}.dcard-edit{width:32px;height:32px;border-radius:8px;background:var(--surface2);border:none;color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chip{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.chip-ot{background:var(--chip-ot-bg);color:var(--ot-c)}.chip-meal{background:var(--chip-meal-bg);color:var(--meal-c)}.chip-we{background:var(--acc-soft);color:var(--acc-text)}.mfcard{background:var(--surface);border-radius:16px;padding:16px;margin-bottom:8px;animation:fadeUp .22s ease .05s both}.mfc-title{font-size:12px;font-weight:700;color:var(--t3);margin-bottom:10px}.mfc-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border)}.mfc-row:last-child{border-bottom:none}.mfc-label{font-size:13px;color:var(--t2)}.mfc-val{font-size:13px;font-weight:700}.pos{color:var(--pos-c)}.neg{color:var(--neg-c)}.mfc-net{font-size:16px}.btm-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:390px;background:var(--bg);border-top:1px solid var(--border);padding:10px 20px 28px;display:flex;align-items:center;justify-content:space-between;z-index:10}.add-btn{display:flex;align-items:center;gap:7px;background:none;border:none;font-size:15px;font-weight:700;color:var(--acc);cursor:pointer}.quick-btn{height:44px;padding:0 20px;border-radius:22px;border:none;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .1s}.quick-btn:active{transform:scale(.95)}.quick-in{background:var(--acc);box-shadow:0 2px 12px #00000026}.quick-out{background:var(--ot-c);box-shadow:0 2px 12px #00000026}.quick-icon{font-size:16px}.nav-pills{display:flex;background:var(--surface);border-radius:10px;overflow:hidden}.npill{padding:7px 14px;border:none;background:none;font-size:12px;font-weight:600;color:var(--t3);cursor:pointer}.npill.on{background:var(--acc);color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-sheet{background:var(--bg);border-radius:26px 26px 0 0;padding:18px 20px 38px;width:100%;max-width:390px;transform:translateY(100%);transition:transform .32s cubic-bezier(.25,.46,.45,.94);max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@supports not (max-height: 1dvh){.modal-sheet{max-height:90vh}}.modal-overlay.open .modal-sheet{transform:none}.mhandle{width:38px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-date{font-size:19px;font-weight:700;color:var(--t1)}.modal-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin:6px 0 16px;background:var(--surface);color:var(--t2)}.msec-lbl{font-size:11px;font-weight:700;color:var(--t3);letter-spacing:.5px;text-transform:uppercase;margin:14px 0 8px}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.tf label{font-size:11px;color:var(--t3);font-weight:600;display:block;margin-bottom:5px}.tf input[type=time]{width:100%;padding:12px;border-radius:12px;border:none;background:var(--surface);font-size:17px;font-weight:600;color:var(--t1);outline:none}.calc-chips{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:10px 0}.cchip{background:var(--surface);border-radius:12px;padding:10px 10px 8px}.cchip-lbl{font-size:10px;color:var(--t3);font-weight:600;margin-bottom:3px}.cchip-val{font-size:14px;font-weight:700}.modal-hint{font-size:11px;color:var(--t3);margin:6px 0 14px;line-height:1.5}.mbpreview{background:var(--surface);border-radius:12px;padding:12px 14px;margin:10px 0}.mbp-row{display:flex;justify-content:space-between;padding:3px 0}.mbp-lbl{font-size:12px;color:var(--t2)}.mbp-val{font-size:12px;font-weight:700}.mbp-div{height:1px;background:var(--border);margin:6px 0}.mbp-net{display:flex;justify-content:space-between;padding:3px 0}.mbp-net-lbl{font-size:13px;font-weight:700;color:var(--t1)}.mbp-net-val{font-size:14px;font-weight:800}.memo-field label{font-size:11px;color:var(--t3);font-weight:600;display:block;margin-bottom:5px}.memo-field input{width:100%;padding:12px;border-radius:12px;border:none;background:var(--surface);font-size:14px;color:var(--t1);outline:none;margin-bottom:18px}.modal-btns{display:flex;gap:8px}.mbtn-del{padding:14px;border-radius:14px;border:none;background:var(--surface);color:var(--sun-c);font-size:14px;font-weight:700;cursor:pointer}.mbtn-cancel{flex:1;padding:14px;border-radius:14px;border:none;background:var(--surface);font-size:14px;cursor:pointer;color:var(--t2)}.mbtn-save{flex:2;padding:14px;border-radius:14px;border:none;background:var(--acc);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.stats-topbar{padding:20px 20px 12px;display:flex;align-items:center;justify-content:space-between}.stats-title{font-size:24px;font-weight:700;color:var(--t1)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}.sbox{background:var(--surface);border-radius:16px;padding:14px 16px}.sbox-lbl{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:4px}.sbox-val{font-size:22px;font-weight:700;color:var(--t1)}.sbox-val.ot{color:var(--ot-c)}.sbox-val.ml{color:var(--meal-c)}.sbox-val.ac{color:var(--acc)}.stat-sect{margin:10px 14px 0;background:var(--surface);border-radius:16px;overflow:hidden}.srow{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.srow:last-child{border-bottom:none}.srl{font-size:14px;color:var(--t2)}.srv{font-size:14px;font-weight:700;color:var(--t1)}.chart-card{margin:10px 14px 0;background:var(--surface);border-radius:16px;padding:16px}.chart-lbl{font-size:12px;font-weight:700;color:var(--t2);margin-bottom:12px}.exp-row{display:flex;gap:8px;margin:10px 14px 110px}.exp-btn{flex:1;padding:13px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);font-size:13px;font-weight:700;color:var(--acc);cursor:pointer}.set-topbar{padding:20px 20px 12px;display:flex;align-items:center;justify-content:space-between}.set-title{font-size:24px;font-weight:700;color:var(--t1)}.set-section{margin:10px 14px 0;background:var(--surface);border-radius:16px;overflow:hidden}.set-sec-lbl{padding:10px 16px 4px;font-size:11px;font-weight:700;color:var(--t3);letter-spacing:.5px;text-transform:uppercase}.spr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.spr:last-child{border-bottom:none}.spr-lbl{font-size:15px;color:var(--t1)}.spr-r{display:flex;align-items:center;gap:6px}.spr-in{width:76px;padding:7px 10px;border-radius:8px;border:1.5px solid var(--border);font-size:14px;text-align:right;outline:none;background:var(--bg);color:var(--t1)}.spr-unit{font-size:13px;color:var(--t3)}.tr-wrap{display:flex;align-items:center;gap:5px}.tr-in{width:76px;padding:7px 8px;border-radius:8px;border:1.5px solid var(--border);font-size:13px;outline:none;background:var(--bg);color:var(--t1)}.tr-sep{font-size:12px;color:var(--t3)}.theme-swatches{padding:14px 16px;display:flex;gap:14px;flex-wrap:wrap}.sw-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.sw-circle{width:36px;height:36px;border-radius:50%;border:3px solid transparent}.sw-circle.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--acc)}.sw-name{font-size:10px;color:var(--t3);font-weight:500}.note-box{margin:10px 14px 0;background:var(--acc-soft);border-radius:16px;padding:14px 16px;font-size:12px;color:var(--acc-text);line-height:1.9}.save-btn{margin:12px 14px;padding:15px;border-radius:14px;border:none;background:var(--acc);color:#fff;font-size:16px;font-weight:700;cursor:pointer;width:calc(100% - 28px);display:block}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--t1);color:var(--bg);padding:12px 20px;border-radius:14px;font-size:13px;font-weight:600;z-index:300;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #00000040;animation:toastIn .25s ease;cursor:pointer;max-width:350px}.toast-msg{flex:1}.toast-edit{color:var(--acc);font-weight:700;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}