body{color:#f5f5f5;background:#121212;margin:0;font-family:Pretendard,sans-serif;font-weight:700;overflow-y:scroll}*{box-sizing:border-box;font:inherit;margin:0;padding:0}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 10px #0000000d}.content{flex:1;padding:20px 20px 70px}h1{margin-bottom:10px;font-size:24px}p{color:#666;margin-bottom:20px}button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;transition:background .2s}button:hover{background-color:#4338ca}.app.sunny{background:url(/images/sunny.png) 50%/cover no-repeat}.app.cloud{background:url(/images/cloud.png) 50%/cover no-repeat}.app.overcast{background:url(/images/overcast.png) 50%/cover no-repeat}.app.rain{background:url(/images/rain.png) 50%/cover no-repeat}.app.snow{background:url(/images/snow.png) 50%/cover no-repeat}.app.rainSnow{background:url(/images/rainSnow.png) 50%/cover no-repeat}.app.shower{background:url(/images/shower.png) 50%/cover no-repeat}.bottom-nav{background:#e0dfdf;border-top:1px solid #ddd;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{text-align:center;color:gray;border-right:1px solid #eee;flex:1;padding:12px 0;text-decoration:none}.bottom-nav a:last-child{border-right:none}.bottom-nav a.active{color:#5a5a5a;font-weight:700}.login{justify-content:center;align-items:center;min-height:calc(100vh - 110px);display:flex}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ebf;border-radius:24px;flex-direction:column;flex:1;justify-content:center;gap:18px;width:100%;max-width:380px;padding:24px;display:flex;box-shadow:0 8px 30px #00000059}.login-form{flex-direction:column;gap:14px;display:flex}.login-input{color:#fff;background:#ffffff0f;border:1px solid #2f2f2f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .2s}.login-input::placeholder{color:#9a9a9a}.login-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.login-form button,.login-container>div>button{cursor:pointer;border:none;border-radius:14px;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.login-form button{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.login-form button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.login-container>div>button{color:#d4d4d4;background:#ffffff0f}.login-container>div>button:hover{background:#ffffff1a}.login-logo{text-align:center;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px #00000059;margin-bottom:12px;font-size:36px;font-weight:900}.signUp{justify-content:center;align-items:center;min-height:calc(100vh - 110px);display:flex}.signUp-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ebf;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 8px 30px #00000059}.signUp-logo{text-align:center;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px #00000059;margin-bottom:8px;font-size:36px;font-weight:900}.signUp-form{flex-direction:column;gap:18px;display:flex}.signUp-form input:not([type=radio]),.signUp-form select{color:#fff;background:#ffffff0f;border:1px solid #2f2f2f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .2s}.signUp-form input::placeholder{color:#9a9a9a}.signUp-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.password-check{flex-direction:column;gap:20px;display:flex}.signUp-form .nickname-box input{flex:1;width:auto}.signUp-form>button[type=submit]{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.signUp-form>button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.signUp-form select{font-size:14px}.signUp-form select:focus{border-color:#6c63ff}.weather-info{align-items:center;gap:10px;display:flex}.weather{color:#000;text-shadow:0 0 5px #ffffffb3}.current-time{text-align:center;gap:10px;font-size:30px}.current-container{font-size:20px;display:flex}.information{flex-direction:column;flex:1;align-items:flex-end;display:flex}.current-information{width:fit-content}.coordi-information{flex-direction:column;flex:1;justify-content:center;align-items:flex-end;display:flex}.current-weather{font-size:40px}.forecast-container{flex-direction:column;display:flex}.time-cards{-webkit-user-select:none;user-select:none;background:#0000001a;border-radius:12px;display:flex;overflow-x:auto}.time-cards::-webkit-scrollbar{display:none}.time-card{cursor:pointer;border-right:1px solid #ccc;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:15px;min-width:100px;min-height:100px;padding:10px;display:flex}.forecast-weather{font-size:30px}.weather-button{color:#000;background:#4dabf7;width:fit-content;font-weight:700}.day-card{flex-direction:column;gap:10px;margin-top:15px;display:flex}.weather-modal{flex-direction:column;align-items:center;gap:10px;font-size:20px;display:flex}.weather-modal-title{width:100%;display:flex}.weather-modal-title button{border-radius:50%;width:50px}.weather-modal-title{border-bottom:1px solid #ddd;justify-content:center;align-items:center;width:100%;padding-bottom:10px;display:flex;position:relative}.weather-modal-title button{color:#f1f1f1;cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:0;font-size:18px;position:absolute;top:-8px;right:0}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background-color:#1e1e1e;border-radius:10px;min-width:250px;padding:20px}.coordi-feed{max-width:600px;margin:0 auto;padding:20px 16px}.topbar{z-index:100;background:#121212;border-bottom:1px solid #2c2c2c;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;display:grid;position:sticky;top:0}.topbar-left{grid-column:1;justify-self:start}.topbar-title{grid-column:2;justify-self:center;font-size:20px;font-weight:700}.topbar-right{grid-column:3;justify-self:end}.up-button,.home-button,.prev-button,.write-button,.top-sort-button,.logout-button{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;display:flex}.up-button:hover,.home-button:hover,.prev-button:hover,.write-button:hover,.top-sort-button:hover,.logout-button:hover{background:#333}.top-sort-menu{z-index:10;background:#222;border:1px solid #333;border-radius:8px;width:100px;position:absolute;top:50px;right:30px;overflow:hidden}.top-sort-menu button{color:#ddd;cursor:pointer;background-color:#1e1e1e;padding:10px 12px;font-size:13px}.top-sort-menu button:hover{background:#333}.top-sort-menu button{white-space:pre-line}.coordi-post{background:#1e1e1e;border:1px solid #2c2c2c;border-radius:18px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 12px #00000059}.post-header{justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex;position:relative}.nickname{font-size:15px}.post-header-right{align-items:center;gap:8px;display:flex}.post-menu-wrapper{position:relative}.post-meta{color:#aaa;font-size:14px}.post-menu-button{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:22px;line-height:1;transition:background-color .2s,color .2s;display:flex}.post-menu-button:hover{color:#fff;background-color:#2c2c2c}.post-menu{z-index:20;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;min-width:100px;padding:6px;position:absolute;top:36px;right:0;box-shadow:0 4px 12px #00000059}.post-menu button{color:#f5f5f5;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:9px 12px;font-size:14px}.post-menu button:hover{background-color:#3a3a3a}.post-image-wrapper{position:relative}.post-image-container{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:450px;display:flex;overflow:auto hidden}.post-image-container::-webkit-scrollbar{display:none}.post-image{scroll-snap-align:start;flex:0 0 100%;height:450px;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%}.image-prev,.image-next{color:#fff;cursor:pointer;z-index:10;background-color:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-prev{left:12px}.image-next{right:12px}.image-prev svg,.image-next svg{font-size:22px}.image-count{color:#fff;background-color:#00000080;border-radius:20px;padding:4px 10px;font-size:14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.post-content{box-sizing:border-box;color:#f5f5f5;white-space:pre-wrap;word-break:break-word;min-height:50px;padding:14px 16px;font-size:15px;line-height:1.5}.post-footer{border-top:1px solid #2c2c2c;gap:20px;padding:14px 16px;display:flex}.like,.comment,.like-button,.comment-button{cursor:pointer}.comment-section{color:#f5f5f5;background:#121212;flex-direction:column;width:360px;max-width:80vw;height:600px;max-height:80vh;display:flex}.modal-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex;position:relative}.modal-header>div:first-child{font-size:17px;font-weight:600}.sort-wrapper{display:flex}.sort-button,.modal-close-button{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;display:flex}.sort-button:hover,.close-button:hover{background:#333}.sort-menu{z-index:10;background:#222;border:1px solid #333;border-radius:8px;width:100px;position:absolute;top:40px;right:50px;overflow:hidden}.sort-menu div{color:#ddd;cursor:pointer;padding:10px 12px;font-size:13px}.sort-menu div:hover{background:#333}.comment-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;max-height:500px;padding:20px;display:flex;overflow-y:auto}.comment-list::-webkit-scrollbar{width:6px}.comment-list::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.comment-list::-webkit-scrollbar-track{background:0 0}.comment-list>div{flex-direction:column;gap:6px;display:flex}.comment-list>div>div:first-child{align-items:center;gap:8px;display:flex}.comment-list>div>div:first-child>div:first-child{font-size:14px;font-weight:600}.comment-list>div>div:first-child>div:last-child{color:#888;font-size:12px}.comment-list>div>div:last-child{color:#ddd;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.comment-form{background:#161616;border-top:1px solid #2a2a2a;padding:12px 16px}.comment-form form{align-items:center;gap:8px;display:flex}.comment-form input{color:#f5f5f5;background:#222;border:1px solid #333;border-radius:18px;outline:none;flex:1;min-width:0;height:36px;padding:0 14px;font-size:14px}.comment-form input::placeholder{color:#777}.comment-form input:focus{border-color:#666}.comment-form button{color:#121212;cursor:pointer;background:#f5f5f5;border:none;border-radius:18px;width:50px;height:36px;padding:0;font-size:13px;font-weight:600}.comment-form button:hover{background:#ddd}.create-container{max-width:600px;margin:0 auto;padding:20px 16px}.form-div{flex-direction:column;gap:20px;padding:20px 16px;display:flex}.image-section{flex-direction:column;gap:5px;display:flex}.image-list{align-items:center;gap:10px;display:flex}.image-item{border-radius:8px;width:120px;height:120px;position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%}.add-image{cursor:pointer;border:1px dashed gray;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;font-size:40px;display:flex}.image-remove{cursor:pointer;background-color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;display:flex;position:absolute;top:5px;right:5px}.caption-section{flex-direction:column;gap:5px;display:flex}.caption-section textarea{color:#f5f5f5;resize:none;background:#1e1e1e;border:1px solid #333;border-radius:8px;outline:none;width:100%;height:200px;padding:12px;font-size:14px;line-height:1.5}.caption-count{align-self:flex-end}.info-ul li a,.password-edit-button{box-sizing:border-box;color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:15px 10px;font-size:15px;text-decoration:none;display:block}.info-ul li a:hover,.password-edit-button:hover{background-color:#2c2c2c;border-radius:9px}.password-modal{color:#fff;box-sizing:border-box;width:360px;max-width:100%;padding:10px;position:relative}.close-button{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:22px;transition:color .2s;display:flex;position:absolute;top:0;right:0}.close-button:hover{color:#fff;background:0 0}.password-modal-header{margin-bottom:28px}.password-modal-header h2{color:#fff;margin:0 0 10px;font-size:22px;font-weight:700}.password-modal-header p{color:#999;margin:0;font-size:13px}.password-modal-form{flex-direction:column;gap:20px;display:flex}.password-input{flex-direction:column;gap:9px;display:flex}.password-input input{box-sizing:border-box;color:#fff;background:#222;border:1px solid #383838;border-radius:9px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;transition:border-color .2s,background .2s}.password-input input::placeholder{color:#707070}.password-input input:focus{background:#262626;border-color:#8b8b8b}.password-error{color:#ff6464;margin-top:-10px;font-size:12px}.password-modal-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:9px;width:100%;height:48px;margin-top:28px;font-size:14px;font-weight:700;transition:background .2s,opacity .2s}.password-modal-submit:disabled{color:#777;cursor:not-allowed;background:#383838}.withdraw-area{flex-direction:row-reverse;display:flex}.withdraw-button{all:unset;color:#fff;cursor:pointer;border-radius:8px;padding:12px 16px;font-size:13px;transition:all .2s;display:block}.withdraw-button:hover{color:#ff6464;background:#ff4b4b1a}.withdraw-modal{color:#fff;text-align:center;width:320px;max-width:100%;padding:10px}.withdraw-modal h2{margin-bottom:15px;font-size:20px}.withdraw-modal p{color:#999;margin-bottom:10px;font-size:13px}.withdraw-modal-buttons{gap:10px;margin-top:25px;display:flex}.withdraw-modal-buttons button{cursor:pointer;border:none;border-radius:8px;flex:1;font-size:14px}.withdraw-modal-buttons button:first-child{color:#fff;background:#383838}.withdraw-modal-buttons button:last-child{color:#fff;background:#c73535}.withdraw-modal-buttons button:first-child:hover{background:#484848}.withdraw-modal-buttons button:last-child:hover{background:#d84444}.withdraw-modal-buttons button{transition:background .2s}.Edit{justify-content:center;align-items:center;min-height:calc(100vh - 110px);display:flex}.Edit-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ebf;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 8px 30px #00000059}.Edit-logo{text-align:center;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px #00000059;margin-bottom:8px;font-size:36px;font-weight:900}.Edit-form{flex-direction:column;gap:18px;display:flex}.Edit-form input:not([type=radio]),.Edit-form select{color:#fff;background:#ffffff0f;border:1px solid #2f2f2f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .2s}.Edit-form select:hover{cursor:pointer}.Edit-form input::placeholder{color:#9a9a9a}.Edit-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.password-error{color:#ff6b6b;margin-left:4px;font-size:13px}.nickname-box{gap:8px;width:100%;display:flex}.Edit-form .nickname-box input{flex:1;width:auto}.nickname-box button{cursor:pointer;color:#d4d4d4;white-space:nowrap;background:#ffffff0f;border:none;border-radius:14px;padding:14px 18px;transition:all .2s}.nickname-box button:hover{background:#ffffff1a}.nickName-ok{color:#4ade80;font-size:13px}.nickName-error{color:#ff6b6b;font-size:13px}.myprofile-buttons{justify-content:space-around;display:flex}.myprofile-buttons>.edit-button,.myprofile-prev-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;width:48%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.myprofile-buttons>.edit-button:hover,.myprofile-prev-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.gender-box input[type=radio]{appearance:none;cursor:pointer;background-color:#0000;border:2px solid #aaa;border-radius:50%;width:16px;height:16px;position:relative}.gender-box input[type=radio]:checked{border-color:#6c63ff}.gender-box input[type=radio]:checked:after{content:"";background-color:#6c63ff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gender-box{gap:15px;display:flex}.gender-box label{color:#fff;cursor:pointer;align-items:center;gap:5px;display:flex}.Edit-form select{font-size:14px}.Edit-form select:focus{border-color:#6c63ff}select option{color:#fff;background-color:#222}