.journal-room{--cover: #3d7162;--cover-dark: #295448;--page: #fffdf2;--page-tint: #f1f6ed;--rule: #bbcdd8;min-height:100vh;background:radial-gradient(ellipse at 50% 25%,#faf6eb 0,#ede9de 70%);color:#33443f;padding-bottom:12px}.journal-room[data-color=blue]{--cover: #476e96;--cover-dark: #2b4b6b;--page: #f5faff;--page-tint: #e9f1fb}.journal-room[data-color=pink]{--cover: #aa5574;--cover-dark: #76354d;--page: #fff6f9;--page-tint: #fbe8ef}.journal-room[data-color=purple]{--cover: #806096;--cover-dark: #563c69;--page: #fcf7ff;--page-tint: #f0e9f9}.journal-room[data-color=yellow]{--cover: #997424;--cover-dark: #6b5015;--page: #fffbea;--page-tint: #faf0ce}.journal-room [hidden]{display:none!important}.journal-header{position:relative;padding:46px 64px 24px;text-align:center;overflow:hidden;background:transparent}.journal-eyebrow{margin:0 0 3px;font-size:15px;color:#66746a}.journal-header h1{font:700 70px/1.1 Amatic SC,Rubik,sans-serif;color:var(--cover-dark);margin:0}.journal-sub{margin:10px 0 13px;font-size:18px}.journal-wrap{width:min(700px,100%);margin:0 auto;padding:0 24px}.journal-message{padding:28px;background:#fffdf5;text-align:center;border:1px solid #d3d7ca;border-radius:12px}.journal-message h2{font:700 32px Rubik,sans-serif}.journal-message p{line-height:1.8}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.journal-btn{min-height:46px;padding:10px 18px;border:1px solid #c8cdbf;border-radius:9px;background:#fffdf7;color:#384c41;font:500 17px/1.3 Rubik,sans-serif;cursor:pointer}.journal-btn.primary{color:#fff;background:var(--cover);border-color:var(--cover-dark);box-shadow:0 3px 0 var(--cover-dark)}.journal-btn.primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cover-dark)}.journal-btn:disabled{opacity:.45;cursor:default}.journal-room :is(button,a,input,textarea,summary):focus-visible{outline:3px solid var(--cover-dark);outline-offset:4px}.journal-register{color:#475c4d;font-size:15px;text-underline-offset:4px;padding:10px 0}.journal-options,.journal-contents{margin:12px 0;border-bottom:1px solid #c8cdbf}.journal-room summary{min-height:46px;padding:10px 2px;cursor:pointer;font-size:17px}.journal-look{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0 20px}.journal-swatches{display:flex;gap:8px;flex-wrap:wrap}.journal-swatches button{display:grid;justify-items:center;gap:5px;min-width:50px;padding:7px;border:2px solid transparent;border-radius:12px;color:#33443f;background:transparent;font:14px Rubik,sans-serif;cursor:pointer}.journal-swatches button span{width:27px;height:27px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.journal-swatches button[aria-pressed=true]{background:#fffdf7;border-color:var(--cover)}.journal-balloon-choice{display:flex;align-items:center;gap:10px;min-height:46px;font-size:16px;cursor:pointer}.journal-balloon-choice input{width:23px;height:23px;accent-color:var(--cover)}.journal-line-colors{display:flex;flex-wrap:wrap;gap:12px 20px;padding-bottom:20px}.journal-line-colors label{display:flex;align-items:center;gap:8px;font-size:16px}.journal-line-colors select{min-height:44px;padding:5px;border:1px solid #9ea999;border-radius:7px;color:#33443f;background:#fffdf7;font:inherit}.journal-contents{margin-bottom:25px}#journal-count{color:#6c7469;font-size:14px;margin-inline-start:8px}#journal-empty{font-size:16px;line-height:1.7}.journal-entry-list{max-height:310px;overflow:auto;margin-bottom:14px}.journal-entry{display:flex;flex-direction:column;gap:5px;width:100%;text-align:start;color:#33443f;background:transparent;border:0;border-bottom:1px solid #d7d9cd;padding:12px;font:500 17px/1.5 Rubik,sans-serif;cursor:pointer}.journal-entry span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.journal-entry time{font-size:13px;font-weight:400;color:#627063}.journal-entry-number{color:var(--cover-dark);font-size:14px}.journal-entry:hover,.journal-entry[aria-current=page]{background:#ffffffa8;border-radius:6px}.journal-notebook{position:relative;margin:0 0 20px;padding:12px 18px 17px 10px;border-radius:6px 15px 15px 6px;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),var(--cover);box-shadow:inset -7px 0 8px #0002,0 3px 0 var(--cover-dark),0 14px 28px #37473725;scroll-margin-top:24px}.journal-notebook:before{content:"";position:absolute;inset:8px 9px 11px;border:1px dashed #ffffff40;border-radius:4px 11px 11px 4px;pointer-events:none}.journal-ribbon{position:absolute;z-index:1;top:-7px;left:35px;width:22px;height:61px;background:#dba052;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);filter:drop-shadow(1px 2px 1px #0002)}.journal-page{position:relative;background:var(--page);color:#33443f;border-radius:2px 7px 7px 2px;box-shadow:-1px 2px #e4dfce,-2px 5px #f7f1e4,-3px 7px #d4d2c0,inset -12px 0 18px -14px #4e4b40}.journal-page:before{content:"";position:absolute;top:0;bottom:0;right:41px;width:1px;background:#d8939280;pointer-events:none}.journal-page fieldset{padding:0;margin:0;border:0;min-width:0}.journal-page-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:35px 57px 15px 24px}.journal-page-label{color:var(--cover-dark);font-size:18px;font-weight:500}.journal-date{display:flex;align-items:center;gap:9px;font-size:13px;color:#647367}.journal-date input{min-width:0;width:142px;min-height:40px;border:0;border-bottom:1px solid #b3bfae;border-radius:0;color:#33443f;background:transparent;font:15px Rubik,sans-serif;direction:ltr;color-scheme:light}.journal-title{display:block;width:calc(100% - 81px);margin:0 57px 16px 24px;padding:8px 0;border:0;background:transparent;color:var(--cover-dark);font:500 25px/1.6 Rubik,sans-serif}.journal-title::placeholder{color:#7a8477;font-size:22px;font-weight:400}.journal-writing{display:block;width:calc(100% - 81px);margin:0 57px 0 24px;padding:0 0 2px;border:0;border-radius:0;min-height:360px;resize:vertical;font:400 20px/36px Rubik,sans-serif;color:#314454;background-image:repeating-linear-gradient(to bottom,transparent 0 35px,var(--rule) 35px 36px),repeating-linear-gradient(to bottom,var(--journal-line-0, #e5f0fc) 0 36px,var(--journal-line-1, #fce8f0) 36px 72px,var(--journal-line-2, #fff3cf) 72px 108px);background-attachment:local,local;overflow-wrap:anywhere;caret-color:var(--cover-dark)}.journal-writing::placeholder{color:#778679;opacity:1}.journal-title:placeholder-shown,.journal-writing:placeholder-shown{direction:rtl;text-align:right}.journal-page-foot{display:flex;justify-content:space-between;gap:12px;padding:22px 57px 18px 24px;color:#76806c;font-size:12px}.journal-save-row{display:flex;align-items:center;gap:18px}.journal-save-row .journal-btn{flex:none}#journal-save-status{font-size:14px;line-height:1.7;margin:0}#journal-save-status.error{color:#9a372f}#journal-save-copy{margin-top:12px}.journal-page-nav{display:flex;justify-content:space-between;gap:12px;margin:25px 0 15px}.journal-page-nav .journal-btn{background:transparent;border-color:transparent;font-size:16px}.journal-delete-row{text-align:center}.journal-delete{padding:12px;min-height:44px;font:14px Rubik,sans-serif;color:#8b5147;background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.journal-footer{padding:24px 24px 36px;color:#6b7568;font-size:13px}.journal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.journal-balloons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.journal-balloons i{position:absolute;top:40px;left:13%;width:35px;height:44px;border-radius:48% 48% 46% 46%;background:radial-gradient(circle at 30% 25%,#ffffff8c,transparent 30%),#dc92aa;box-shadow:inset -4px -4px #0000000b;transform:rotate(-9deg);animation:journal-bob 6s ease-in-out infinite alternate}.journal-balloons i:before{content:"";position:absolute;bottom:-4px;left:13px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #a47b7a}.journal-balloons i:after{content:"";position:absolute;top:48px;left:18px;width:9px;height:56px;border-left:1px solid #a5a38c;border-radius:50%}.journal-balloons i:nth-child(2){left:22%;top:100px;width:25px;height:33px;background-color:#9cbee2;animation-delay:-2s}.journal-balloons i:nth-child(2):after{top:37px}.journal-balloons i:nth-child(3){left:auto;right:13%;top:65px;background-color:#e8c269;animation-delay:-4s}.journal-balloons i:nth-child(4){left:auto;right:23%;top:125px;width:28px;height:36px;background-color:#a5b99a;animation-delay:-1s}.journal-balloons i:nth-child(4):after{top:40px}@keyframes journal-bob{to{transform:translate(8px,-14px) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.journal-balloons i{animation:none}}@media(max-width:520px){.journal-header{padding:40px 54px 22px}.journal-header h1{font-size:60px}.journal-sub{font-size:15px;line-height:1.6}.journal-wrap{padding:0 15px}.journal-notebook{padding:9px 12px 14px 7px}.journal-page:before{right:24px}.journal-page-top{padding:29px 35px 12px 16px;gap:4px}.journal-page-label{flex-basis:100%}.journal-title,.journal-writing{width:calc(100% - 51px);margin-inline:35px 16px}.journal-title{font-size:22px;margin-bottom:12px}.journal-title::placeholder{font-size:19px}.journal-writing{font-size:18px;min-height:360px}.journal-page-foot{padding:18px 35px 18px 16px;font-size:11px}.journal-save-row{align-items:flex-start;gap:12px}.journal-save-row .journal-btn{padding-inline:12px;font-size:16px}#journal-save-status{font-size:13px}.journal-balloons i:first-child{left:5%;top:87px}.journal-balloons i:nth-child(2){display:none}.journal-balloons i:nth-child(3){right:5%;top:96px}.journal-balloons i:nth-child(4){display:none}}