[hidden]{display:none!important}
/* Tiny original carton sprites drifting on clouds across the diary. */
.juice-cloud{position:absolute;display:block;width:62px;height:24px;border-radius:30px;background:#ffffffb9;box-shadow:15px 5px 0 1px #fff9,-12px 7px 0 -2px #fff9;opacity:.78;animation:float-cloud 14s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 5px 5px #9381c633)}
.juice-cloud:before,.juice-cloud:after{content:"";position:absolute;background:#ffffffcf;border-radius:50%}.juice-cloud:before{width:31px;height:31px;left:5px;top:-14px}.juice-cloud:after{width:36px;height:36px;right:3px;top:-18px}
.juice-cloud img{width:25px;height:33px;position:absolute;left:18px;top:-16px;z-index:1;image-rendering:pixelated;transform:rotate(-6deg)}
@keyframes float-cloud{50%{transform:translate(var(--drift),-17px)}}
.pixelwings{display:flex;justify-content:space-between;width:60%;left:20%;top:16px;letter-spacing:normal}.pixelwings img{width:32px;height:40px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #0c0b23)}
/* J0C3LYN profile page, deliberately reminiscent of a personal homepage. */
.profile-window{max-width:1120px;margin:auto}.profile-shell{padding:25px}.profile-auth{max-width:760px;margin:18px auto 35px;display:grid;grid-template-columns:170px 1fr;align-items:start;gap:32px;background:#fff9;border:1px solid white;border-radius:15px;padding:30px;box-shadow:0 16px 45px #9e80c528}.profile-sticker{background:linear-gradient(155deg,#fff4f7,#d6eefe);padding:12px;border-radius:50%;border:1px dashed #bea6d0}.profile-sticker img{width:100%}.profile-auth h3,.profile-editor h3{font:32px "Patrick Hand",cursive;color:#785788;margin:0 0 10px}.profile-auth label,.profile-editor label{font:14px "Nunito",sans-serif;color:#594a6f}.profile-auth label input,.profile-editor label input,.profile-editor textarea,.profile-editor select{font:15px "Nunito",sans-serif}.profile-auth p{line-height:1.6}.backup-input{margin-top:22px;font-size:12px!important}.profile-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:0 0 18px;font:13px "DM Mono",monospace}.profile-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.profile-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:22px;align-items:start}
.profile-preview{--profile-a:#f2d5f5;--profile-b:#c9e9ff;--profile-c:#d9c3f1;background:linear-gradient(165deg,var(--profile-a),var(--profile-b) 57%,var(--profile-c));border:3px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 13px 40px #67518630;padding:0 21px 22px}.profile-banner{height:130px;margin:0 -21px;background:radial-gradient(circle at 80% 40%,#fff9 0 19px,transparent 20px),radial-gradient(ellipse at 30% 90%,#fff9 0 32%,transparent 33%),linear-gradient(135deg,var(--profile-a),var(--profile-b));display:flex;align-items:flex-start;justify-content:flex-end;padding:14px 26px;font-size:27px;color:white}.profile-portrait{width:120px;height:120px;border-radius:22px;background:linear-gradient(140deg,#f9daec,#d5c3f8);border:5px solid white;box-shadow:0 7px 20px #7b5c8940;margin:-61px auto 12px;position:relative;display:grid;place-items:center;font:74px "Patrick Hand",cursive;color:#7d6293;overflow:hidden}.profile-portrait img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.profile-portrait img[src^="data:image/png"]{image-rendering:pixelated}.profile-preview h3{text-align:center;font:34px "Patrick Hand",cursive;margin:0;color:#583c73}.profile-preview>p{text-align:center;margin:1px 0 16px}.profile-decor-view{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:52px;padding:7px}.profile-decor-view img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(2px 3px 2px #987f9e66)}.profile-box{padding:12px 15px;margin-top:11px;border:1px solid #fff9;border-radius:9px;background:#ffffffb8}.profile-box strong{display:block;color:#8661a0;font:20px "Patrick Hand",cursive;border-bottom:1px dashed #c7add5}.profile-box p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.profile-box article{padding:10px 0;border-bottom:1px dashed #bdaccf}.profile-box article strong{font-size:18px}.profile-box article small{display:block;color:#71677e}.profile-post-remove{background:none;border:0;text-decoration:underline;color:#785e8b;cursor:pointer;font:11px "Nunito",sans-serif}.profile-editor{background:#fffafede;border:1px solid white;border-radius:15px;padding:26px}.profile-editor textarea{min-height:85px}.profile-editor .profile-decor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-decor-options label{display:flex;align-items:center;gap:5px;font-size:12px;background:#fff;border:1px solid #decce9;padding:5px;border-radius:9px;margin:0;cursor:pointer}.profile-decor-options input{width:16px;height:16px;flex:none;accent-color:#9872bd}.profile-decor-options img{width:27px;height:27px}.profile-picture-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:16px 0}.profile-picture-actions label{flex:1 1 190px;margin:0}.profile-picture-actions .button{flex:1 1 130px}.profile-blog-editor{border-top:1px dashed #c3a8d4;margin-top:23px;padding-top:19px}
/* Two readable lined pages with a handwritten diary voice. */
.diary-room{max-width:1120px}.notebook-top{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:22px;padding:24px 34px;background:linear-gradient(135deg,#fefafd,#eddef8)}.notebook-top .room-art{min-height:126px;height:126px;font-size:57px}.notebook-top h3{font:32px "Patrick Hand",cursive;margin:0;color:#76608f}.notebook-top p{margin:8px 0}.album-progress{max-width:410px;margin:13px 0}.progress-track,.track-mini-bar{height:12px;border-radius:20px;background:#d7c9de;overflow:hidden;border:1px solid #bfaed1}.progress-track span,.track-mini-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#cc9bc6,#8ec2df);transition:width .25s}.notebook-spread{display:grid;grid-template-columns:minmax(240px,.74fr) minmax(350px,1.26fr);gap:4px;background:#b49bad;padding:14px;box-shadow:inset 0 4px 15px #57425931}.notebook-page{position:relative;padding:29px 27px 35px 43px;min-height:550px;background:repeating-linear-gradient(#fffaf1 0,#fffaf1 32px,#b8cfe3 33px,#fffaf1 34px);box-shadow:inset 3px 0 10px #9e8c9a36,3px 6px 12px #392b4533;color:#493f57}.notebook-page:after{content:"";position:absolute;top:0;bottom:0;left:27px;width:1px;background:#efabb1}.notebook-holes{position:absolute;left:9px;top:31px;bottom:22px;width:12px;background:radial-gradient(circle,#807288 0 3px,#f6eef0 4px,transparent 5px) center top/12px 49px repeat-y}.notebook-page h3{font:34px "Patrick Hand",cursive;color:#704f80;margin:1px 0 15px}.paper-kicker{font:14px "DM Mono",monospace;color:#8f6c86;text-transform:uppercase;letter-spacing:2px;margin:0}.entry-page label{font:19px "Patrick Hand",cursive;margin-bottom:14px;color:#564a70}.entry-page label input,.entry-page label select,.entry-page label textarea{font:19px "Patrick Hand",cursive;background:#ffffffbb;color:#373247;border:1px solid #c5b1d2;padding:8px}.entry-page textarea{min-height:110px;line-height:1.55}.song-checks{border:1px dashed #b49cbe;background:#ffffff99;padding:10px}.song-checks legend{font:17px "Patrick Hand",cursive}.song-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.song-check-grid label{font:17px "Patrick Hand",cursive;display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.song-check-grid input{width:19px;height:19px;flex:none;accent-color:#9c79ad}.track-page .room-notes{margin:8px 0 22px;display:grid;gap:8px}.track-row{display:grid;grid-template-columns:32px 1fr auto;gap:2px 5px;align-items:center;background:#ffffffbb;border:1px solid #d5c6d6;border-radius:5px;padding:8px;text-align:left;color:#51425d;cursor:pointer;max-width:100%}.track-row:hover,.track-row.active{background:#f4e1f2;border-color:#b592bb}.track-row>span:first-child{font:15px "DM Mono",monospace}.track-row strong{font:20px "Patrick Hand",cursive;overflow-wrap:anywhere}.track-row small{grid-column:2/4;font:12px "Nunito",sans-serif}.track-row .track-mini-bar{grid-column:1/4;height:5px}.empty-track{font:19px "Patrick Hand",cursive}.album-local-progress{display:block;font:11px "DM Mono",monospace;color:#6d5d84;margin-top:8px}.room-actions .button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:830px){.profile-layout,.notebook-spread{grid-template-columns:1fr}.notebook-top{grid-template-columns:95px 1fr}.notebook-top .room-art{height:100px;min-height:100px}.notebook-page{min-height:auto}}
@media(max-width:550px){.profile-auth{grid-template-columns:1fr;padding:22px}.profile-sticker{width:112px;margin:auto}.profile-shell{padding:14px}.profile-editor .profile-decor-options{grid-template-columns:repeat(2,1fr)}.notebook-top{grid-template-columns:1fr;padding:20px}.notebook-top .room-art{display:none}.notebook-spread{padding:7px}.notebook-page{padding:24px 14px 30px 36px}.song-check-grid{grid-template-columns:1fr}.juice-cloud{opacity:.53}}
@media(prefers-reduced-motion:reduce){.juice-cloud{animation:none}.progress-track span,.track-mini-bar span{transition:none}}
.entry-page label.room-share{display:flex;align-items:center;gap:10px;background:#fff9;padding:9px;border:1px dashed #c2acc8;font:16px "Patrick Hand",cursive}.entry-page label.room-share input{width:20px;height:20px;flex:none;accent-color:#956bb2}
/* Four gentle corner decorations; the center of every page stays clear. */
.juice-cloud{width:54px;height:19px;opacity:.68}
.juice-cloud--top-left{top:92px;left:clamp(10px,2.5vw,36px)}
.juice-cloud--top-right{top:92px;right:clamp(10px,2.5vw,36px)}
.juice-cloud--bottom-left{bottom:36px;left:clamp(10px,2.5vw,36px)}
.juice-cloud--bottom-right{bottom:36px;right:clamp(10px,2.5vw,36px)}
.avatar-float{position:absolute;z-index:3;width:57px;height:35px;background:#ded0f2b8;border-radius:50%;box-shadow:13px 3px #ded0f299,-9px 5px #ded0f299;pointer-events:none;animation:float-cloud 7s ease-in-out infinite}
.avatar-float img{position:absolute;top:-17px;left:17px;width:26px;height:40px;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 #281738a0)}
.avatar-float--top{top:25px;right:31px;--drift:7px}
.avatar-float--bottom{bottom:45px;left:31px;--drift:-7px;animation-delay:-3.5s}
.profile-sticker{padding:4px;border:none;border-radius:28px;background:linear-gradient(145deg,#e5f7e9,#e0defa);box-shadow:0 10px 25px #6b908d33}
.profile-banner{overflow:hidden}.profile-banner img{height:126px;width:126px;object-fit:contain;filter:drop-shadow(0 5px 8px #9db3a744);margin-top:-17px;margin-right:5px}
@media(max-width:900px){.juice-cloud--top-left,.juice-cloud--top-right{top:153px}}
@media(max-width:550px){.juice-cloud{transform:scale(.75)}.juice-cloud--top-left,.juice-cloud--top-right{top:151px}.juice-cloud--bottom-left,.juice-cloud--bottom-right{bottom:19px}.avatar-float--top{top:19px;right:18px}.avatar-float--bottom{bottom:24px;left:18px}}
@media(prefers-reduced-motion:reduce){.avatar-float{animation:none}}
/* A public artist card; edit controls appear only after a server verified artist login. */
.artist-studio{max-width:1120px;margin:0 auto 30px}.artist-studio-inner{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;padding:24px 35px;background:linear-gradient(135deg,#f6dbfa,#d0eeff)}.artist-studio-inner img{width:165px;max-width:100%;filter:drop-shadow(0 9px 12px #77658144)}.artist-studio-inner h3{font:36px "Patrick Hand",cursive;margin:0;color:#5f5387}.artist-studio-inner p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:5px 0 9px}.artist-stickers{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.artist-stickers img{height:38px;width:38px;object-fit:contain;filter:drop-shadow(2px 2px #9480ad55)}.artist-signin,.artist-editor{padding:24px 35px;background:#fffafdeb}.artist-studio h3{font-family:"Patrick Hand",cursive}.artist-signin h3,.artist-editor h3{font-size:27px;margin:0 0 8px}.artist-signin p,.artist-editor p{line-height:1.55}.artist-signin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.artist-signin label,.artist-editor label{font:15px "Patrick Hand",cursive}.artist-editor textarea{min-height:110px}.artist-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.artist-editor-heading h3{margin:0}.artist-sticker-options{display:flex;flex-wrap:wrap;gap:6px}.artist-sticker-options label{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #d7c6e3;background:#fff;border-radius:8px;margin:0}.artist-sticker-options input{width:17px;height:17px;accent-color:#9c78ae}.artist-sticker-options img{width:25px;height:25px}.artist-editor .button{margin:4px 5px 4px 0}.room-reader h4{font:29px "Patrick Hand",cursive;color:#624879;margin:0}.room-reader p{font:20px/1.6 "Patrick Hand",cursive;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 22px}.room-reader strong{font:17px "DM Mono",monospace;color:#746085}.room-reader .reader-stage{font:13px "DM Mono",monospace;padding:6px 0}.room-reader .button{font:14px "Nunito",sans-serif}
/* Feathered world change with a static immediate swap for reduced motion. */
.page-transition{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:radial-gradient(circle at center,#fffafd,#d8c6f4 70%,#b7ddf0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s}.page-transition.is-entering,.page-transition.is-leaving{visibility:visible}.page-transition.is-entering{opacity:1}.page-transition.is-leaving{opacity:0}.transition-heart{display:grid;justify-items:center;gap:9px;color:#715585;font:13px "DM Mono";letter-spacing:1px}.transition-heart img{width:185px;animation:wing-flutter .5s ease-in-out infinite alternate;filter:drop-shadow(0 8px 9px #b893ce77)}@keyframes wing-flutter{from{transform:scale(.92) rotate(-4deg)}to{transform:scale(1.04) rotate(3deg)}}
@media(max-width:620px){.artist-studio-inner{grid-template-columns:100px 1fr;gap:10px;padding:18px}.artist-studio-inner img{width:100px}.artist-signin,.artist-editor{padding:19px}.artist-signin-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.page-transition{display:none}.transition-heart img{animation:none}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:3px solid #5b3994;outline-offset:3px}

/* The artist can publish plain text without editing source files. */
.site-copy-panel{margin-top:28px;padding-top:22px;border-top:2px dashed #d3bddb}.site-copy-panel h4{margin:0 0 7px;font:29px "Patrick Hand",cursive;color:#624879}.site-copy-panel>p{margin:0 0 14px}.site-copy-group{border:1px solid #d8c8e3;background:#fff;border-radius:10px;margin:8px 0;overflow:hidden}.site-copy-group summary{padding:11px 15px;font:19px "Patrick Hand",cursive;color:#594671;cursor:pointer}.site-copy-group summary:focus-visible{outline:3px solid #845aa1;outline-offset:-3px}.site-copy-group>div{display:grid;gap:12px;padding:12px 15px 17px;border-top:1px solid #e7deec}.site-copy-group label{display:block;margin:0}.site-copy-group label span{display:block;margin-bottom:5px}.site-copy-group textarea{display:block;width:100%;min-height:65px;line-height:1.5;resize:vertical}#site-copy-save{margin-top:13px}[data-site-copy]{white-space:pre-wrap}
.profile-password-change{margin:17px 0;padding:12px 15px;border:1px solid #dac8e1;border-radius:10px;background:#fffafde0}.profile-password-change summary{cursor:pointer;font:19px "Patrick Hand",cursive}.profile-password-change label{margin-top:12px}.profile-password-change p{margin:8px 0 0}