html[data-section="money"]{--bg:#fcf8f3;--card:#fffdfa;--text:#382b2e;--muted:#756065;--pink:#873b54;--soft:#f5e5e7;--border:#e9dcd5;--cream:#faf2e7;--header-a:#f1d9dc;--header-b:#faf2e6;--shadow:0 8px 32px #633b4408;color-scheme:light}
html[data-section="money"][data-theme=dark]{--bg:#241f22;--card:#30282c;--text:#f8ede7;--muted:#d2bcb9;--pink:#f1bac5;--soft:#493039;--border:#59464a;--cream:#3b3030;--header-a:#4d303b;--header-b:#30292a;--shadow:0 8px 32px #0002;color-scheme:dark}
html[data-section="money"] body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.7}
html[data-section="money"] .app{background:var(--bg)}
html[data-section="money"] .hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(24px + env(safe-area-inset-top)) 24px 30px;background:radial-gradient(ellipse at 15% 0%,#fff8 0%,transparent 65%),linear-gradient(125deg,var(--header-a),var(--header-b));border-bottom:1px solid #b68b6b24}
html[data-section="money"] .hero:after,html[data-section="money"] .auth-shell:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-30px;bottom:-32px;width:195px;height:195px;opacity:.17;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23936755' stroke-width='1'%3E%3Cellipse cx='100' cy='65' rx='23' ry='43'/%3E%3Cellipse cx='100' cy='65' rx='23' ry='43' transform='rotate(60 100 100)'/%3E%3Cellipse cx='100' cy='65' rx='23' ry='43' transform='rotate(120 100 100)'/%3E%3Cellipse cx='100' cy='65' rx='23' ry='43' transform='rotate(180 100 100)'/%3E%3Cellipse cx='100' cy='65' rx='23' ry='43' transform='rotate(240 100 100)'/%3E%3Cellipse cx='100' cy='65' rx='23' ry='43' transform='rotate(300 100 100)'/%3E%3Ccircle cx='100' cy='100' r='10'/%3E%3Cpath d='M100 110q-8 45 35 70M113 146q-32-18-33 8 22 18 35-3'/%3E%3C/svg%3E")}
html[data-section="money"] .brand{letter-spacing:2.3px;font-size:10px;font-weight:750;color:var(--text)}
html[data-section="money"] .brand img{border-radius:50%;outline:1px solid #a77d6333;outline-offset:4px}
html[data-section="money"] .avatar-button{border:1px solid #b68b6b44;background:#fff8;min-width:44px;height:44px;color:var(--pink)}
html[data-section="money"] .hero-meta{margin:28px 0 14px;color:var(--muted);font-size:11px}
html[data-section="money"] .quiet-badge{font-size:8px;letter-spacing:1.6px;color:var(--muted)}
html[data-section="money"] h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,8.8vw,46px);font-weight:400;line-height:1.12;letter-spacing:-1.3px;margin:0 0 12px;max-width:540px}
html[data-section="money"] .hero p{font-size:12px;line-height:1.8;max-width:75%;color:var(--muted)}
html[data-section="money"] .status-row{padding:12px 20px;font-size:10px;line-height:1.6;letter-spacing:0;color:var(--muted)}
html[data-section="money"] #main{padding:8px 16px 22px}
html[data-section="money"] .welcome{padding:4px 3px 19px}
html[data-section="money"] .welcome h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:7px 0}
html[data-section="money"] .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.6px;font-weight:700}
html[data-section="money"] .card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}
html[data-section="money"] .section-head{gap:12px;align-items:center;margin-bottom:14px}
html[data-section="money"] .section-head h2{font-size:15px;line-height:1.5;font-weight:750;letter-spacing:-.25px}
html[data-section="money"] .section-head>button{min-height:44px;padding:9px 12px}
html[data-section="money"] .spark{color:#a57d5f}
html[data-section="money"] h3{font-size:15px;line-height:1.6;font-weight:700;color:var(--text);margin:15px 0 10px}
html[data-section="money"] .muted{font-size:12px;color:var(--muted);line-height:1.85}
html[data-section="money"] .empty{font-size:12px;line-height:1.85;color:var(--muted);padding:17px 3px}
html[data-section="money"] .metric>span{font-size:9px;line-height:1.65;letter-spacing:.75px}
html[data-section="money"] .metric strong{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400;letter-spacing:-.7px;line-height:1.3;color:var(--pink)}
html[data-section="money"] .metrics{gap:15px;margin:17px 0}
html[data-section="money"] .primary,html[data-section="money"] .soft,html[data-section="money"] .danger,html[data-section="money"] .file-button,html[data-section="money"] .external{min-height:46px;border-radius:13px;font-size:12px;font-weight:750;padding:12px 16px;touch-action:manipulation;line-height:1.5}
html[data-section="money"] .primary{background:linear-gradient(120deg,#873b54,#763347);color:#fff;box-shadow:0 5px 12px #873b5412;border:1px solid #713447}
html[data-section="money"] .soft,html[data-section="money"] .file-button,html[data-section="money"] .external{background:var(--soft);color:var(--pink);border:1px solid transparent}
html[data-section="money"] .danger{background:var(--cream);color:#8d3049;border:1px solid #a25a6c38}
html[data-section="money"] .primary:active,html[data-section="money"] .soft:active{filter:brightness(.96)}
html[data-section="money"] button:focus-visible,html[data-section="money"] a:focus-visible,html[data-section="money"] summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
html[data-section="money"] .button-stack{gap:11px}
html[data-section="money"] .button-row{gap:10px;margin:13px 0}
html[data-section="money"] .task{padding:15px 0;border-color:var(--border);gap:12px}
html[data-section="money"] .task-name strong,html[data-section="money"] .record strong,html[data-section="money"] .shortcut strong{font-size:13px;font-weight:650;line-height:1.7}
html[data-section="money"] .task-name small,html[data-section="money"] .record small,html[data-section="money"] .shortcut small{font-size:11px;line-height:1.8;color:var(--muted)}
html[data-section="money"] .record{padding:17px 0;gap:13px}
html[data-section="money"] .record-mark{color:#9c6b75;font-size:18px}
html[data-section="money"] .record>span:last-child{color:#aa8b86}
html[data-section="money"] .dots{color:var(--muted);min-width:44px;width:44px;min-height:44px;height:44px;border-radius:0}
html[data-section="money"] .dots:focus-visible{background:var(--soft)}
html[data-section="money"] .done{opacity:.72}
html[data-section="money"] .task input[type=checkbox],html[data-section="money"] .switch input{accent-color:#873b54}
html[data-section="money"] .shortcut-icon{background:var(--cream);border:1px solid var(--border);color:var(--pink);border-radius:14px;width:44px;height:44px}
html[data-section="money"] .shortcut{padding:16px 0;gap:13px}
html[data-section="money"] .shortcut svg{width:21px;height:21px}
html[data-section="money"] progress{height:6px;background:var(--soft);margin:16px 0}
html[data-section="money"] progress::-webkit-progress-bar{background:var(--soft)}
html[data-section="money"] progress::-webkit-progress-value{background:var(--pink)}
html[data-section="money"] progress::-moz-progress-bar{background:var(--pink)}
html[data-section="money"] .tinted{background:linear-gradient(120deg,var(--soft),var(--cream));border:1px solid var(--border);padding:19px;border-radius:17px}
html[data-section="money"] .tinted h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;line-height:1.25}
html[data-section="money"] .remaining{background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:14px;font-size:12px}
html[data-section="money"] .remaining strong{font-weight:650;color:var(--pink)}
html[data-section="money"] .chips{gap:8px;margin:3px 0 17px}
html[data-section="money"] .chip{min-height:44px;background:var(--card);border-color:var(--border);font-size:12px;color:var(--muted);padding:10px 17px}
html[data-section="money"] .chip.active{background:#873b54;border-color:#873b54;color:#fff}
html[data-section="money"] .day{min-height:42px;font-size:12px;border-radius:12px}
html[data-section="money"] .calendar{gap:4px}
html[data-section="money"] .calendar>span{font-size:10px;color:var(--muted);padding-bottom:12px}
html[data-section="money"] .day.selected{background:var(--soft);color:var(--pink);outline:1px solid var(--pink)}
html[data-section="money"] .day i{background:var(--pink)}
html[data-section="money"] .calendar-toolbar{margin:11px 0 18px}
html[data-section="money"] .calendar-toolbar>.soft{min-width:44px;width:44px;min-height:44px}
html[data-section="money"] .date-select>span{font-weight:650;font-size:13px}
html[data-section="money"] .date-select input{font-size:13px;min-height:40px;padding:6px 8px;max-width:170px}
html[data-section="money"] .programme-grid{gap:11px}
html[data-section="money"] .programme-grid button{background:linear-gradient(145deg,var(--cream),var(--card));border:1px solid var(--border);border-radius:17px;padding:18px;gap:9px;min-height:136px}
html[data-section="money"] .programme-grid button>span{font-size:25px;color:#9c6b75}
html[data-section="money"] .programme-grid strong{font-size:14px}
html[data-section="money"] .programme-grid small{font-size:10px;color:var(--muted)}
html[data-section="money"] .timer{font-family:Georgia,'Times New Roman',serif;font-size:67px;line-height:1.3;font-weight:400;color:var(--pink)}
html[data-section="money"] .center{font-size:12px}
html[data-section="money"] .fitness-guide summary{line-height:1.7;color:var(--text)}
html[data-section="money"] .fitness-move{border-color:var(--border)}
html[data-section="money"] .fitness-set label{font-size:12px}
html[data-section="money"] .fitness-set input,html[data-section="money"] .fitness-set select{font-size:16px}
html[data-section="money"] label:not(.task):not(.switch):not(.file-button):not(.date-select){font-size:12px;font-weight:650;color:var(--muted);gap:8px}
html[data-section="money"] form{gap:17px}
html[data-section="money"] input:not([type=checkbox]):not([type=radio]),html[data-section="money"] select,html[data-section="money"] textarea{border-color:var(--border);background:var(--card);color:var(--text);border-radius:13px;font-size:16px;min-height:47px;box-shadow:inset 0 1px 2px #6a394403;padding:12px;max-width:100%;min-width:0}
html[data-section="money"] input:focus-visible,html[data-section="money"] select:focus-visible,html[data-section="money"] textarea:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
html[data-section="money"] textarea{font-size:16px;line-height:1.85}
html[data-section="money"] .switch{min-height:44px;gap:11px;font-size:13px;line-height:1.65;color:var(--text)}
html[data-section="money"] .switch input{width:20px;height:20px;min-width:20px;min-height:20px;padding:0;flex:0 0 20px;margin:0}
html[data-section="money"] fieldset{min-width:0;border:1px solid var(--border);border-radius:15px;padding:14px}
html[data-section="money"] legend{font-size:12px;line-height:1.7;max-width:100%;white-space:normal;color:var(--muted);padding:0 7px}
html[data-section="money"] summary{min-height:44px;padding-block:10px;cursor:pointer;color:var(--pink);line-height:1.7}
html[data-section="money"] #nav{padding-top:10px;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -8px 30px #6b3e4805;gap:1px}
html[data-section="money"] #nav button{font-size:10px;min-height:50px;gap:6px;color:var(--muted);padding:4px 1px;position:relative;isolation:isolate}
html[data-section="money"] #nav svg{width:21px;height:21px}
html[data-section="money"] #nav .active{color:var(--pink);font-weight:750}
html[data-section="money"] #nav .active:before{content:'';position:absolute;z-index:-1;top:0;width:42px;height:31px;background:var(--soft);border-radius:12px}
html[data-section="money"] #nav .active svg{stroke-width:1.8}
html[data-section="money"] dialog{background:var(--bg);border-color:var(--border);border-radius:24px 24px 0 0;box-shadow:0 -16px 70px #39232924;max-width:100%}
html[data-section="money"] dialog::backdrop{background:#34232c70;backdrop-filter:blur(3px)}
html[data-section="money"] #dialog-content{padding-inline:22px;min-width:0}
html[data-section="money"] .dialog-head{background:var(--bg);padding:22px 0 20px;min-width:0}
html[data-section="money"] .dialog-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:25px;letter-spacing:-.5px;line-height:1.25;min-width:0;overflow-wrap:break-word}
html[data-section="money"] .dialog-head button{background:var(--card);border:1px solid var(--border);color:var(--muted);width:44px;height:44px;min-width:44px;min-height:44px}
html[data-section="money"] .save-bar{background:var(--bg);border-color:var(--border)}
html[data-section="money"] .detail-field{padding:16px 0;border-color:var(--border)}
html[data-section="money"] .detail-field p{font-size:14px;line-height:1.8}
html[data-section="money"] .form-error{color:#9b2e49;font-size:13px}
html[data-section="money"] .instructions li{font-size:14px;line-height:1.85}
html[data-section="money"] .external{line-height:1.7;overflow-wrap:anywhere}
html[data-section="money"] #dialog.fitness-modal{border-radius:24px;border-color:var(--border)}
html[data-section="money"] .fitness-modal .dialog-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(20px,5.7vw,25px);line-height:1.3}
html[data-section="money"] .fitness-modal .dialog-head button{border:0;background:transparent}
html[data-section="money"] .fitness-modal #dialog-content{padding-inline:20px}
html[data-section="money"] .fitness-modal fieldset{border-color:var(--border)}
html[data-section="money"] .fitness-modal legend{font-size:12px}
html[data-section="money"] .fitness-modal .switch{font-size:13px}
html[data-section="money"] .location-intro{font-size:12px;color:var(--muted)}
html[data-section="money"] .location-card{background:var(--card);border-color:var(--border);border-radius:18px;box-shadow:0 6px 20px #68374704}
html[data-section="money"] .location-card strong{font-size:16px;color:var(--text)}
html[data-section="money"] .location-card small{font-size:11px;color:var(--muted)}
html[data-section="money"] .location-card svg{color:var(--pink)}
html[data-section="money"] .location-choice input:checked+.location-card{background:linear-gradient(145deg,var(--soft),var(--cream));border-color:var(--pink)}
html[data-section="money"] .location-choice input[type=radio]{accent-color:#873b54;width:18px;height:18px;min-width:18px;min-height:18px}
html[data-section="money"] .location-continue{font-size:14px}
html[data-section="money"] .avatar{background:linear-gradient(145deg,var(--soft),var(--cream));border:1px solid var(--border);border-radius:20px}
html[data-section="money"] .avatar-options button{min-width:44px;min-height:44px}
html[data-section="money"] .photo-frame{background:var(--soft);border:1px solid var(--border);border-radius:18px}
html[data-section="money"] .comparison h3{font-size:12px;letter-spacing:1px}
html[data-section="money"] .photo-state{font-size:12px;color:var(--muted)}
html[data-section="money"] .photo-frame img{filter:none}
html[data-section="money"] .storage-status{font-size:12px;border-color:var(--border);color:var(--muted);line-height:1.8}
html[data-section="money"] .app-release{font-size:11px}
html[data-section="money"] .account-sync{color:var(--muted);background:var(--cream)}
html[data-section="money"] .notebook-card{background:var(--card);border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow)}
html[data-section="money"] .notebook-open{padding:20px}
html[data-section="money"] .notebook-open h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.25;font-weight:400;letter-spacing:-.3px;color:var(--text)}
html[data-section="money"] .notebook-preview{font-size:13px;color:var(--muted);line-height:1.9}
html[data-section="money"] .notebook-card-foot{padding-inline:20px;padding-bottom:12px}
html[data-section="money"] .notebook-card-foot small{font-size:10px;color:var(--muted)}
html[data-section="money"] .notebook-filters,html[data-section="money"] .notebook-options{font-size:13px}
html[data-section="money"] .notebook-writing-label textarea{line-height:1.9;font-size:16px}
html[data-section="money"] .notebook-save-status{font-size:12px}
html[data-section="money"] .notebook-editor-actions{background:var(--bg);gap:10px}
html[data-section="money"] #note-editor input,html[data-section="money"] #note-editor textarea{font-size:16px}
html[data-section="money"] .notebook-dates{font-size:11px}
html[data-section="money"] .bulk-row{border-color:var(--border);background:var(--card);border-radius:16px}
html[data-section="money"] .bulk-note{font-size:13px}
html[data-section="money"] .bulk-row-head strong{font-size:13px}
html[data-section="money"] .auth-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0 0,#f1d6dc88,transparent 55%),linear-gradient(150deg,var(--bg),var(--cream));color:var(--text);padding-inline:25px}
html[data-section="money"] .auth-shell:after{bottom:auto;top:95px;right:-60px;width:250px;height:250px;opacity:.13}
html[data-section="money"] .auth-shell>.brand{margin:14px 0 40px}
html[data-section="money"] .auth-card{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:32px 25px;box-shadow:0 16px 55px #6b3c480a;gap:17px}
html[data-section="money"] .auth-card h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,9.4vw,46px);font-weight:400;letter-spacing:-1.3px;line-height:1.12;margin:6px 0 3px}
html[data-section="money"] .auth-card .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.6px}
html[data-section="money"] .auth-intro{font-size:13px;line-height:1.9;color:var(--muted)}
html[data-section="money"] .auth-fine{font-size:11px;line-height:1.85;color:var(--muted)}
html[data-section="money"] .auth-flower img{border-radius:50%;border:1px solid var(--border);padding:4px;background:var(--soft);box-shadow:0 6px 22px #8b506d0c}
html[data-section="money"] .auth-outline{border-color:#a46f7c;color:var(--pink);border-radius:13px;font-size:13px;min-height:48px;background:transparent}
html[data-section="money"] .auth-text,html[data-section="money"] .auth-back{color:var(--pink);min-height:44px;font-size:13px}
html[data-section="money"] .auth-notice,html[data-section="money"] .auth-setup{background:var(--soft);color:var(--text);border:1px solid var(--border);font-size:12px}
html[data-section="money"] .auth-error{font-size:13px;color:#9b2e49}
html[data-section="money"] .auth-account-email{font-size:13px;color:var(--muted)}
html[data-section="money"] #toast{background:#51333e;color:#fff;border-radius:16px;font-size:13px;box-shadow:0 8px 30px #51333e24}
html[data-section="money"] #app-update{background:var(--card);border-color:var(--border);color:var(--text);border-radius:19px;box-shadow:0 8px 32px #633b4418}
html[data-section="money"] .count{background:var(--pink);color:var(--bg)}
html[data-section="money"] #privacy-cover{background:var(--bg);color:var(--pink)}
html[data-section="money"][data-theme=dark] .hero:after,html[data-section="money"][data-theme=dark] .auth-shell:after{opacity:.25}
html[data-section="money"][data-theme=dark] .danger,html[data-section="money"][data-theme=dark] .auth-error,html[data-section="money"][data-theme=dark] .form-error{color:#f1b1bd}
html[data-section="money"][data-theme=dark] .avatar-button{background:#ffffff12}
@media(min-width:680px){html[data-section="money"] .hero{padding:32px 32px 35px}
html[data-section="money"] .app{border-color:var(--border);border-radius:28px 28px 0 0}
html[data-section="money"] #main{padding:16px 25px 24px}
html[data-section="money"] .card{padding:23px}
html[data-section="money"] .hero:after{right:12px;width:220px;height:220px}
html[data-section="money"] .hero p{max-width:80%}
html[data-section="money"] dialog{border-radius:24px}
html[data-section="money"] .programme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:350px){html[data-section="money"] .hero{padding-inline:18px}
html[data-section="money"] .hero p{max-width:90%}
html[data-section="money"] h1{font-size:32px}
html[data-section="money"] .quiet-badge{font-size:7px}
html[data-section="money"] #main{padding:6px 11px 18px}
html[data-section="money"] .card{padding:16px}
html[data-section="money"] .metric strong{font-size:27px}
html[data-section="money"] #nav button{font-size:9px}
html[data-section="money"] .section-head{gap:8px}
html[data-section="money"] .section-head>button{padding-inline:10px;font-size:11px}
html[data-section="money"] .auth-shell{padding-inline:17px}
html[data-section="money"] .auth-card{padding:26px 20px}
html[data-section="money"] .dialog-head h2{font-size:22px}
html[data-section="money"] .notebook-open{padding:16px}
html[data-section="money"] .notebook-card-foot{padding-inline:16px}
html[data-section="money"] .button-row{gap:8px}
}
@media(prefers-reduced-motion:reduce){html[data-section="money"] *,html[data-section="money"] *:before,html[data-section="money"] *:after{transition:none!important;animation:none!important}
}
html[data-section="money"] h1,html[data-section="money"] h2,html[data-section="money"] h3{overflow-wrap:anywhere}
html[data-section="money"] .money-balances{display:grid;gap:12px;margin:18px 0}
html[data-section="money"] .money-balances>div{display:grid;gap:5px;border:1px solid var(--border);border-radius:16px;background:var(--cream);padding:16px}
html[data-section="money"] .money-balances>div:last-child{background:var(--soft)}
html[data-section="money"] .money-balances span{font-size:14px;font-weight:650;color:var(--text)}
html[data-section="money"] .money-balances strong{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.3;font-weight:400;color:var(--pink);overflow-wrap:anywhere}
html[data-section="money"] .money-balances small{font-size:12px;color:var(--muted);line-height:1.7}
html[data-section="money"] .money-unpaid{font-size:13px;color:var(--muted)}
html[data-section="money"] .monthly-expense{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0;border-top:1px solid var(--border)}
html[data-section="money"] .monthly-expense-info{min-width:0;display:grid;gap:4px}
html[data-section="money"] .monthly-expense-info>strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
html[data-section="money"] .monthly-expense-info>span{font-size:12px;color:var(--muted)}
html[data-section="money"] .monthly-expense-amount{font-size:19px;line-height:1.6;color:var(--pink);max-width:155px;overflow-wrap:anywhere}
html[data-section="money"] .monthly-expense .expense-paid{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px;color:var(--text);cursor:pointer}
html[data-section="money"] .expense-paid input{width:22px;height:22px;min-width:22px;min-height:22px;accent-color:#873b54;margin:0;padding:0}
html[data-section="money"] .expense-edit-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
html[data-section="money"] .expense-edit-tools button{min-height:44px;padding:10px 12px}
html[data-section="money"] .money-explainer{font-size:13px!important}
html[data-section="money"] .monthly-expense-list{min-width:0}
@media(min-width:680px){html[data-section="money"] .money-balances{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-section="money"] .money-balances strong{font-size:27px}
}