/**
 * Minified by jsDelivr using clean-css v5.3.3.
 * Original file: /gh/chennien/dev.hearty.me@f26512e1f09d4cb48c639147c28044e9fb389400/css/diary.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
@charset "UTF-8";@import url(//cdn.jsdelivr.net/combine/gh/heartyme/web.hearty.me@41214/css/jquery.ui.resizable.min.css,npm/cropperjs@1.6.2/dist/cropper.min.css,npm/cssgram@0.1.3/source/css/cssgram.min.css,npm/slick-carousel@1.8.1/slick/slick.min.css,gh/heartyme/web.hearty.me@41214/css/diary.pagination.min.css,gh/heartyme/web.hearty.me@41214/css/periods.min.css,gh/heartyme/web.hearty.me@41214/css/ytbox.min.css);@import url(//cdn.jsdelivr.net/gh/erikflowers/weather-icons@2.0.10/css/weather-icons.min.css);:root{--book-color:#ffd1a4;--book-cover-def:url(//i.hearty.app/i/illustrations/kitchen.jpg);--book-bg-def:url(//i.hearty.app/SsTuLyU.jpg);--book-bg-size:contain;--book-bg-repeat:repeat;--book-cover:var(--book-cover-def);--book-bg:var(--book-bg-def)}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;appearance:none}body{margin:0 auto;padding:0;height:100vh;background-color:#fff;background-image:var(--book-bg);background-size:var(--book-bg-size);background-repeat:var(--book-bg-repeat);background-position:center;background-attachment:fixed;overscroll-behavior:none}body.loading::after{content:""}.mask_loading,body.loading::after{position:fixed;top:0;left:0;width:100%;height:100%;background:url(//cdn.jsdelivr.net/gh/heartyme/web.hearty.me@41214/img/kitten.png) no-repeat center,linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65));background-size:250px;cursor:wait;z-index:3}a:active,a:hover,a:link,a:visited{text-decoration:none;cursor:pointer;color:inherit}::-webkit-input-placeholder{font-style:italic}.blur{filter:blur(4px)}.hj-main{display:flex;align-items:center;justify-content:center;height:auto;min-height:92vh;min-height:calc(100vh - 5em);padding:3.6em 0 2em 0;transition:filter .05s linear}.bk-page header{position:sticky;display:flex;flex-flow:row wrap;align-items:center;top:0;width:100%;background:rgba(255,255,255,.95);background:linear-gradient(bottom,rgba(255,255,255,.8),#fff);z-index:2}.bk-page .bookmark{margin:.6em 1em;cursor:pointer}.bk-page .bookmark::before{font-family:"Font Awesome 5 Pro";content:"\f02e";color:#c68e78}.bk-page .bookmark[data-bookmarked="0"]::before{font-weight:300}.bk-page .bookmark[data-bookmarked="1"]::before{font-weight:900}.bk-page [data-screenshoted] .bookmark{width:14px;height:20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUBAMAAABPKxEfAAAALVBMVEUAAADBinXBinXBinXBinXBinXBinXBinXBinXBinXBinXBinXBinXBinXBinUFNRISAAAADnRSTlMAwECA8OBg0HAwEKBQIANoNCwAAAA/SURBVAjXY5ikBAKaDHLvQOAhgziYv5FBkAEEDGlIswUmgOjFfiFPuwwZRPzKuFKfFDLICQGlDz5k6AWrmwEArjUVF5GsrsQAAAAASUVORK5CYII=") no-repeat center}.bk-page [data-screenshoted] .bookmark::before{content:""}.bk-page #subject{position:relative;width:auto;min-width:3em;min-height:20px;max-width:80%;padding:.8em .3em .8em 0;font-size:large;line-height:1.8;overflow-wrap:break-word;word-wrap:break-word;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;user-select:all;cursor:pointer}.bk-page #subject::before{position:absolute;content:'';bottom:0;left:0;right:0;height:2px;background-color:#c68e78;transform-origin:bottom right;transform:scaleX(0);transition:transform .5s ease}.bk-page #subject:hover::before{transform-origin:bottom left;transform:scaleX(1)}.bk-page .wi{padding:.6em;font-size:small;color:#555;cursor:pointer}.bk-page .wi:hover::before{content:""}.bk-page .wi:hover::after{content:"\f272";font-size:large}#editor{position:static;width:100%;margin:0 -.2em 0 .5em;border-top:1px dashed #ccc;height:auto;min-height:50vh}#editor_editable{position:static;width:100%;padding:1em .5em 0 .5em;letter-spacing:.5px;line-height:1.8;text-align:justify;text-justify:inter-character;text-align-last:start;line-break:loose;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;caret-color:rosybrown;color:#222;outline:0}#editor_editable::selection{color:#222;background:#e4d2d2}#editor_editable.editor_margin_bottom::after{content:"\A\A\A\A\A\A";white-space:pre}#editor_editable[data-writer]:not([data-writer=""])::after{content:"\A\2014\00a0" attr(data-writer) "\A\A";white-space:pre;color:#bc8f8f}#editor_editable mark{position:relative;background:#e4c9bf;padding:0 .3em;border-radius:3px;caret-color:#9f5f5f;z-index:-1}#editor_editable mark::before{position:absolute;content:"";top:-2px;left:-2px;right:-2px;bottom:2px;max-height:10px;background:inherit;border-radius:inherit;z-index:-1}#editor_editable mark:nth-child(2n)::before{top:4px}#editor_editable u{-webkit-text-decoration:#bb785e wavy underline;text-decoration:#bb785e wavy underline;text-underline-offset:3px}#editor_editable u[data-double]{text-decoration-style:double}#editor_editable[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}#editor_editable[contenteditable=true][title]:empty::before{content:attr(title);display:block;color:#888;letter-spacing:1px}#editor_editable.readonly{opacity:.5;user-select:none;-webkit-user-modify:read-only;cursor:crosshair}#editor_editable.tbrl{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;letter-spacing:1.5px;color:#222}#editor_editable.tbrl::first-letter{font-size:160%;font-weight:bolder;letter-spacing:4px}#editor_editable a{color:#bb785e;margin:0 .1em;padding:0 .2em;border:1px dashed var(--book-color);border-radius:.5em}#editor_editable a:active,#editor_editable a:hover,#editor_editable a:link,#editor_editable a:visited{color:#8b4513}#editor_editable.readonly a::after{font-family:"Font Awesome 5 Pro";content:"\f08e";font-weight:300;font-size:x-small;margin-left:.2em}.complement{clear:both;visibility:hidden}.complement_left{float:left}.complement_right{float:right}.bundle_left::before,.bundle_right::before{content:'';height:auto}.bundle_left::before{float:left}.bundle_right::before{float:right}.bundle_innerbox{position:static;display:inline-block;width:auto;width:min-content;height:auto;height:min-content}.alignment_left{float:left;clear:left}.alignment_right{float:right;clear:right}.asset{position:relative;display:flex;justify-content:center;align-items:center;width:min-content;height:min-content;-webkit-tap-highlight-color:transparent;z-index:1}.asset.ui-draggable-disabled{cursor:pointer;z-index:0}.asset .sticker_img{position:relative;transition:margin-left .06s linear,margin-right .06s linear;background-repeat:no-repeat;background-size:contain;background-position:center}.asset .sticker_static{margin:.2em .5em;pointer-events:none}.asset .sticker_editing{border:3px dashed #888;border-radius:.6em;font-size:2.5em;filter:contrast(1.1);box-shadow:rgba(0,0,0,.1) 1px 1px 1em 1px;cursor:move;cursor:grab;transition:border .2s linear}.asset .sticker_editing:hover{border:3px dotted #999;filter:brightness(1.05)}.asset .sticker_editing.grabbing{border:3px dashed #999;cursor:move;cursor:grabbing}.asset .sticker_editing::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.05);pointer-events:none}.asset .sticker_editing::after{position:absolute;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Pro";font-size:inherit;width:100%;height:100%;top:0;left:0;margin:.1em 0;color:#fff;text-shadow:-1px 0 #222,0 1px #222,1px 0 #222,0 -1px #222;border-radius:inherit;pointer-events:none}.asset .sticker_editing.dragthis::after{content:"\f0a6";background:rgba(255,255,255,.6);animation:dragging .8s ease-in-out infinite alternate}@media (pointer:fine){.asset .sticker_editing.dragthis::after{content:"\f245"}}.asset .sticker_editing.dragging::after{content:"\f255";animation:dragging .8s ease-in-out infinite alternate}@keyframes dragging{from{transform:translateY(-.1em);opacity:1}to{transform:translateY(0);opacity:.5}}.asset .sticker_editing.resizing::after{content:"\f320";background:rgba(247,245,197,.1);animation:resizing 1s linear infinite alternate}@keyframes resizing{from{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:.2}}.asset .sticker_editing.rotating::after{content:"\f2f1";background:rgba(247,245,197,.1);animation:rotating 2s linear infinite alternate}@keyframes rotating{100%{transform:rotate(360deg)}}.ui-rotatable-handle{position:absolute;height:25px;width:25px;border:2px dotted rgba(0,0,0,.7);border-right-color:transparent;border-radius:50%;background:rgba(255,255,255,.5);transition:1s ease-in-out}.ui-rotatable-handle::before{position:absolute;content:'';top:-2px;left:80%;width:0;height:0;border-left:9px solid rgba(0,0,0,.6);border-top:9px solid transparent;border-bottom:9px solid transparent;border-radius:5px;transform:rotate(45deg)}.ui-rotatable-handle:hover{border-top:2px solid #222;border-left:2px solid #222;border-bottom:2px solid #222;background:rgba(255,242,129,.9)}.ui-rotatable-handle-ne:hover,.ui-rotatable-handle-se:hover{animation:rotatable 2s linear infinite normal}@keyframes rotatable{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}.ui-rotatable-handle-nw:hover,.ui-rotatable-handle-sw:hover{animation:rotatable-reverse 2s linear infinite normal}@keyframes rotatable-reverse{from{transform:rotateY(180deg) rotateZ(0)}to{transform:rotateY(180deg) rotateZ(360deg)}}.ui-rotatable-handle:hover::before{border-left-color:#222}.ui-rotatable-handle-sw{left:-27px;bottom:-27px;transform:rotateX(180deg) rotateY(180deg);cursor:nwse-resize}.ui-rotatable-handle-nw{top:-27px;left:-27px;transform:rotateY(180deg);cursor:nesw-resize}.ui-rotatable-handle-se{right:-27px;bottom:-27px;transform:rotateX(180deg);cursor:nesw-resize}.ui-rotatable-handle-ne{top:-27px;right:-27px;cursor:nwse-resize}.ui-resizable-handle{border-radius:1px}.ui-resizable-handle:hover{background:rgba(255,242,129,.9)}.egrip,.negrip,.ngrip,.nwgrip,.sgrip,.swgrip,.wgrip{width:12px;height:12px;background:#fff;border:1px solid #000}.negrip{top:-6px;right:-6px}.nwgrip{top:-6px;left:-6px}.swgrip{left:-6px;bottom:-6px}.ngrip{top:-6px;left:50%;margin-left:-6px}.egrip{top:50%;transform:translateY(-50%);right:-6px;margin-top:-6px}.sgrip{left:50%;bottom:-6px;margin-left:-6px}.wgrip{top:50%;transform:translateY(-50%);left:-6px;margin-top:-6px}.detach{position:absolute;display:flex;width:30px;height:30px;top:50%;left:-37px;align-items:center;justify-content:center;background:rgba(241,109,110,.6);border-radius:50%;border:1px solid #eaeaea;font-size:20px;color:#fff;transform:translateY(-50%);cursor:pointer}.detach::after{font-family:"Font Awesome 5 Pro";content:"\f00d";font-size:22px}.detach:hover{background:rgba(241,109,110,.9)}.bk-flip,.bk-read,.hj-sample,.hj-styles{display:none}.mh-head .fa-bell{position:relative}.mh-head .fa-bell:hover::before,.mh-head .fa-bell[data-count]:not([data-count="0"])::before{display:inline-block;animation:ring-the-bell 4s infinite}@keyframes ring-the-bell{0%{transform:rotate(30deg)}10%{transform:rotate(-30deg)}20%{transform:rotate(0)}}.mh-head .fa-bell[data-count]:not([data-count="0"])::after{position:absolute;display:block;content:attr(data-count);top:0;right:-.2em;padding:3px 7.5px;border-radius:50%;background:#c55740;font-size:small;font-weight:700;color:#fff;box-shadow:-1px 2px 3px rgba(0,0,0,.3),inset 0 2px 5px rgba(225,225,225,.3)}.popup.notifications{display:none;width:inherit;height:inherit}.notifications ul{position:fixed;top:60px;right:2.8em;list-style:none;margin:0;padding:0;max-width:360px;max-height:85vh;border:2px solid #d78b7b;border-radius:.8em;box-shadow:rgba(0,0,0,.1) 1px 1px 1em 1px;background:rgba(255,255,255,.9);overflow-y:auto}.notifications ul::before{display:block;content:attr(title);padding:.1em .6em;text-align:left;background:#d78b7b;color:#fff;letter-spacing:1px;line-height:1.6;font-size:x-small}.notifications ul:empty::after{content:attr(data-empty)}.notifications .arr{position:absolute;display:block;top:40px;right:7.2em;border:10px solid #d78b7b;border-color:transparent transparent #d78b7b}.notifications ul li,.notifications ul:empty::after{display:block;min-width:270px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;padding:.8em .6em .8em 2.2em;text-indent:-1.4em;color:#222;line-height:1.9;letter-spacing:.5px;font-size:medium;cursor:pointer}.notifications ul li:hover{background:#fffaf4}.notifications ul li[data-unread="1"]{background:#fbfbe4}.notifications ul li[data-date]::after{content:attr(data-date);margin-left:1em;font-size:small;color:#555;vertical-align:bottom}.notifications ul li:not(:last-child){border-bottom:1px dashed #999}.notifications ul li i{margin:0 .6em 0 1.2em}.editor_toolbelt .save.btn_blink,.mh-head .btn_stickerbook.btn_blink{background:rgba(255,242,129,.9);animation:btn_blink 3s infinite}@keyframes btn_blink{0%{background:rgba(255,255,255,.5);box-shadow:0 0 0 0 rgba(187,120,94,.4)}70%{background:rgba(255,242,129,.8);box-shadow:0 0 0 16px rgba(187,120,94,0)}100%{background:rgba(255,255,255,.5);box-shadow:0 0 0 0 rgba(187,120,94,0)}}.mh-head .btn_finish_editing{border-left:1px dotted #555;border-bottom:1px dotted #555;border-radius:0 0 0 5px;color:#fff;background:rgba(215,139,123,.9);animation:btn_finish_editing 2s infinite;cursor:pointer}@keyframes btn_finish_editing{from{background:rgba(215,139,123,.9)}50%{background:rgba(215,139,123,.6)}to{background:rgba(215,139,123,.9)}}.hj .disabled{opacity:.3;pointer-events:none;cursor:not-allowed!important}.hj_rmenu{position:fixed;display:none;content-visibility:auto;padding:.5em;z-index:2}.hj_rmenu ul{display:block;list-style:none;padding:0;border:2px solid #d78b7b;border-radius:.6em;color:#bb785e;background:rgba(255,255,255,.9);box-shadow:2px 2px 2px #eaeaea}.hj_rmenu li{letter-spacing:1px;line-height:2;font-size:medium;padding:0 .8em;word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word;cursor:pointer}.hj_rmenu li[data-icon]::before{font-family:"Font Awesome 5 Pro";content:attr(data-icon);margin-right:.6em}.hj_rmenu li:active,.hj_rmenu li:hover{color:#fff;background:#d78b7b}.bk-underlayer,.image-zoom,.popup-underlayer{position:fixed;top:0;left:0;width:100%;height:100%;touch-action:pan-y}.image-zoom,.popup-underlayer{display:none;content-visibility:auto;z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-zoom>div,.popup-underlayer>div{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.image-zoom .img_btns{position:fixed;display:flex;align-items:center;flex-flow:row wrap;left:.8em;bottom:.3em;list-style:none;padding:0;z-index:1}.image-zoom[data-gallery_id="0"] .img_btns{display:none}.image-zoom .img_btns li{display:flex;align-items:center;justify-content:center;width:2.6em;height:2.6em;margin:.4em .6em;color:#fff;font-size:1em;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.6);cursor:pointer}.image-zoom .img_btns li[data-icn]::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:attr(data-icn)}.image-zoom .img_btns li:hover{color:#000;border:1px solid #222;background:rgba(255,255,255,.8)}.image-zoom .img_btns li:hover::before{font-weight:900}.image-zoom li[data-rotate]{transform:rotate(45deg) scaleX(-1);transition:all .3s ease-in-out}.image-zoom li[data-rotate]:hover{animation:btn_rotate 1s linear infinite}@keyframes btn_rotate{from{transform:rotate(45deg) rotateZ(0) scaleX(-1)}to{transform:rotate(45deg) rotateZ(360deg) scaleX(-1)}}.image-zoom li[data-download] a{display:none}.image-zoom::after{position:absolute;content:"\00a0";opacity:0;top:20vh;left:50%;min-width:160px;padding:.5em;border:2px solid #ccc;border-radius:.5em;letter-spacing:1px;color:#fff;background:rgba(0,0,0,.7);font-size:large;pointer-events:none;transform:translateX(-50%);transition:opacity .1s linear;z-index:3}.image-zoom[data-filter]::after{opacity:1;content:attr(data-filter)}.popup-underlayer{-webkit-overflow-scrolling:touch;overflow:auto}.popup-underlayer>div{position:relative;overflow:auto;background:rgba(255,255,255,.8)}.popup{position:relative;cursor:auto;pointer-events:auto}.popup.crop,.popup.external_link,.popup.feedback,.popup.notice_checkin,.popup.notice_gift,.popup.notice_pc,.popup.post_attr,.popup.share,.popup.style,.popup.ytbox{display:none;min-width:320px;max-width:99%;margin:auto;padding:1em;color:#555;border:1px solid #ccc;border-radius:.6em;line-height:2;background:#fff}.popup.ytbox{width:99%}.popup img{max-width:100%;max-height:100%}.popup.feedback .reminder,.popup.share .reminder{font-size:x-small;color:#888}.popup.feedback .reminder[title]::after,.popup.share .reminder[title]::after{content:attr(title);height:100%;vertical-align:middle}.popup.feedback .addfiles{font-size:smaller;color:#666;margin:0 0 .6em .6em;letter-spacing:.5px}.addfiles input,.addfiles label{cursor:pointer}.popup.share .privacy_selector{display:flex;justify-content:space-evenly;flex-flow:row wrap;list-style:none;min-width:35vw;margin:1em auto;padding:0;text-align:justify}.popup.share .privacy_selector li{display:inline;padding:.6em .8em;margin:.6em .4em;color:#bc8f8f;border:1px solid #bc8f8f;border-radius:.6em;letter-spacing:1px;cursor:pointer;transition:background .2s linear}.popup.share .privacy_selector li[data-selected]{font-weight:700;color:#fff;background-color:#bc8f8f;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0))}.popup.share .privacy_selector li:not([data-selected]):hover{background:#f8f3f3}.popup.share .sharable_url{display:none;margin:.6em auto}.popup.share .sharable_url>div{display:flex;flex-flow:row nowrap;margin:.6em auto}.popup.share .sharable_url span{display:flex;flex:1;align-items:center;justify-content:center;color:#888}.popup.share .sharable_url input{flex:3;width:100%;border:1px solid #bc8f8f;background:0 0;box-shadow:inset 0 1px 3px #ddd;border-radius:2em;padding:.5em 1em;line-height:2;color:#bc8f8f;caret-color:rosybrown;outline:0;cursor:copy}.popup.share .sharable_url input::selection{color:#fff;background:#bc8f8f}.popup.share .sharable_url input::placeholder{font-style:italic}.popup.share .qrcode{display:block;margin:1em auto;text-align:center}.popup.share .penpals{display:none}.popup.share .penpals>div{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-around;padding:.6em 0 0 0;border-top:1px dashed #ccc}.popup.share .penpals>div>div{display:flex;flex-flow:column wrap;align-items:center}.popup.share .penpals .toggles{display:inline;padding:.4em .6em;color:#bc8f8f;background:#fff;border:1px solid #bc8f8f;border-radius:.6em;letter-spacing:1px;font-size:small;transition:background-image .2s linear}.popup.share .penpals .toggles:hover{color:#fff;background-color:#bc8f8f;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0))}.popup.share .penpals .penpal_delete{opacity:0}.popup.share .penpals .sendto{color:#777;letter-spacing:.5px;font-size:small}.popup.share .penpals .sendto[title]::after{content:attr(title)}.popup.share .penpals select{display:block;margin:.5em auto;border:1px dotted #bc8f8f;color:#bc8f8f;border-radius:.5em;outline:0;text-align-last:center;scroll-snap-type:y mandatory}.popup.share .penpals select:empty::before{content:attr(data-empty);font-size:small;margin:.5em;letter-spacing:.5px}.popup.share .penpals select option{padding:.5em .8em;letter-spacing:1px;cursor:pointer;scroll-snap-align:start}.popup.share .penpals select option:hover{background:#f8f3f3}.popup.share .penpals select option[disabled]{color:#ccc;background:0 0;cursor:not-allowed}.popup.crop .row,.popup.style .row{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.popup.style .row>div{display:flex;flex-flow:column wrap}.popup.style .row :first-child{flex:3}.popup.style .row :nth-child(2){flex:1}.popup.style #headline[title]:empty::before{content:attr(title)}.popup.style #headline::after{font-size:x-small}.popup.style label{position:relative;width:100%;padding-top:52.4%;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}.popup.style label::before{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:"Font Awesome 5 Pro";content:"\f0aa";font-size:x-large;font-weight:300;color:#999;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;background:rgba(255,255,255,.3);transition:background .2s linear}.popup.style label:hover::before{font-weight:900;background:0 0}.popup.style label[for=cover_upload]{background-image:var(--book-cover)}.popup.style label[for=bg_upload]{background-image:var(--book-bg)}.popup.style input[type=file]{display:none}.popup.style .colors{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;gap:10px}.popup.style [data-c]{flex:1 0 calc((100% - (7 * 10px))/ 8);height:26px;border-radius:50%;background-color:var(--book-color);cursor:pointer}.popup.style [data-picked]{outline:2px solid #999;border:.5px solid #fff}.popup.style [data-c=ffd1a4]{background-color:#ffd1a4}.popup.style [data-c=f1cec7]{background-color:#f1cec7}.popup.style [data-c=d8dad9]{background-color:#d8dad9}.popup.style [data-c=cac3bb]{background-color:#cac3bb}.popup.style [data-c=a7a4ab]{background-color:#a7a4ab}.popup.style [data-c="78717e"]{background-color:#78717e}.popup.style [data-c="9e7c7f"]{background-color:#9e7c7f}.popup.style [data-c=e5cccf]{background-color:#e5cccf}.popup.style [data-c=c6715a]{background-color:#c6715a}.popup.style [data-c=f7d792]{background-color:#f7d792}.popup.style [data-c=bcae88]{background-color:#bcae88}.popup.style [data-c="727b68"]{background-color:#727b68}.popup.style [data-c="9b9383"]{background-color:#9b9383}.popup.style [data-c=e9d4c8]{background-color:#e9d4c8}.popup.style [data-c=cfb3a4]{background-color:#cfb3a4}.popup.style [data-c="3f3f3f"]{background-color:#3f3f3f}.popup.style a[target="_blank"]{border-bottom:1px solid #888}.popup.crop{min-width:90%}.popup.crop .row a{display:inline-block;padding:.2em .6em;margin:.4em 0;color:#bc8f8f;border:1px solid #bc8f8f;border-radius:.6em;letter-spacing:1px;font-size:smaller;transition:background .2s linear;cursor:pointer}.popup.crop .row a[data-active]{font-weight:700;color:#fff;background-color:#bc8f8f;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0))}.popup.crop .row a:not([data-active]):hover{background:#f8f3f3}.popup.crop img{max-width:100%;max-height:80vh}.popup.crop canvas{display:none}.popup.feedback{color:#555}.popup.feedback form{display:none}.popup.feedback ul{list-style:none;padding:0}.popup.feedback li{color:#bc8f8f;line-height:2.2;cursor:pointer}.popup.feedback li:first-child{font-weight:bolder}.popup.feedback li[data-uptime]{color:#228b22}.popup.feedback h3{margin:0 auto}.popup.feedback .notice{display:block;margin:.5em 2vw;padding:.4em;letter-spacing:1px;color:#222;background:#f9edbe;border:1px solid #f0c36d;border-radius:.6em;text-align:center;font-size:small;cursor:pointer}.popup.feedback .row{display:flex;flex-flow:row wrap;justify-content:flex-start}.popup.feedback [data-col="1"]{flex:1}.popup.feedback [data-col="2"]{flex:2}.popup.feedback .ver{display:flex;align-items:center;justify-content:center;font-size:x-small;letter-spacing:.5px}.popup.feedback input[type=email],.popup.feedback input[type=text],.popup.feedback textarea{width:100%;border:1px solid #bc8f8f;background:0 0;box-shadow:inset 0 1px 3px #ddd;border-radius:1em;margin:1em .8em;padding:.5em 1em;line-height:1.6;letter-spacing:1px;color:#bc8f8f;caret-color:rosybrown;outline:0}.popup.feedback input[name=email]{font-size:smaller}.popup.feedback input[type=radio]{margin-right:.4em}.popup.feedback input:invalid,.popup.feedback textarea:invalid{background:#fbf5ed}.popup.feedback input::placeholder,.popup.feedback textarea::placeholder{font-style:italic}.popup.feedback input:focus,.popup.feedback textarea:focus,.post_attr #post_created:focus{box-shadow:1px 1px 6px 2px rgba(187,120,94,.5)}.popup.feedback textarea{resize:none}.popup.feedback .support_pincode{display:none;font-size:small;color:#bc8f8f;text-align:center;cursor:pointer}.popup.feedback .support_pincode[data-pincode]::after{content:attr(data-pincode);font-weight:700;-webkit-text-decoration:underline;text-decoration:underline;letter-spacing:2px}.popup.notice_checkin,.popup.notice_gift,.popup.notice_pc{text-align:center}.popup.notice_checkin h2,.popup.notice_gift h2,.popup.notice_pc h2{letter-spacing:1.5px}.popup.notice_checkin img,.popup.notice_gift img{display:block;width:200px;height:auto;margin:.5em auto;cursor:pointer}.popup.notice_pc img{width:90%}.popup.notice_checkin [title][data-points][data-unit]::after{content:attr(title) " " attr(data-points) " " attr(data-unit)}.hj_stars{display:flex;align-items:center;justify-content:space-evenly;flex-flow:row-reverse wrap;margin:0 auto;padding:1em 0;white-space:nowrap}.hj_stars[data-after]::before{content:attr(data-after);color:#555}.hj_stars[data-before]::after{content:attr(data-before);color:#555}.hj_stars input[type=radio]{display:none}.hj_stars [data-rating]{display:inline-flex;flex-flow:column wrap;font-size:x-large;transition:all .1s linear}.hj_stars [data-rating]::before{font-family:"Font Awesome 5 Pro";content:"\f005";font-weight:900;cursor:pointer}.hj_stars [data-rating]:not([data-rating=""])::after{content:attr(data-rating);margin-top:1em;text-align:center;color:#777;font-size:small;letter-spacing:.5px}.hj_stars [data-rating],.hj_stars:hover [data-rating]{color:#eee}.hj_stars [data-rating]:hover,.hj_stars [data-rating]:hover~[data-rating]{color:orange}.hj_stars input:checked:hover~[data-rating],input:checked~[data-rating]{color:gold}.post_attr #post_created{display:block;width:auto;max-width:100%;color:#555;border:1px dashed #555;background:0 0;border-radius:2em;margin:.6em auto;padding:.2em;outline:0;text-align:center}#post_created::-webkit-calendar-picker-indicator{outline:0}#post_created::-webkit-clear-button,#post_created::-webkit-inner-spin-button{display:none}.external_link .title{display:flex;align-items:center;margin:.8em auto}.external_link .title img{border-radius:.5em}.external_link .title div{flex:1;margin-left:1em;font-size:large}.external_link .snapshot{display:none;max-width:320px;max-height:50vh;margin:.5em auto;border:1px solid #ccc;border-radius:.75em}.external_link .url{font-size:small;white-space:nowrap;word-break:keep-all;overflow-wrap:break-word;word-wrap:break-word;text-overflow:ellipsis;overflow:hidden;outline:0;-webkit-user-modify:read-write-plaintext-only;cursor:copy}.external_link [data-safebrowsing]{color:#228b22;font-size:small}.popup.purchase,.popup.upgrade{position:absolute;display:none;top:0;left:0;width:100%;height:100%;margin:0 .3em;padding:1em}.popup.purchase>div,.popup.upgrade>div{display:flex;align-items:center;width:inherit;height:inherit}.popup.purchase .row,.popup.upgrade .row{display:flex;align-items:flex-start;justify-content:center;flex-flow:row wrap;width:inherit;height:auto;margin:auto;padding:0 .2em}.popup .column{position:relative;display:inline-flex;flex:1;flex-flow:column wrap;width:100%;max-width:400px;margin:1em;padding:1em 0;line-height:2;color:#555}.popup .package{border:1px solid #ccc;border-radius:1em;background:rgba(255,255,255,.8);text-align:center;overflow:hidden}.upgrade [data-due1]{margin:.3em 0;padding:.4em 0;color:#222;background:#e4d9c7;cursor:pointer}.upgrade [data-due1]::after{content:attr(data-due1) "\00a0" attr(data-exp) "\00a0" attr(data-due2)}.upgrade [data-due1][data-due3]::after{content:attr(data-due1) "\00a0" attr(data-exp) "\00a0" attr(data-due2) "\A" attr(data-due3);white-space:pre}.purchase .features,.upgrade .features{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:inherit}.notice_pc ul,.purchase .features ul,.upgrade .features ul{list-style:none;padding:0 1.6em;line-height:2.2;text-align:left}.purchase .features li:empty::before,.upgrade .features li:empty::before{content:"\00a0"}.upgrade .features ul:hover li{color:#333}.upgrade .features ul li:hover~li{color:#555}.purchase .selected,.upgrade .selected{position:absolute;right:-50px;top:-50px;width:100px;height:100px;background:#f16d6e;color:#fff;font-size:smaller;transform:rotate(45deg)}.purchase .selected::before,.upgrade .selected::before{position:absolute;left:0;bottom:0;width:100%;content:attr(title);letter-spacing:1px;text-align:center}.purchase h2,.upgrade h2{margin:.8em auto;letter-spacing:1px}.purchase [data-sub]::after,.upgrade [data-sub]::after{content:"\00a0" attr(data-sub);font-size:medium}.notice_checkin small,.purchase small,.upgrade small{color:#d28064;letter-spacing:.5px;width:inherit}.notice_checkin a,.purchase a,.upgrade a{font-size:small;color:#888}.popup .btns_action{display:flex;justify-content:space-evenly;list-style:none;padding:0;text-align:center}.popup .btns_action li{display:inline-flex;letter-spacing:2px;margin:.4em auto;padding:.8em 1em;border-radius:.6em;color:#fff;background-color:#888;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0));cursor:pointer;transition:filter .2s linear;box-shadow:0 1px 3px rgba(0,0,0,.1)}.popup .btns_action li[data-active]{background-color:#f16d6e}.popup .btns_action li:hover,.popup.feedback .notice:hover,.screenlock .cancel:hover{filter:brightness(1.2)}.purchase .price_selector{display:inline-block;list-style:none;margin:0 auto;padding:0;text-align:center;word-break:keep-all;white-space:nowrap}.purchase .price_selector li{display:inline;padding:.4em .6em;letter-spacing:2px;border:1px solid #e36a6a;cursor:pointer}.purchase .price_selector li[data-active]{color:#fff;background:#e36a6a;cursor:default}.purchase .price_selector li:first-child{border-radius:.5em 0 0 .5em}.purchase .price_selector li:last-child{border-radius:0 .5em .5em 0}.purchase .currency_selector{list-style:none;margin:1em auto 0 auto;padding:0;display:inline-flex;flex-flow:row nowrap;justify-content:space-evenly}.purchase .currency_selector li{margin:0 1em;color:#888;letter-spacing:1px;cursor:pointer}.purchase .currency_selector li[title=TWD]{color:#555;border-bottom:2px solid #d78b7b;cursor:default}.purchase .currency_selector li[title]::after{content:attr(title)}.purchase .price_unit{display:inline-block;color:#e36a6a;font-size:4em;vertical-align:middle}.purchase .price_unit::before{content:"NT$";color:#777;font-size:medium;line-height:2;vertical-align:super;margin-right:1em}.purchase .price_unit::after{content:"/ " attr(data-unit);color:#555;font-size:medium;vertical-align:sub;margin-left:1em;letter-spacing:1px}.purchase [data-promo]{color:#d28064;font-size:large;font-weight:700;letter-spacing:.5px}.purchase [data-notice]{font-size:x-small;color:#888}.purchase [data-subtotal]::after{content:"\00a0" attr(data-subtotal)}.purchase .payment_badges{margin-top:.3em}.purchase .payment_badges img{display:inline-block;margin:0 auto;opacity:.8;width:auto;height:25px}.purchase .transaction_badges{display:inline-flex;align-items:center;flex-flow:row wrap;padding:.8em .6em;border-radius:.6em;border:1px dotted #ccc;background:rgba(255,255,255,.8)}.purchase .transaction_badges div{flex:1;font-size:small;color:#555;padding-right:.8em}.purchase .transaction_badges img{width:auto;height:40px}.purchase .voucher_redeem{display:block;margin:.8em auto;padding:.3em 0;border-radius:.6em;border:1px dotted #ccc;background:rgba(255,255,255,.8);color:#333;text-align:center;cursor:pointer;pointer-events:all;transition:all .2s linear}.purchase .column[data-col=features]{text-align:center;pointer-events:none}.purchase .column[data-col=iap] ul[data-reminder]{list-style:circle;font-size:x-small;padding:0 1em 0 1.8em;text-align:justify}.purchase .column[data-col=iap] ul li::marker{color:#555}.purchase .column[data-col=iap] [data-links]{display:flex;justify-content:space-around;list-style:none;padding:0}.purchase .column[data-col=iap] [data-links] a{font-size:small;letter-spacing:1px;color:#bc8f8f;cursor:pointer}.popup.periods{display:none}.popup.tutorial{display:none;max-width:90%}.tutorial_slider{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin:.8em auto;padding:0 1.8em}.tutorial_slider img{border-radius:.5em;border-right:10px solid transparent;outline:0;cursor:ew-resize;max-height:95vh}.dots{position:absolute;display:block;list-style:none;bottom:0;width:100%;margin:0 auto;padding:0;text-align:center}.dots li{display:inline-block;margin:0 .8em;cursor:pointer}.dots li:hover{filter:brightness(1.1)}.dots li button{display:block;width:.6em;height:.6em;padding:6px;color:transparent;border:0;outline:0;background:#fff;border-radius:50%;cursor:pointer}.dots li.slick-active button{background:#f7bfbf}.tutorial_slider .dots{bottom:-2.5em;margin:.5em 0}.tutorial_slider .dots li button{background:#fff}.tutorial_arrow{font-size:3em;padding:.4em .5em;border:1px solid #ccc;background:rgba(255,255,255,.7);cursor:pointer;transition:all .2s linear}.tutorial_arrow.fa-chevron-left{border-radius:.6em 0 0 .6em}.tutorial_arrow.fa-chevron-right{border-radius:0 .6em .6em 0}.tutorial_arrow.fa-chevron-left.slick-disabled{color:#888;background:#eee;cursor:not-allowed}.tutorial_arrow:not(.slick-disabled):hover{color:#fff;background:#f7bfbf}.popup.tutorial_sticker{display:none;width:100%;text-align:center;cursor:pointer}.popup.tutorial_sticker h2{color:#555;letter-spacing:1px}.popup.tutorial_sticker div{background:url(//i.hearty.app/b/images/gesture_mobile.png?o=1) no-repeat center;background-size:contain;width:100%;height:80vh}.diary_screenshot,.popup.img_uploader{display:none;margin:auto}.img_uploader{border:2px dashed #888;padding:1.2em;border-radius:.5em;color:#222;background:rgba(255,255,255,.5);text-align:center}.diary_screenshot img{width:auto;height:auto;max-width:95vw;max-height:90vh;border:2px solid #bc8f8f;border-radius:.5em;cursor:s-resize}.popup .btn_close{position:absolute;top:-.3em;right:-.3em}.popup .btn_close:hover{color:#666}.popup .btn_close:hover::before{font-weight:900}.hj_preview>div::after,.popup .btn_close,.popup.purchase::after,.popup.upgrade::after{display:block;font-size:3em;color:#999;background:#fff;border-radius:50%;cursor:pointer}.hj_preview>div::after,.popup.purchase::after,.popup.upgrade::after{position:fixed;font-family:"Font Awesome 5 Duotone";content:"\f057";top:.1em;right:.1em;color:#999;background:#eaeaea;padding:0 2px}.sheet{position:relative;display:block;background:url(//i.hearty.app/XCR4X1w.png),#fff;box-shadow:0 0 5px rgba(0,0,0,.2),inset 0 0 3em rgba(0,0,0,.1)}.sheet::after,.sheet::before{position:absolute;content:'';width:15em;height:.6em;bottom:.75em;background:0 0;box-shadow:0 6px .75em rgba(0,0,0,.3);z-index:-1}.sheet::before{left:.75em;transform:skew(-5deg) rotate(-5deg)}.sheet::after{right:.75em;transform:skew(5deg) rotate(5deg)}.image-zoom>div{position:relative;background:rgba(0,0,0,.7);cursor:pointer;z-index:3}.image-zoom img{display:none;width:auto;height:auto;max-width:90%;max-height:90%;border:1px solid #fff;border-radius:2px;touch-action:auto;transform:rotate(0);transition:filter .5s ease-in-out;image-orientation:from-image;cursor:e-resize}.image-zoom img:not([data-r=""]){display:block;transition:all .5s ease-in-out}.image-zoom img[data-r="1"]{transform:rotate(90deg)}.image-zoom img[data-r="2"]{transform:rotate(180deg)}.image-zoom img[data-r="3"]{transform:rotate(270deg)}.image-zoom img[data-r="0"]{animation:rotate359 .5s ease-in-out}@keyframes rotate359{from{transform:rotate(270deg)}to{transform:rotate(360deg)}}.warning-underlayer{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;top:0;left:0;opacity:0;z-index:3;pointer-events:none}.warning-underlayer>div{display:inline-flex;align-items:center;justify-content:center;padding:0 1.6em;padding-top:env(safe-area-inset-top,0);color:#fff;background:#ef5657;border-radius:0 0 1em 1em;white-space:nowrap;letter-spacing:1px;cursor:pointer}.warning-underlayer[data-clickable="1"]>div{pointer-events:auto}.warning-underlayer>div[title]::after{display:inline-block;content:attr(title);padding:.8em 0}.warning-underlayer>div[title][data-battery]::after{content:attr(title) ": " attr(data-battery) "%"}.warning-underlayer [data-normal]{background:#c78f7a;background:linear-gradient(to bottom,#c78f7a,rgba(199,143,122,.8))}.warning-underlayer [data-blink]{animation:warning_blink 950ms infinite}@keyframes warning_blink{from{box-shadow:inset 0 0 0 999px rgba(255,0,0,.6)}50%{box-shadow:none}to{box-shadow:inset 0 0 0 999px rgba(255,0,0,.6)}}.warning-underlayer div::before{font-size:inherit;font-weight:inherit;margin-right:.6em}.bk-list{display:block;perspective:1800px}.bk-list .bk-book,.bk-list .bk-cover,.bk-list .bk-cover-back,.bk-list .bk-front{transform-style:preserve-3d}.bk-list .bk-cover-back:not(:root:root){transform-style:initial}.bk-list .bk-book{width:100%;transition:transform .8s;will-change:transform}.bk-list .bk-book.bk-default:hover,.bk-list .bk-book.bk-rotate{transform:rotate3d(0,1,0,35deg)}.bk-list .bk-front{position:absolute;transform-origin:0% 50%;transition:transform .5s;transform:translate3d(0,0,20px);pointer-events:none}.bk-list .bk-cover{cursor:pointer}.bk-list .bk-cover,.bk-list .bk-cover-back{backface-visibility:hidden;border-radius:0 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1);pointer-events:auto}.bk-list .bk-page{position:absolute;display:block;height:78vh;min-height:360px;max-height:900px;top:5px;padding:0;border-top:1em solid transparent;border-bottom:1em solid transparent;border-radius:.3em;background:#fff;backface-visibility:hidden;transform:translate3d(0,0,19px);scroll-behavior:smooth;overflow-x:hidden;overflow-y:scroll;touch-action:pan-y;outline:0}.bk-list .bk-page,.catalog[data-mobile] div,.notifications ul,body.hj{scrollbar-width:none}.bk-list .bk-page::-webkit-scrollbar,.catalog[data-mobile] div::-webkit-scrollbar,.notifications ul::-webkit-scrollbar,body.hj::-webkit-scrollbar{display:none;width:0;background:0 0}@media all and (min-resolution:.001dpcm){@media{.bk-cover-back .catalog::-webkit-scrollbar{display:none;width:0;background:0 0}}}.bk-list .bk-back,.bk-list .bk-book,.bk-list .bk-cover,.bk-list .bk-cover-back,.bk-list .bk-front,.bk-list .bk-left{height:80vh;min-height:360px;max-height:920px}.bk-list .bk-left,.bk-list .bk-right{width:40px;left:-20px}.bk-list .bk-back{position:absolute;display:flex;align-items:flex-start;justify-content:center;transform:rotate3d(0,1,0,-180deg) translate3d(0,0,20px);border-radius:3px 0 3px;box-shadow:10px 10px 30px rgba(0,0,0,.3);cursor:pointer;overflow:hidden}.bk-list .bk-cover-back{position:absolute;width:86%;max-width:480px;transform:translate3d(-1px,0,0) rotate3d(0,1,0,-179deg)}.bk-list .bk-cover-back>div{width:100%;height:100%}.catalog .pagination{text-align:center;padding:.3em 0 .8em 0;user-select:none}.catalog .pagination[data-stats]::after{display:block;content:attr(data-stats);margin:.8em auto;letter-spacing:1px;font-size:xx-small;color:#333}.catalog .pagination i{transition:.4s ease-in-out}.catalog .pagination .prev{cursor:w-resize}.catalog .pagination .next{cursor:e-resize}.catalog[data-desktop] .pagination i{font-size:1.5em}.catalog[data-desktop] .pagination i:hover{font-size:2em}.catalog[data-mobile] .pagination i{font-size:2em}.catalog .pagination i:nth-child(2){margin-left:1em}.catalog .pagination select{margin:auto 1em;padding:.4em .6em;border:1px solid #999;border-radius:.5em;outline:0;background:0 0;text-align-last:center;color:inherit;appearance:none}.catalog .pagination select:empty{display:none}.catalog[data-desktop]{position:relative;width:100%;height:100%;padding:0 .3em;border-top:8px solid var(--book-color);border-right:3px solid var(--book-color);border-bottom:8px solid var(--book-color);border-left:6px solid var(--book-color);border-radius:.6em;background:url(//i.hearty.app/XCR4X1w.png) repeat center,#fff;overflow-x:hidden;overflow-y:scroll}.catalog[data-desktop] .tabs{position:sticky;display:flex;top:0;justify-content:space-evenly;list-style:none;background:inherit;padding:0}.catalog[data-desktop] .tabs li{display:inline-flex;padding:.5em .2em;cursor:pointer;letter-spacing:1px;font-size:smaller}.catalog[data-desktop] .tabs .btn_diary{border-bottom:2px solid #ccc}.catalog[data-desktop] .tabs .btn_diary[data-active]{border-bottom:2px solid #d78b7b}.catalog .tabs [data-queried]{display:inline-flex;justify-content:center;align-items:center;width:2em;height:2em}.catalog .tabs [data-queried]::before{margin-right:0}.catalog .tabs [data-queried="1"]{background-color:#c68e78;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0));color:#fff;font-weight:bolder;border-radius:50%;box-shadow:2px 2px 2px #ccc}.catalog[data-desktop] .tabs li:empty::before,.catalog[data-mobile] .tabs span:empty::before{margin-left:0}.catalog[data-desktop] .tabs li:empty:hover::before,.catalog[data-mobile] .tabs span:empty:hover::before{color:#666;font-weight:900}.catalog .diaries{list-style:none;padding:0}.catalog .diaries .catalog_loading{display:flex;align-items:center;justify-content:flex-start;width:1em;height:300px;height:fill-available;color:#c68e78;margin:0 auto;font-size:3em;animation:fa-spin 1s infinite linear;cursor:wait}.catalog .diaries .catalog_loading::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f3f4"}.catalog[data-desktop] .diaries{display:flex;flex-flow:column nowrap;margin:0 .6em}.catalog[data-desktop] .diaries li{cursor:pointer}.catalog[data-desktop] .diaries li,.catalog[data-desktop] .diaries:empty::before{font-size:medium;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:.4em .2em;letter-spacing:1px;line-height:2;transition:.3s ease-in-out}.catalog[data-desktop] .diaries[title]:empty::before{display:block;content:attr(title) " " attr(data-empty);color:#666;height:50vh;text-align:center}.catalog[data-desktop] .diaries li:hover{font-size:larger}.catalog[data-desktop] .diaries li:not(:last-child){border-bottom:1px dashed #8c8b8b}.catalog .diaries li{order:1}.catalog .diaries li[data-active]{font-weight:bolder;color:#bb785e}.catalog .diaries li::after{font-family:"Font Awesome 5 Pro";font-weight:500;font-size:small;margin-left:.6em;color:#777;letter-spacing:6px}.catalog .diaries li[data-privacy="0"]::after{content:"\f023"}.catalog .diaries li[data-privacy="0"][data-editable="0"]::after{content:"\f499"}.catalog .diaries li[data-privacy="0"][data-outbound_count]:not([data-outbound_count="0"])::after{content:"\f023" "\f2bd"}.catalog .diaries li[data-privacy="1"]::after{content:"\f6f3"}.catalog .diaries li[data-privacy="9"]::after{content:"\f57e"}.catalog[data-mobile]{z-index:2}.catalog[data-mobile] .tabs{display:flex;width:100%;text-align:center;padding:1em 0;justify-content:space-around;background:inherit}.catalog[data-mobile] .tabs span{display:flex;align-items:center;padding:.1em .2em;line-height:2;letter-spacing:1px;font-size:x-small;cursor:pointer}.catalog[data-mobile] .tabs span[data-text]{border-bottom:2px solid #ccc}.catalog[data-mobile] .tabs span[data-active]{border-bottom:2px solid #d78b7b}.catalog[data-mobile] .diaries{margin:0 20px 1em 20px}.catalog[data-mobile] .diaries li,.catalog[data-mobile] .diaries:empty::before{color:#222;font-size:smaller;white-space:nowrap;padding:.3em 0;text-overflow:ellipsis;letter-spacing:1px;line-height:1.8;overflow:hidden}.catalog[data-mobile] .diaries li{cursor:pointer}.catalog[data-mobile] .diaries[title]:empty::before{content:attr(title) " " attr(data-empty);color:#666;height:60vh}.catalog[data-mobile] .diaries li[data-active]{font-weight:bolder;color:#bb785e}.catalog[data-mobile] .diaries li{border-bottom:1px dotted #8c8b8b}.catalog[data-mobile] .tabs_bottom{display:flex;margin:1em 0 .8em 0;justify-content:space-evenly;font-size:small}.catalog .loading_text{position:relative;margin:3rem 0 1.5rem;width:90%}.catalog .loading_text,.catalog .loading_text::after,.catalog .loading_text::before{height:1rem;background:#ccc;margin-bottom:40vh;animation:pulse-light 1s ease-in-out infinite}.catalog .loading_text::after,.catalog .loading_text::before{position:absolute;display:block;content:""}.catalog .loading_text::before{width:95%;top:-1.5rem;margin-top:-2px}.catalog .loading_text::after{width:40%;bottom:-1.5rem;margin-bottom:-2px}@keyframes pulse-light{50%{background:#eaeaea}}.toast_signin_reminder{position:fixed;display:none;left:55%;bottom:8em;background:rgba(0,0,0,.6);color:#fff;padding:.6em 1.2em;border-radius:.8em;font-size:medium;letter-spacing:1px;cursor:pointer;z-index:2}.toast_signin_reminder:hover{background:rgba(0,0,0,.9)}.toast_signin_reminder::before{content:attr(title)}.btn_feedback.desktop{position:absolute;bottom:0;right:.4em;color:#555;font-size:small;text-align:right;padding:.3em .6em;margin:0 1em;background:rgba(255,255,255,.65);border-radius:.4em;cursor:pointer;transition:font-size .5s linear}.btn_feedback.desktop::before{display:none;content:attr(title)}.btn_feedback.desktop:hover{font-size:medium}.btn_feedback.desktop:hover::before{display:inline}.btn_feedback.desktop[data-far-right]::after,.toast_signin_reminder[data-far-right]::after{font-family:"Font Awesome 5 Pro";content:attr(data-far-right);font-weight:500;margin-left:.4em}.bk-list .bk-right{position:absolute;height:78vh;max-height:715px;top:5px;transform:rotate3d(0,1,0,90deg) translate3d(0,0,393px);backface-visibility:hidden}.bk-list .bk-left{position:absolute;transform:rotate3d(0,1,0,-90deg)}.bk-list .bk-viewinside .bk-front{transform:translate3d(0,0,20px) rotate3d(0,1,0,-160deg)}.bk-list .bk-book.bk-viewinside{transform:translate3d(0,0,150px) rotate3d(0,1,0,0)}.bk-list .bk-book.bk-filp{transform:translate3d(0,0,0) rotate3d(0,1,0,180deg)}.bk-list .bk-front::after{content:'';position:absolute;width:1px;top:1px;bottom:1px;left:-1px}.bk-list .bk-back::after,.bk-list .bk-cover::after{content:'';position:absolute;width:3px;top:0;left:10px;bottom:0;background:rgba(0,0,0,.06);box-shadow:1px 0 3px rgba(255,255,255,.1)}.bk-list .bk-back::after{left:auto;right:10px}.bk-list .bk-left h2{width:80vh;max-width:920px;height:40px;transform-origin:0 0;transform:rotate(90deg) translateY(-40px)}.bk-list .bk-cover,.bk-list .bk_back{overflow:hidden}.bk-page .diary{display:flex;flex-flow:row wrap;height:100%}.bk-page .diary[data-hidden]{display:none}.bk-page .diary[data-screenshoted]{padding:.5em 2em 9em 0}.bk-page .diary[data-screenshoted][data-date]::before{display:none}.bk-page #editor_editable[data-screenshoted]{line-height:2;letter-spacing:2px}.bk-page .diary[data-date]::before{position:absolute;content:attr(data-date);top:0;right:0;font-size:xx-small;color:#aaa;margin:.3em .6em 0 .6em;letter-spacing:1px;z-index:3;pointer-events:none}.bk-page .prologue{position:relative;display:none;height:100%;background:url(//i.hearty.app/i/illustrations/picnic.jpg) center no-repeat;background-size:cover;box-shadow:inset 0 0 14px 8px #fff;cursor:pointer}.bk-page .prologue .start{position:absolute;display:block;bottom:0;width:100%;text-align:center}.bk-page .prologue .start div{max-width:80%;margin:1em auto;padding:1em;color:#222;border-radius:.5em;letter-spacing:1px;background:rgba(255,255,255,.7);transition:background .2s linear}.bk-page .prologue .start div:hover{background:rgba(255,255,255,.9);font-size:bold}.bk-page .prologue .start div::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"\f319";margin-right:.4em}.bk-page .prologue .start div::after{content:attr(data-btn)}.bk-page .pwd_protected{display:none}.editor_toolbelt{position:fixed;display:none;left:60%;width:auto;max-width:100%;height:5em;bottom:-1px;transform:translateX(-50%);padding:0 1em;background:rgba(255,255,255,.85);background:linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.9));box-shadow:1px 1px 6px 2px rgba(204,204,204,.8);border-radius:.6em .6em 0 0;z-index:2}.editor_toolbelt.off{visibility:hidden;pointer-events:none}.editor_toolbelt>div{display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(241,109,110,.1)}.editor_toolbelt .kit{flex:1;padding:.8em 1em;text-align:center;font-size:1.6em;color:#555;cursor:pointer;transition:all .3s ease-in-out}.editor_toolbelt .kit:hover{color:#222}.editor_toolbelt .kit.save{position:relative;max-width:3em;border-radius:50%;background:rgba(255,255,255,.8);outline:0}.editor_toolbelt .kit.save::after,.editor_toolbelt .kit.save::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;border-radius:50%;box-sizing:inherit;outline:0}.editor_toolbelt .kit.save::before{border:2px solid #eaeaea}.editor_toolbelt .kit.save::after{border:0 solid transparent}.editor_toolbelt .kit.save:hover::before,.editor_toolbelt .kit.save[data-saving]::before{border-top-color:#bc8f8f;border-right-color:#bc8f8f;border-bottom-color:#bc8f8f;transition:border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s}.editor_toolbelt .kit.save:hover::after,.editor_toolbelt .kit.save[data-saving]::after{border-top:2px solid #bc8f8f;border-left-width:2px;border-right-width:2px;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .35s}.editor_toolbelt .kit.save[data-unsaved]::before{background:rgba(250,128,114,.4);background:radial-gradient(ellipse at center,rgba(250,128,114,.5) 30%,rgba(250,128,114,.25) 70%)}.editor_toolbelt .sticker{width:auto;min-width:320px;height:100%;text-align:right}.editor_toolbelt .sticker span{display:none;padding:.8em 1em;background:rgba(247,245,197,.8);border-radius:.5em;letter-spacing:1px;cursor:pointer}.editor_toolbelt .sticker span[data-fal]::before{margin-right:.6em}.editor_toolbelt .sticker span:not(:last-child){margin-right:1.5em}.bk-page .frame{position:relative;width:100%;padding:56.25% 0 0 0;cursor:pointer;overflow:hidden}.bk-page .frame.uploading{cursor:wait}.bk-page .frame.uploading::after{position:absolute;display:flex;justify-content:center;font-family:"Font Awesome 5 Pro";font-weight:500;content:"\f3f4";width:100%;top:15%;font-size:120px;text-shadow:-2px 0 #bc8f8f,0 2px #bc8f8f,2px 0 #bc8f8f,0 -2px #bc8f8f;color:#fff;animation:fa-spin .9s infinite linear;pointer-events:none}.bk-page .slick-list,.bk-page .slick-track{height:inherit}.bk-page .pictures{position:absolute;width:100%;height:100%;top:0;left:0}.bk-page .diary:not([data-screenshoted]) .pictures{box-shadow:inset 0 0 14px 8px #fff}.bk-page .pictures,.bk-page figure{background-image:url(//i.hearty.app/i/illustrations/sheara.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s linear}.bk-page figure{position:relative;width:100%;height:100%;margin:0 auto;cursor:zoom-in}.bk-page figure div,.bk-page figure::before{position:absolute;top:0;left:0;width:100%;height:100%}.bk-page figure::before{content:"";-webkit-backdrop-filter:blur(30px) brightness(1.05);backdrop-filter:blur(30px) brightness(1.05);z-index:0}@supports not (-webkit-touch-callout:none){@media (pointer:coarse){.bk-page figure::before{background:rgba(255,255,255,.8);-webkit-backdrop-filter:none;backdrop-filter:none}}}.bk-page [data-screenshoted] figure::before{background:rgba(255,255,255,.7)}.bk-page figure div{background-image:inherit;background-size:contain;background-position:inherit;background-repeat:inherit;transition:all .3s linear}@media (hover:hover){.bk-page .pictures:hover,.image-zoom img:hover{filter:saturate(1.1)}.bk-page .pictures:empty:hover,.bk-page figure:hover div{transform:scale(1.2)}}.bk-page figure~figure{cursor:ew-resize}.pictures .dots li{margin:0 .6em}.pictures .dots li button{width:.4em;height:.4em;padding:4px;background:#fff;border:1px solid #bc8f8f;box-shadow:rgba(0,0,0,.2) 1px 1px 4px 1px}.pictures .dots li.slick-active button{background:#bc8f8f;border:1px solid #fff}.bk-page [data-screenshoted] .dots{display:none}.bk-page .frame #youtube{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;transition:all .5s ease-in-out}.bk-page .frame #youtube{background-size:cover!important}.bk-page .frame .far{position:absolute;display:block;bottom:0;padding:1em;color:#555;background:rgba(255,255,255,.85);box-shadow:rgba(0,0,0,.1) 1px 1px 1em 1px;cursor:pointer;transition:all .5s linear}.bk-page .frame .far:hover{color:#fff;background:rgba(0,0,0,.6)}.bk-page .frame .fa-video-plus{left:0;border-radius:0 50% 0 0}.bk-page .frame .fa-camera-alt{right:0;border-radius:50% 0 0 0}.bk-page .frame #youtube[style^="background-image:"]~.fa-camera-alt,.bk-page .frame .pictures:not(:empty)~.fa-video-plus{display:none!important}.bk-page .frame #youtube{display:none}.bk-page .frame #youtube::before{position:absolute;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Brands";font-weight:400;content:"\f167";font-size:3.6em;top:0;left:0;width:100%;height:100%;color:rgba(255,255,255,.85);background:rgba(0,0,0,.35);text-shadow:2px 2px 6px #222;cursor:pointer;transition:color .15s ease-in-out}.bk-page .frame #youtube:hover::before{color:#fff}.bk-page .frame #youtube iframe{position:absolute;display:none;top:0;left:0;width:100%;height:100%;border:none}.catalog[data-mobile] .tabs,.stickerbook .stickerlist,.stickerbook .stickertabs{margin-top:env(safe-area-inset-top,0)}@media only screen and (max-device-width:375px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.mh-head .left,.mh-head .right{padding-top:env(safe-area-inset-top,0)}.hj-main,.notifications .arr,.notifications ul{margin-top:env(safe-area-inset-top,0)}}@supports (-webkit-overflow-scrolling:touch){@media screen and (orientation:portrait){.mh-head .fa-bell{order:1}.mh-head .btn_stickerbook{order:2}.notifications .arr{right:3.8em}}}@media screen and (min-width:1025px){.bk-list{width:35vw;min-width:400px;margin-left:25vw}.bk-list,.bk-list .bk-back,.bk-list .bk-cover,.bk-list .bk-front{width:35vw;min-width:400px}.bk-list .bk-page{width:calc(35vw - 7px);min-width:393px}.bk-list .bk-cover-back{width:30vw}.editor_toolbelt .kit:hover{color:#000;transform:scale(1.3)}.popup.purchase>div,.popup.upgrade>div{display:flex;align-items:center}}@media screen and (max-width:767px){.alertify-logs{bottom:90px}.editor_toolbelt{left:50%;width:100%}.editor_toolbelt .kit{padding:.6em .25em}.editor_toolbelt .kit.save .fal{min-width:1.85em}.upgrade .features li:empty{display:none}.popup.purchase .row,.popup.upgrade .row{flex-flow:column wrap}.popup .column{margin:1em auto}.column[data-col=subscription]{order:1}.column[data-col=deposit]{order:2}.column[data-col=features]{order:3}.popup .btn_close{top:0}.hj_stars [data-rating]{font-size:medium}.image-zoom .img_btns{flex-flow:column wrap}}@media screen and (max-width:1024px){.bk-list{margin-left:0}.bk-list,.bk-list .bk-back,.bk-list .bk-cover,.bk-list .bk-front{width:85vw}.bk-list .bk-cover-back,.bk-list .bk-page{width:82vw;width:calc(85vw - 5px)}}@supports (-webkit-touch-callout:none){#editor{height:max-content}@media only screen and (min-width:768px) and (orientation:portrait){.bk-list,.bk-list .bk-back,.bk-list .bk-cover,.bk-list .bk-front{width:80vw}.bk-list .bk-page{width:calc(80vw - 5px)}.bk-list .bk-cover-back{width:calc(80vw - 5px)}.purchase .column[data-col=features]{display:none}}@media only screen and (min-width:768px) and (orientation:landscape){.bk-list{width:400px;min-width:400px;margin-left:35vw}.bk-list,.bk-list .bk-back,.bk-list .bk-cover,.bk-list .bk-front{width:400px}.bk-list .bk-page{width:393px}.bk-list .bk-cover-back{width:320px}}}.bk-book .bk-back,.bk-book .bk-cover-back,.bk-book .bk-front::after,.bk-book .bk-left{background-color:var(--book-color);background-image:url(//i.hearty.app/i/book_background.png);background-repeat:repeat;background-size:cover;background-blend-mode:multiply}.bk-book .bk-cover{position:absolute;width:100%;background-color:var(--book-color);background-image:var(--book-cover);background-repeat:no-repeat;background-position:center;background-size:cover}.bk-book .bk-cover h2{position:absolute;top:40px;left:30px;color:#555;line-height:1.6;text-shadow:-1.2px -1.2px 0 #fff,1.2px -1.2px 0 #fff,-1.2px 1.2px 0 #fff,1.2px 1.2px 0 #fff;-webkit-font-smoothing:antialiased}.btn_style{position:absolute;left:1em;bottom:2em;padding:.5em .6em;color:#708090;border:1px solid #708090;border-radius:50%;background:rgba(255,255,255,.7);transition:background .5s ease}.btn_style::before{font-family:"Font Awesome 5 Pro";content:"\f03e"}.btn_style:hover{background:#fff}.btn_style:hover::before{font-weight:900}.bk-book .bk-left h2{color:#fff;font-size:smaller;line-height:40px;text-align:center}.bk-book .bk-back div{margin:1.5em;color:#111}.bk-book .bk-back p{font-size:smaller;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;line-height:2;letter-spacing:1px;text-indent:1em}.bk-book .bk-back div::before{display:block;font-family:"Font Awesome 5 Pro";font-weight:300;content:attr(data-icon);text-align:center;font-size:3em;margin:.5em auto}.bk-cover-back .fa-chevron-square-up,.catalog[data-mobile] .fa-chevron-square-up,.stickerbook .fa-chevron-square-up{position:fixed;display:none;right:.3em;bottom:1em;font-size:2.4em;color:rgba(0,0,0,.45);padding:0 .3em;border-radius:.2em;text-align:center;cursor:pointer}.bk-cover-back .fa-chevron-square-up:hover,.stickerbook .fa-chevron-square-up:hover{color:rgba(0,0,0,.6)}.screenlock{position:fixed;display:none;content-visibility:auto;top:0;width:100vw;height:100vh;color:#fff;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3;user-select:none}.screenlock>div{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.screenlock .pin{min-width:350px;margin-bottom:4em}.screenlock .pin::after{display:block;content:attr(title);margin-top:3em;font-size:larger;letter-spacing:2px;text-transform:uppercase;text-align:center;text-shadow:0 0 2px #fff}.screenlock .unset{padding:.6em 1em;border:1px dotted #fff;border-radius:.5em;background:rgba(241,109,110,.5);letter-spacing:1px;cursor:pointer}.screenlock .unset::before{font-family:"Font Awesome 5 Pro";content:"\f3c1";margin-right:.4em}.screenlock .unset::after{content:attr(title)}.screenlock .fa-sign-out{position:absolute;top:.5em;right:.5em;color:#fff;font-size:3em;cursor:pointer}.screenlock input{width:14vw;height:14vw;padding:0;border:2px dashed #fff;border-radius:10px;text-align:center;color:#fff;font-size:3em;background:0 0;outline:0;-webkit-text-security:disc;text-security:disc}.screenlock input~input{margin-left:8vw}.screenlock input:focus{border:2px dotted #fff;background:rgba(255,255,255,.1)}nav.catalog[data-mobile],nav.stickerbook{border-left:1px dashed #ccc;background:url(//i.hearty.app/XCR4X1w.png) repeat center,#fff;-webkit-tap-highlight-color:rgba(0,0,0,.1);user-select:none}nav.catalog[data-mobile] .mm-panel::after,nav.catalog[data-mobile] .mm-panel::before,nav.stickerbook .mm-panel::after,nav.stickerbook .mm-panel::before{height:0}.stickerbook .stickerlist{position:relative;height:100vh;touch-action:pan-y;content-visibility:auto}.stickerbook .stickerlist .stickerdir{position:absolute;display:flex;flex-flow:row wrap;align-items:flex-start;width:100%;height:100%;top:1px;padding:3em .5em;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.stickerbook .stickerlist .stickerdir:empty{align-items:center;justify-content:center;cursor:wait}.stickerbook .stickerlist .stickerdir:empty::before{display:block;font-family:"Font Awesome 5 Pro";content:"\f3f4";width:100px;font-size:100px;color:#bc8f8f;animation:fa-spin 1s infinite linear}.stickerbook .item{position:relative;display:inline-flex;flex:0 1 45%;align-items:center;justify-content:center;color:#bc8f8f;background:rgba(255,255,255,.9);border-radius:50%;margin:.6em auto;cursor:pointer;opacity:.75;transition:.2s ease-in-out}.stickerbook .item.hidden{display:none}.stickerbook .item[data-src-backup]{background-image:attr(data-src-backup url)}.stickerbook .item::before{display:inline-block;content:"";padding:50% 0}.stickerbook .item[data-premium="1"]::after{position:absolute;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f30d";font-size:2.5em;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px dashed #bc8f8f;text-shadow:-2px 0 #bc8f8f,0 2px #bc8f8f,2px 0 #bc8f8f,0 -2px #bc8f8f;color:rgba(255,255,255,.8);background:repeating-linear-gradient(35deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.4) 15px,transparent 0,transparent 30px),rgba(221,199,199,.5)}.stickerbook .item div{position:relative;width:80%;height:auto;margin:0 0 .6em 0;padding:75% 0 0 0;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .2s ease-in-out}.stickerbook .item div:hover{transform:scale(1.1)}.stickerbook .item:hover{opacity:1}.stickerbook .item[data-premium="1"]:hover::after{background:rgba(221,199,199,.3)}.stickerbook .item h5{position:absolute;width:100%;left:0;bottom:0;text-align:center;letter-spacing:1px;margin:0 auto .2em auto;overflow-wrap:break-word;word-wrap:break-word}.stickerbook .item h5[data-new="1"]::after{content:"new";font-size:x-small;color:#fff;background:#ef5b5c;margin-left:.4em;padding:.1em;border-radius:.5em;vertical-align:super}.stickerbook .stickertabs{display:flex;position:fixed;top:0;width:100%;text-align:center;padding:.6em 0 .2em 0;justify-content:center;background-color:rgba(255,255,255,.2);background-image:linear-gradient(to top,rgba(255,255,255,.3) 0,#fff 100%)}.stickerbook .stickertabs .tab{display:none;width:100%}.stickerbook .stickertabs span{display:inline;line-height:2;letter-spacing:2px;margin:0 .5em;padding:0 .2em .3em .2em}.stickerbook .stickertabs span:first-child{border-bottom:2px solid #bc8f8f;cursor:pointer;color:#555}.stickerbook .stickertabs span:first-child:hover{color:#222;font-weight:bolder}.stickerbook .stickertabs span:nth-child(2){color:#444;font-size:x-small}.bk-page .wi::after,.stickerbook .stickertabs .tab_category span::before{font-family:"Font Awesome 5 Pro"}.stickerbook .stickertabs .tab_category span:first-child::before{content:"\f104\00a0"}.stickerbook .stickertabs .tab_category span:nth-child(2)::before{content:"\f1fc\00a0"}.hj_preview{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);cursor:pointer;z-index:3}.hj_preview>div{position:relative;display:flex;align-items:center;justify-content:center;width:inherit;height:inherit}.hj_preview iframe{width:96%;height:96%;border:2px solid salmon;border-radius:.5em;box-shadow:10px 10px 30px rgba(0,0,0,.3);background:url(//i.hearty.app/XCR4X1w.png) repeat center,#fff}.hj_preview iframe.loading{background:url(//cdn.jsdelivr.net/gh/heartyme/web.hearty.me@41214/img/kitten.png) no-repeat center;background-size:250px}[data-tooltip]{position:relative;line-height:1.5}[data-tooltip]::after,[data-tooltip]::before{opacity:0;pointer-events:none}[data-tooltip]::before{position:absolute;content:attr(data-tooltip);min-width:10em;bottom:90%;left:50%;margin-bottom:5px;margin-left:-5em;padding:.8em;border-radius:1.8em;background-color:hsla(0,0%,20%,.9);color:#fff;text-align:center}[data-tooltip]::after{position:absolute;content:"";bottom:90%;left:50%;margin-left:-5px;border-top:5px solid hsla(0,0%,20%,.9);border-right:5px solid transparent;border-left:5px solid transparent}[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media only screen and (min-width:1025px) and (orientation:landscape){.btn_style{font-size:larger}.popup.share{padding:2em}.popup.share .privacy_selector li{margin:1em .6em}.popup.purchase::after,.popup.upgrade::after{display:none}}@media only screen and (max-width:1024px) and (orientation:portrait){.stickerbook div{scrollbar-width:none}.stickerbook div::-webkit-scrollbar{display:none;width:0;background:0 0}.stickerbook .item div{width:70%}.popup .package{max-width:92%}.popup .package:first-child{margin-top:2.5em}}@media screen and (max-width:767px){.screenlock input{font-size:2em}.popup.feedback{margin:0 .8em}.pictures .dots li button{width:.2em;height:.2em;padding:2px}}
/*# sourceMappingURL=/sm/f571faba9bc1f10e844e06463c876b1a23605ba5da755903f31e36ba7193e805.map */