/* Round punched holes: a fixed circular radius in each repeated cell. */
html[data-skin=journal] .nv-content:before{width:14px;left:16px;background:radial-gradient(circle 5px at 7px 10px,#4b614848 0 3px,#f9fcf0 3.5px 4.5px,#aeba9e 4.8px 5px,transparent 5.5px) 0 0/14px 64px repeat-y;opacity:1}
.j37-personal-heading{display:flex!important;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#234837,#506e44);border-radius:25px;overflow:hidden;padding:0 0 0 30px!important;color:#fffdf8;min-height:200px}.j37-personal-heading>div{flex:1}.j37-personal-heading .page-title{color:#fffdf8!important;font:38px/1.1 Georgia,serif!important}.j37-personal-heading .eyebrow{color:#d7e8b9}.j37-personal-heading .subtitle{color:#e6eddf;font-size:14px;line-height:1.65}.j37-personal-art{width:40%;height:220px;object-fit:cover;border-radius:0}.j35-self-intro:has(.j37-days-art){padding:0 0 0 25px!important;overflow:hidden}.j37-days-art{width:35%;height:155px;object-fit:cover;border-radius:0;margin-left:auto}.j37-pick-habit{margin:0 0 20px}.j37-swot-guide{border:1px solid #cbdabc;background:#eff6e3;border-radius:18px;padding:22px;margin-bottom:23px;display:flex;gap:18px;flex-wrap:wrap}.j37-swot-guide>span{font-size:13px;font-weight:600;color:#3c614a}.j37-swot-guide p{flex-basis:100%;margin:0;font-size:15px;line-height:1.6}.j35-self .swot-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.j35-self .swot-edit{display:block;padding:24px;border-radius:22px;border:1px solid #cbdaba;background:#f0f6e2}.j35-self .swot-edit.weakness,.j35-self .swot-edit.threat{background:#f9eaf0;border-color:#e6cdd8}.j35-self .swot-edit h3{font:25px Georgia,serif;margin:0 0 17px}.j37-swot-prompt strong,.j37-swot-prompt span{display:block;font-size:14px;line-height:1.65}.j37-swot-prompt span{margin:7px 0 15px;color:#64775f}.j35-self .swot-edit textarea{width:100%;min-height:160px;background:#fffdfa!important;line-height:1.6;padding:16px}.modal-backdrop{background:#162c2459;backdrop-filter:blur(10px)}#entryModal .modal{width:min(100%,660px);background:#fffdf8;border:1px solid #e0e7d5;box-shadow:0 35px 100px #112c3945;border-radius:28px;padding:28px;scrollbar-width:thin}#entryModalBody .modal-head{margin-bottom:22px;gap:18px}#entryModalBody .modal-title,#entryModalBody .modal-head h2{font:30px/1.2 Georgia,serif;color:#274c3a;margin:7px 0}#entryModalBody .modal-close{width:40px;height:40px;min-width:40px;background:#edf2e2;border:1px solid #d9e2cc;color:#315b4c}#entryModalBody .field{margin:18px 0}#entryModalBody .field>label{display:block;font-size:14px;font-weight:600;color:#355640;margin-bottom:9px}#entryModalBody input:not([type=checkbox]):not([type=hidden]),#entryModalBody select,#entryModalBody textarea{width:100%;min-width:0;border:1px solid #d1ddc5;border-radius:13px;background:#fffefa;color:#284532;padding:13px 14px;font-size:16px;line-height:1.5}#entryModalBody input:focus,#entryModalBody textarea:focus,#entryModalBody select:focus{outline:2px solid #b4cb92;outline-offset:2px}#entryModalBody input[type=checkbox]{accent-color:#315b4c;width:19px;height:19px}#entryModalBody .privacy-note{font-size:13px;line-height:1.6;color:#6b7a62}#entryModalBody .modal-actions{position:sticky;bottom:-28px;margin:24px -8px -8px;padding:18px 8px 8px;background:linear-gradient(#fffdf8e0,#fffdf8 40%);z-index:2;gap:10px}#entryModalBody .modal-actions button{min-height:44px;font-size:14px}.j37-composer-date{color:#6d805f;font-size:14px;margin:-5px 0 23px}.j37-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.j37-composer-grid>button{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:20px 17px;text-align:left;border:1px solid #d6e1c8;background:#f1f6e5;border-radius:19px;color:#284f3a;transition:transform .18s,box-shadow .18s}.j37-composer-grid>button:nth-child(3n+2){background:#faeaf0;border-color:#e7cfda}.j37-composer-grid>button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #34542e15}.j37-composer-grid>button>.j32-icon{width:28px;height:28px;flex-shrink:0}.j37-composer-grid>button strong{display:block;font:21px Georgia,serif;margin:1px 0 8px}.j37-composer-grid>button small{font-size:12px;line-height:1.55;color:#617456;display:block}.j37-composer-grid>button>b{margin-left:auto;font-weight:400}.j37-type-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;padding:7px;background:#f0f4e8;border-radius:17px}.j37-type-grid .type-btn{display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:center;font-size:12px!important;border:1px solid transparent!important;padding:12px 3px!important;border-radius:12px;background:none;min-height:72px;white-space:normal}.j37-type-grid .type-btn.active{background:#fffdf8!important;color:#264c39!important;border-color:#cfdbc0!important;box-shadow:0 3px 9px #294b3112}.j37-type-grid .j32-icon{width:23px;height:23px}.j37-destination{display:flex;gap:13px;align-items:center;margin:18px 0 24px;padding:16px 18px;background:linear-gradient(105deg,#edf4dd,#f9ecf1);border-radius:15px}.j37-destination>.j32-icon{width:24px;height:24px;flex-shrink:0}.j37-destination strong,.j37-destination small{display:block}.j37-destination strong{font-size:13px;margin-bottom:5px}.j37-destination small{font-size:13px;line-height:1.5;color:#637557}.j37-habit-presets{padding:18px;background:#f0f5e4;border-radius:18px;margin-bottom:24px}.j37-habit-presets>p{font-size:14px;margin:0 0 15px}.j37-habit-presets>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.j37-habit-presets button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #d7e1ca;border-radius:13px;background:#fffdf8;padding:12px;color:#315b4c}.j37-habit-presets button.selected{background:#dfeebf;border-color:#829f5a}.j37-habit-presets .j32-icon{width:24px;height:24px;flex-shrink:0}.j37-habit-presets strong,.j37-habit-presets small{display:block}.j37-habit-presets strong{font-size:14px}.j37-habit-presets small{font-size:12px;color:#6e7c60;margin-top:5px;line-height:1.4}.j37-activities{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px}.j37-activities>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#eef5de;border:1px solid #d2dfc0;border-radius:21px;padding:24px 19px;min-height:153px;color:#294e3a}.j37-activities>button:nth-child(3n+2){background:#f9e9f0;border-color:#e7d0da}.j37-activities>button>.j32-icon{width:36px;height:36px;margin-bottom:15px}.j37-activities strong{font:21px Georgia,serif}.j37-activities small{font-size:12px;color:#6c7e60;margin-top:7px}.j37-add{position:absolute;right:15px;top:16px;font-size:22px;color:#7b9565}.activity-presets button{display:flex;align-items:center;gap:8px;justify-content:center;min-height:46px;border-radius:12px;font-size:13px}.activity-presets .j32-icon{width:22px;height:22px}
@media(max-width:700px){.j37-personal-heading{padding-left:22px!important;min-height:170px;gap:14px}.j37-personal-heading .page-title{font-size:29px!important}.j37-personal-art{width:36%;height:210px}.j37-personal-heading .subtitle{font-size:13px}.j35-self-intro:has(.j37-days-art){flex-wrap:wrap;padding:20px!important}.j37-days-art{width:100%;height:130px;margin-top:8px;border-radius:13px}.j35-self .swot-edit-grid{grid-template-columns:1fr}.j37-activities{grid-template-columns:repeat(2,minmax(0,1fr))!important}.j37-activities>button{min-height:145px;padding:20px}#entryModal{padding:12px 8px;align-items:flex-end}#entryModal .modal{padding:22px 18px;max-height:92dvh;border-radius:25px 25px 18px 18px}#entryModalBody .modal-actions{bottom:-22px}.j37-composer-grid{gap:8px}.j37-composer-grid>button{padding:15px 12px;min-height:125px;flex-wrap:wrap;gap:8px}.j37-composer-grid>button>span{flex-basis:100%}.j37-composer-grid>button>b{position:absolute;display:none}.j37-composer-grid>button strong{font-size:20px}.j37-habit-presets{padding:12px}.j37-habit-presets button{padding:10px;gap:7px}.j37-habit-presets small{display:none}.j37-type-grid .type-btn{font-size:11px!important}.j37-swot-guide{gap:10px}.j37-swot-guide>span{flex-basis:100%}html[data-skin=journal] .nv-content:before{left:3px;width:10px;background:radial-gradient(circle 3px at 5px 10px,#54684965 0 1.8px,#f9fcf0 2px 2.7px,#aeba9e 3px,transparent 3.5px) 0 0/10px 60px repeat-y}}
