.personal-section{--muted:#64776c}
.personal-section .page-heading{margin-bottom:26px}.personal-section .page-heading h1{line-height:1.2;letter-spacing:-1px}.personal-section .page-heading p{font-size:15px;color:#607467;max-width:660px}.personal-section .personal-greeting{font-size:13px;color:#637a6b}
.personal-section .panel{border:1px solid #e3e9df;box-shadow:0 5px 24px #2a463607;border-radius:18px}.personal-section .panel-heading h2{font-size:19px;letter-spacing:-.4px}.personal-section .panel>p{font-size:14px;line-height:1.7;color:#627369}.personal-section .panel .button{margin-top:8px}.personal-section .panel:focus-within{border-color:#a8bfa8}
.personal-section .record{padding:20px 0;gap:14px}.personal-section .record h4{font-size:16px;margin:0 0 6px}.personal-section .journal-body{font-size:14px;line-height:1.8;color:#4c6156;white-space:pre-wrap;overflow-wrap:anywhere}.personal-section .record-date{display:block;font-size:12px;color:#6a7d70}.personal-section .record-tags{display:inline-block;font-size:12px;background:#edf2e8;padding:5px 9px;border-radius:8px}.record-tools{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.record-tools .text-button{min-height:40px;padding:8px 10px;border-radius:8px;font-size:12px}.record-tools .text-button:hover{background:#edf1e8}.favorite-toggle{font-size:22px!important}.favorite-toggle.is-favorite{color:#80622b}
.personal-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px 20px;background:#f0f3ec;border:1px solid #e1e7db;border-radius:14px;margin-bottom:24px}.personal-toolbar label{flex:1;min-width:190px;margin:0;font-size:12px;color:#4e6758}.personal-toolbar input{display:block;width:100%;border:1px solid #cdd9cb;background:white;border-radius:9px;padding:12px;margin-top:7px;font-size:14px}.personal-toolbar .button{min-height:44px;white-space:nowrap}.personal-toolbar button[aria-pressed=true]{background:#e1dfef;border-color:#b1a6d0;color:#54436e}.personal-toolbar p{flex-basis:100%;margin:0;color:#67766a;font-size:12px}
.empty-state{display:grid;justify-items:center;text-align:center;padding:28px 16px;margin-top:18px;background:#f6f7f2;border-radius:12px;border:1px dashed #dce4d5}.empty-state>span{font-size:30px;color:#819c7e}.empty-state p{margin:10px 0 7px;font-size:14px;color:#526b59}.empty-state small{font-size:12px;line-height:1.6;color:#687e6c}
.personal-section .habit{gap:10px;padding:15px 0}.personal-section .habit-text{font-size:14px}.personal-section .habit-text small{font-size:12px;color:#697d6c}.personal-section .clothing{padding:15px;background:#f7f8f2;border:1px solid #e2e8da;border-radius:13px}.personal-section .clothing h4{font-size:15px}.personal-section .clothing p{font-size:12px;line-height:1.7}.personal-section .clothing img{border-radius:9px}.personal-section .clothing .record-tools{margin-top:8px;justify-content:flex-end}.personal-section .empty{font-size:14px;line-height:1.7;color:#667b6b}
.retained-media{margin:20px 0;border:1px solid #dce4d8;border-radius:10px;padding:12px}.retained-media legend{font-size:13px;padding:0 5px;color:#536b5b}.retained-media .attachment-choice{display:flex;align-items:center;gap:9px;font-size:13px;overflow-wrap:anywhere;margin:8px 0}.attachment-choice input{width:auto;margin:0;flex-shrink:0}
body.personal-section #dialog{border-radius:18px;border:1px solid #dfe6d9;padding:26px;max-height:88dvh}body.personal-section #dialog label{font-size:13px;color:#53685a}body.personal-section #dialog input,body.personal-section #dialog select,body.personal-section #dialog textarea{font-size:16px;border-radius:9px}body.personal-section #dialog textarea{min-height:145px;line-height:1.7}body.personal-section #dialog .help{font-size:13px;line-height:1.7;color:#667867}
.personal-section .text-button:focus-visible,.personal-section .button:focus-visible,.personal-toolbar input:focus-visible{outline:3px solid #9583bc;outline-offset:3px}.personal-section [hidden]{display:none!important}
@media(max-width:600px){.personal-toolbar{padding:15px;gap:10px}.personal-toolbar label{flex-basis:100%}.personal-toolbar .button{width:100%}.personal-section .record-info{flex-basis:100%}.personal-section .record-tools{margin-left:0}.personal-section .record>.text-button{margin-left:auto}.personal-section .habit .record-tools{margin-left:30px}.personal-section .panel-heading h2{font-size:18px}.personal-section .panel{padding:20px}.personal-section .clothes-grid{gap:12px}.personal-section .clothing{padding:11px}body.personal-section #dialog{padding:20px;width:calc(100vw - 24px)}.personal-section .page-heading h1{font-size:25px}}
.image-upload-error{padding:12px 15px;border:1px solid #d6b2b2;background:#fff4f3;color:#873d3d;border-radius:10px;font-size:14px;line-height:1.6}.clothing>.media-list{margin:8px 0;justify-content:center}.clothing>.media-list img{height:55px;width:55px}.image-upload-help{font-size:12px;line-height:1.6;margin:7px 0 18px}