.login-wrap{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#adebff}.login-box{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:25px;width:80%;max-width:944px;min-width:810px;height:72%;max-height:595px;min-height:540px;padding:12px 12px 70px;border-radius:10px;background:url(/assets/login-box-img-aWDPpEZ0.png);background-size:cover}.login-box form div{display:flex;gap:5px}.login-box form p{display:block;margin-top:5px;color:red}.login-box form{display:flex;gap:5px}.login-box form button{background-color:#fff}:root{--main-color: #0093ff}*{box-sizing:border-box;font-family:PixelFont,monospace;font-size:12px;line-height:1;text-rendering:optimizeSpeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-smooth:never}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:PixelFont,monospace;font-size:12px;line-height:1;text-rendering:optimizeSpeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-smooth:never}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{padding:5px 9px;border:1px solid #ddd;border-radius:3px;cursor:pointer;background-color:#fff}input:focus,textarea:focus{outline:none;border:1px solid var(--main-color)}@font-face{font-family:PixelFont;src:url(/assets/pixelfont-DMhyMHXv.ttf) format("truetype");font-weight:400;font-style:normal}.app-root{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/assets/star-bg-Dn2SOOWG.gif);background-size:cover}.center-column{overflow-x:scroll}.content-block{min-width:514px}input,textarea{border:2px solid #60caff;border-radius:4px;padding:5px}input[type=file]{border:none;padding:0}.btn:hover{background:#f2f2f2}.btn.is-active,.btn:active,.btn-primary:hover,.btn:hover{border:1px solid var(--main-color);color:#fff;background-color:var(--main-color)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:#0093ff07}.right-menu button+button{margin-top:5px}.mini-wrapper{display:flex;gap:15px;width:80%;max-width:944px;min-width:810px;height:72%;max-height:595px;min-height:540px;padding:12px;border-radius:10px;border:30px solid #0093ff17;border-top:20px solid #0093ff17;border-bottom:20px solid #0093ff17;background-color:#fff}.center-column{overflow-y:scroll;flex-grow:10}.center-column:has(.diary-wrap),.center-column:has(.guestbook){overflow-y:unset}.right-menu button{display:block;word-break:keep-all}.left-column{display:flex;flex-direction:column;padding:20px 15px;border-radius:10px;border-style:dashed;border:1px dashed #ccc}.today-box{display:flex;gap:20px;margin-bottom:5px}.today-box .today-top{display:flex;gap:5px}.today-box .today-top span:first-child{color:var(--main-color)}.profile-photo{overflow:hidden;display:flex;margin-bottom:10px;border-radius:5px}.btn.btn-ghost{display:inline-block;width:auto;margin-top:auto}.content-title{margin-bottom:5px;letter-spacing:1px;color:var(--main-color);text-shadow:1px 0 0 currentColor}.news-wrap{display:flex;gap:10px;padding:10px;border-radius:10px;border:1px dashed #ccc}.news-wrap ul{flex-grow:2}.news-column li{display:flex;align-items:center;gap:5px;padding:5px 10px}.news-column li+li{border-top:1px dashed #ccc}.news-column li span:first-child{padding:2px 4px;border-radius:3px;color:#fff}.news-column:nth-child(1) li span:first-child{background-color:#f260ff}.news-column:nth-child(2) li span:first-child{background-color:var(--main-color)}.news-column:nth-child(3) li span:first-child{background-color:#ff8560}.news-column li span:nth-child(2){color:#666}.miniroom-box{overflow:hidden;border-radius:10px;border:1px dashed #ccc}.lover-say{font-size:12px}.lover-form{display:flex;gap:5px;margin-bottom:8px}.lover-row{display:flex;gap:4px;width:100%;margin-bottom:4px}.lover-row input{flex:1;padding:2px 4px;border:1px solid #ccc}.lover-row button{padding:2px 6px;border:1px solid #333;background:#fff;cursor:pointer}.lover-list{list-style:none;padding:0;margin:0}.lover-list li{line-height:1.4}.lover-relation{color:#ff6a00}.lover-name{display:inline-block;margin-left:5px;color:var(--main-color)}.lover-message{color:#000}.profile-img-wrap{overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:10px;border:1px dashed #ccc}.profile-img-wrap img{width:100%}.profile-text{line-height:110%}.content-block{height:100%;display:flex;flex-direction:column}.guestbook{overflow-y:scroll;padding:10px;border-radius:10px;border:1px dashed #ccc;height:100%}.guestbook-item+.guestbook-item{margin-top:10px}.guestbook-form{display:flex;flex-direction:column;gap:5px;margin-top:10px;margin-bottom:20px}.guestbook-item-top,.guestbook-item-left{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.guestbook-item{padding:10px;border-radius:10px;border:1px dashed #0093ff29;background-color:#0093ff07}.btn.btn-guest-del{padding:0;border:0;background:0;width:auto;color:var(--main-color)}.bracket{color:#ccc}.btn.btn-guest-del2{padding:0;border:0;background:0;width:auto;margin-top:auto;color:var(--main-color)}.diary-wrap{overflow-y:scroll;padding:10px;border-radius:10px;border:1px dashed #ccc;height:100%}.userName{margin-bottom:10px;color:var(--main-color)}.diary-wrap>ul>li{padding:20px;border-radius:10px;background-color:#0093ff10}.diary-wrap ul ul{padding:15px;border-radius:10px;background-color:#0093ff10}.diary-wrap ul ul span:first-child{color:var(--main-color)}.diary-text{line-height:120%}.photo-page{padding:16px;display:flex;flex-direction:column;gap:16px}.photo-title{font-size:18px;font-weight:700;margin-bottom:8px}.photo-form{border:1px solid #ddd;padding:12px;border-radius:6px;background:#fafafa;display:flex;flex-direction:column;gap:8px}.photo-form-row{display:flex;flex-direction:column;gap:4px}.photo-label{font-size:13px;font-weight:500}.photo-preview img{max-width:100%;border-radius:6px;border:1px solid #eee;display:block}.photo-textarea{width:100%;min-height:60px;resize:vertical;font-size:13px;padding:8px;border-radius:4px;border:1px solid #ddd;box-sizing:border-box}.photo-submit-btn{align-self:flex-end;padding:6px 12px;font-size:13px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer}.photo-submit-btn:hover{background:#f0f0f0}.photo-list{display:flex;flex-direction:column;gap:12px;position:relative}.photo-item{border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}.photo-image-wrap img{width:100%;display:block}.photo-meta{padding:8px 10px}.photo-text{font-size:13px;margin-bottom:4px;word-break:break-word}.photo-date{font-size:11px;color:#888}.photo-empty{font-size:13px;color:#777}.photo-form{margin-bottom:10px;padding:20px;border-radius:10px;border:1px dashed #ccc}.photo-label{display:flex;gap:10px;align-items:center}.photo-form-row+.photo-form-row{margin-top:5px}.photo-form-row textarea{width:100%;height:100px}.photo-submit-btn{display:block;margin:0 0 0 auto}.photo-image-wrap{margin-bottom:10px}.photo-item{padding:20px;border-radius:10px;background:#0093ff10}.photo-meta-top{display:flex;justify-content:space-between}.photo-date{color:#999}.photo-meta-top{display:flex;justify-content:space-between;margin-bottom:10px}.photo-meta{display:flex;justify-content:space-between}.photo-comments-header{margin-bottom:10px}.photo-comments{background-color:#0093ff07;margin-top:15px;border-top:1px dashed rgb(0,0,0);padding-top:15px}.photo-comments-empty{margin-bottom:10px}.photo-comments-empty{margin-bottom:10px;color:#999;padding:10px;border-radius:10px;background-color:#0093ff10}.photo-comments-list{margin-bottom:10px;padding:15px;border-radius:10px;background-color:#0093ff10}.photo-comment-top{display:flex;gap:5px;margin-bottom:10px}.photo-comment-author{margin-right:auto}.photo-comment-form button{display:inline-block;word-break:keep-all}.photo-comment-form{display:flex;gap:5px}.photo-comment-form input{width:100%}.photo-comment-item+.photo-comment-item{margin-top:10px}