html{width:100%;height:100%;position:relative;overflow-y:scroll}body{margin:0;background-color:#f1f1f1}#splash{top:0;width:100vw;background:#fff;height:100vh;position:fixed;z-index:-2}#splash,#splash div{display:flex;align-items:center;justify-content:center}#splash div{scale:.35;position:relative}#root{display:flex;justify-content:center;min-height:100vh}#contentContainer{position:relative;min-height:calc(100% - 48px)}.container{max-width:1080px;width:100%;min-width:300px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}@keyframes sdfg{0%{transform:translateX(-100%) scaleX(.5)}to{transform:translateX(100%) scaleX(1)}}.topPr{height:3px;background:#e215e2;animation:sdfg 1s linear infinite forwards}nav{width:100%;position:-webkit-sticky;position:sticky;height:48px;justify-content:space-between;z-index:5;box-shadow:0 0 3px rgba(0,0,0,.1);top:0;background:#fff}.nav-btn,nav{display:flex;align-items:center}.nav-btn{width:34px;height:34px;margin:5px;justify-content:center;flex-shrink:0;border-radius:20px;border:none;cursor:pointer}.nav-btn:hover{background:#dcdcdc}.pen{pointer-events:none}.logo{display:flex;align-items:center;font-size:20px;font-weight:700;text-decoration:none;color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo img{height:30px;margin:0 10px}.back-none{background:none}.note-card{position:relative;height:auto;border-radius:5px;padding:10px;background:#fff;box-shadow:-1px 1px 2px 2px #dcdcdc}.note-title{font-size:18px;font-weight:700;-webkit-line-clamp:3}.note-desc,.note-title{font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;display:-webkit-box}.note-desc{font-size:16px;margin:2px 0;letter-spacing:.4px;-webkit-line-clamp:4}.note-action{position:absolute;top:0;left:0;right:0;bottom:0}.note-action:active{background:rgba(0,0,0,.041)}.buttonsBox{width:100%;background:#fff;display:flex;align-items:center;justify-content:center;position:-webkit-sticky;position:sticky;top:48px;z-index:2;flex-wrap:wrap;box-sizing:border-box;padding:5px 10px;box-shadow:0 0 1px 2px #dcdcdc}.linkp{display:none;position:absolute;left:50%;bottom:-60px;background:#fff;border-radius:5px;padding:5px;transform:translateX(-50%)}.linkp input{padding:4px 10px;font-size:14px;border:2px solid gray}.wpsi{border-left:2px solid #dcdcdc;margin:0 10px;padding-left:7px;font-size:15px;font-family:system-ui;letter-spacing:.3px;color:gray}.writen-content ol,.writen-content p,.writen-content ul{font-size:20px;min-height:21px;font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:.3px;margin-bottom:30px;line-height:32px}.writen-content a{color:inherit}.writing-page{background:#fff;cursor:text;padding:20px;box-shadow:0 0 1px 2px #dcdcdc}.writen-content{min-height:720px;padding-bottom:100px}.writen-content blockquote{border-left:3px solid #000000d4;color:#737373;font-style:oblique;margin:10px auto;padding-left:20px;font-size:19px;letter-spacing:.4px}.writen-content code{background:#e2e2e2;border-radius:2px;font-family:inherit;padding:2px 4px;font-size:15px}.codeEditor{position:fixed;top:0;left:0;right:0;bottom:0;padding:50px;background:#ffffffbd;justify-content:center;z-index:60;box-sizing:border-box}.codeEditor,.con{height:100%;display:flex}.con{width:100%;max-width:1000px;max-height:600px;min-height:300px;background:#fff;border-radius:10px;box-shadow:0 0 5px 5px #dcdcdc;flex-direction:column}.cb-head-box{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;font-size:20px;font-weight:700;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid #dcdcdc}.cb-codet{height:0;flex-grow:1;box-sizing:border-box;resize:none;border:1px solid gray;background:#f9f9f9;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin:0;overflow:auto}.pgtBtn{margin:5px;padding:5px 10px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:Georgia,Times New Roman,Times,serif}.pgtBtnA,.pgtIn{background:#dcdcdc}.pgtIn{width:0;flex-grow:1;max-width:500px;font-size:16px;padding:7px;margin-right:40px;border:2px solid #adadad;border-radius:3px}.pgtI{height:100%;padding:5px;overflow:auto;box-sizing:border-box}.upbox{max-width:360px;min-width:280px;width:-moz-fit-content;width:fit-content;right:5px;position:absolute;height:-moz-fit-content;height:fit-content;bottom:0;margin:10px;background:#f5f5f5;box-shadow:0 0 5px 3px #00000038;border-radius:10px;max-height:85%;display:flex;flex-direction:column}.upbox .head{padding:5px 0 5px 10px;font-size:20px;background:#23232385;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:space-between}.cont{overflow:auto}.cont div{display:flex;align-items:center;padding:10px}.cont span{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-size:18px;padding-left:10px;padding-right:5px;width:0;flex-grow:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:nowrap}.cont .done{width:25px;height:25px;fill:green;cursor:pointer}.cont .done:hover{fill:brown}.cont .done:hover path{d:path("m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z")}.cont img{width:40px;height:40px;background:#dcdcdc;border-radius:20px}.prolo{animation:prolo 1s ease-in infinite alternate-reverse}@keyframes prolo{0%{background:#dcdcdc}to{background:#a1a1a1}}.pgtIImg{width:calc(100% - 6px);height:-moz-fit-content;height:fit-content;display:block;margin:3px;box-sizing:border-box;background:#dcdcdc}.pgtIImg:hover{outline:3px solid green}.img24{background:#dcdcdc;height:100%}.img24 img{width:100%;height:100%;object-fit:cover}.precbtn{position:absolute;top:0;right:0;margin:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;fill:#fff;border:none;background:none;cursor:pointer;border-radius:20px}.ot-pink{outline:3px solid #e90de9}.precbtn:hover{background:#fff;fill:#000}.codeBox::-webkit-scrollbar,.codeEditor ::-webkit-scrollbar{width:10px;height:10px}.codeBox::-webkit-scrollbar-corner{background:transparent}.codeBox::-webkit-scrollbar-thumb,.codeEditor ::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.pgtI:hover:not(:has(.cont:hover))::-webkit-scrollbar-thumb{background:gray}.codeBox:hover::-webkit-scrollbar-thumb,.cont:hover::-webkit-scrollbar-thumb{background:gray}.pub-info:hover:not(:has(.pcct:hover))::-webkit-scrollbar-thumb{background:gray}.pcct:hover::-webkit-scrollbar-thumb{background:gray}.codeBox::-webkit-scrollbar-thumb:hover,.codeEditor ::-webkit-scrollbar-thumb:hover{background:#575757}.codeBox{background:#f1f1f1;padding:0 10px;margin:20px 0;border:1px solid #dcdcdc;border-radius:5px;overflow:auto;max-height:400px}.imgBox{margin:50px 0;cursor:default}.imgBox img{width:100%;height:100%}.imgBox picture{display:flex;margin:auto;max-width:100%;max-height:480px;background:#dcdcdc}.imgBox figcaption{margin-top:10px;text-align:center;color:#6b6b6b;font-size:15px;font-family:math;letter-spacing:.2px}:focus-visible{outline:none}.toolsBox{max-width:1080px;width:100%;padding:10px 0;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:48px;display:flex;align-items:center;background:#fff;box-shadow:0 0 1px 2px #dcdcdc}.tBtn{line-height:35px;height:35px;font-size:35px;width:35px;margin:0 10px}.createNBtns{width:-moz-fit-content;width:fit-content;display:none;flex-direction:column;position:absolute;top:41px;right:5px;padding:5px;box-shadow:0 0 1px 2px #dcdcdc;background:#fff}.createNBtns a,.createNBtns span{text-decoration:none;color:#000;font-size:18px;padding:5px 10px;cursor:pointer}.createNBtns a:hover,.createNBtns span:hover{background:#dcdcdc}.createNBtns:hover,.write:hover~.createNBtns{display:flex}.container2{padding:20px;min-height:100%}.movie-container{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.pBtn{padding:7px 10px;color:#fff;background:#bb04bb;border:none;border-radius:5px;cursor:pointer;font-weight:700}.pBtn:hover{background:#e002e0}.pub-info{padding:0 10px 0 20px;overflow-y:auto}.pub-info legend{font-size:17px;font-weight:700}.pub-info fieldset{box-sizing:border-box;width:100%;margin:20px 0;padding:5px 5px 0;border:2px solid gray;border-radius:3px;min-width:auto}.pub-info input,.pub-info textarea{width:100%;resize:vertical;line-height:22px;font-size:17px;border:none;font-family:source-serif-pro,Georgia,Cambria,Times New Roman,Times,serif}.pub-info input{padding-bottom:5px}.pcc{position:-webkit-sticky;position:sticky;top:5px;justify-content:space-between;background:#fff;box-sizing:border-box;width:100%;padding:3px 0 3px 10px;border-radius:5px;border:2px solid gray;box-shadow:0 0 5px 5px #00000030}.pcc,.pccc{display:flex;align-items:center}.pccc{padding:5px;margin:0 10px;border-radius:5px;cursor:pointer}.pccc:hover{background:#e9e9e9}.pccc *{cursor:pointer}.pcct{max-height:calc(100% - 40px);overflow:auto}.pccc label{padding-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media (max-width:480px){#root{justify-content:start}.movie-container{grid-template-columns:repeat(1,minmax(0,1fr))}.container2,.writing-page{padding:10px}}@media (min-width:481px) and (max-width:720px){.movie-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:721px){.movie-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-height:480px){.buttonsBox{width:65px;height:calc(100% - 48px);top:48px;bottom:0;left:0;overflow-y:auto;position:fixed;display:block}.container2{margin-left:65px}.buttonsBox::-webkit-scrollbar{display:none}}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.df{position:fixed;bottom:50px;margin:auto;background:#fff;padding:20px;box-shadow:0 0 5px 5px #dcdcdc;border-radius:10px;border:1px solid gray;display:flex;align-items:center}