body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.level-badge-chip{color:#fff;white-space:nowrap;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:38px;height:20px;margin-left:7px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.navbar{z-index:1000;background-color:#fff;border-bottom:none;justify-content:center;width:100%;display:flex;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1512px;padding:4px 0;display:flex}.logo{align-items:center;margin-left:42px;display:flex}.logo-icon-img{width:auto;height:40px;display:block}.logo-text{color:#87d8a3;font-size:24px;font-weight:700}.nav-links{gap:40px;display:flex}.nav-links a{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.nav-links a:hover{color:#87d8a3;transform:scale(1.05)translateY(-2px)}.nav-buttons{gap:12px;margin-right:42px;display:flex}.login-btn{color:#555;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.login-btn:hover{background-color:#f5f5f5;transform:scale(1.05)translateY(-2px)}.start-btn{color:#fff;cursor:pointer;background-color:#87d8a3;border:none;border-radius:30px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.start-btn:hover{background-color:#71c98e;transform:scale(1.05)translateY(-2px)}.casual-modal-overlay{z-index:1000;background:#1218168f;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.casual-modal{background:#fff;border:1px solid #21a1791f;border-radius:12px;width:min(640px,100%);max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 28px 70px #0c221c47}.casual-modal-header{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.casual-modal-header h3{color:#1f2f2a;margin:0;font-size:22px}.casual-modal-close{color:#6d7772;cursor:pointer;background:0 0;border:none;width:36px;height:36px;font-size:20px}.casual-file-input{display:none}.casual-upload-area,.casual-preview{cursor:pointer;border-radius:10px;width:100%;min-height:420px}.casual-upload-area{color:#5c6762;background:linear-gradient(#fbfdfb 0%,#f3f8f5 100%);border:2px dashed #cfcfcf;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.casual-upload-area:hover{background:#f5fff9;border-color:#21a179}.casual-upload-icon{color:#21a179;background:#e7f5ef;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:44px;line-height:1;display:flex}.casual-preview{background:#f4f2ee;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.casual-preview img{object-fit:contain;max-width:100%;max-height:460px;display:block}.casual-preview-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.casual-preview:hover .casual-preview-overlay{opacity:1}.casual-modal-hint{color:#77817c;text-align:center;margin:14px 0 0;font-size:13px;line-height:1.45}.casual-modal-actions{gap:12px;margin-top:24px;display:flex}.casual-btn-cancel,.casual-btn-submit{cursor:pointer;border:none;border-radius:8px;flex:1;height:50px;font-size:15px;font-weight:700}.casual-btn-cancel{color:#4f5b56;background:#eef1ef}.casual-btn-submit{color:#fff;background:#21a179}.casual-btn-submit:disabled{opacity:.5;cursor:not-allowed}.casual-loading{color:#555;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:420px;display:flex}.casual-spinner{border:4px solid #e4f3ed;border-top-color:#21a179;border-radius:50%;width:58px;height:58px;animation:.9s linear infinite casualSpin}@keyframes casualSpin{to{transform:rotate(360deg)}}.casual-result-image{background:#f4f2ee;border-radius:10px;justify-content:center;max-height:420px;margin-bottom:18px;display:flex;overflow:hidden}.casual-result-image img{object-fit:contain;max-width:100%;max-height:420px}.casual-result-score{text-align:center;margin:12px 0 8px;font-size:56px;font-weight:800;line-height:1}.casual-result-panel{flex-direction:column;gap:12px;display:flex}.casual-result-summary{justify-content:center;align-items:baseline;gap:14px;display:flex}.casual-result-grade{background:#f5f8f6;border:1px solid #e4ece8;border-radius:8px;padding:6px 10px;font-size:28px;font-weight:900;line-height:1}.casual-result-saved{color:#1b7f62;background:#edf8f3;border-radius:999px;align-self:center;padding:6px 12px;font-size:12px;font-weight:700}.casual-result-comment{color:#34413c;text-align:left;background:#f6faf8;border:1px solid #e1eee8;border-radius:10px;margin:8px auto 0;padding:16px 18px;font-size:16px;line-height:1.55}.casual-result-comment span{color:#1f6f57;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.casual-result-comment p{margin:0}@media (width>=760px){.casual-modal{width:min(760px,100%)}.casual-result-image{float:left;width:52%;margin:0 24px 20px 0}.casual-result-score{padding-top:28px}.casual-result-summary,.casual-result-saved{justify-content:flex-start;align-self:flex-start}}.casual-photo-fab{z-index:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#21a179,#176b87);border:none;border-radius:999px;align-items:center;gap:8px;height:56px;padding:0 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 24px #176b8747,0 3px 8px #00000024}.casual-photo-fab:hover{transform:translateY(-2px);box-shadow:0 14px 30px #176b8757,0 5px 10px #00000029}.casual-photo-fab:active{transform:translateY(0)}@media (width<=600px){.casual-photo-fab{height:52px;padding:0 16px;bottom:80px;right:16px}}.home-container{background-color:#fff;padding:8px 36px 20px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.navbar{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0;display:flex}.logo{color:#66cdaa;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.nav-links{color:#555;gap:30px;font-size:15px;font-weight:500;display:flex}.nav-links a{color:inherit;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#66cdaa}.nav-buttons{align-items:center;gap:12px;display:flex}.login-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 20px;transition:background .2s}.login-btn:hover{background:#f5f5f5}.start-btn{color:#fff;cursor:pointer;background:#66cdaa;border:none;border-radius:20px;padding:8px 20px;font-weight:700;transition:opacity .2s}.start-btn:hover{opacity:.8}.hero-section{text-align:center;color:#fff;background:linear-gradient(135deg,#0a0f0d 38%,#2f6b4a 100%);border-radius:40px;flex-direction:column;align-items:center;padding:46px 0 230px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;width:100%;position:relative}.hero-title{letter-spacing:-.04em;opacity:0;margin:0 0 10px;font-size:46px;font-weight:800;line-height:1.25;animation:1.2s ease-out .2s forwards heroFadeIn;transform:translateY(20px)}.hero-subtitle{color:#b0b0b0;opacity:0;margin:0 0 18px;font-size:17px;animation:1s ease-out .8s forwards heroFadeIn;transform:translateY(14px)}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-subtitle{opacity:1;animation:none;transform:none}}.hand-gallery-area{width:100%;height:290px;margin:20px 0 30px;position:relative;overflow:hidden}.hand-photo-track{will-change:transform;align-items:center;gap:56px;height:100%;display:flex}.hand-photo-track.live-scroll{transition:none}.hand-photo-card{opacity:.9;cursor:pointer;background:#d9d9d9;border:none;border-radius:20px;outline:none;flex:none;width:270px;height:240px;transition:opacity .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden;transform:scale(.96)}.hand-photo-card:hover{opacity:1;transform:scale(1);box-shadow:0 18px 38px #0000003d}.hand-photo-card.selected{opacity:1;transform:scale(1.04);box-shadow:0 0 0 4px #66cdaae6,0 22px 44px #00000057}.hand-photo-card.selected:after{content:"선택 중";color:#fff;white-space:nowrap;pointer-events:none;background:#000000ad;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hand-photo-card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:none;outline:none;width:100%;height:100%;display:block}.cta-box{z-index:4;background:#fff;border-radius:50px;align-items:center;gap:20px;width:fit-content;margin:38px auto 0;padding:8px 8px 8px 24px;display:flex;position:relative;box-shadow:0 10px 22px #0000002e}.cta-text{color:#333;font-size:15px;font-weight:500}.cta-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:40px;padding:14px 28px;font-weight:700;transition:transform .2s}.cta-btn:hover{transform:scale(1.05)}.hand-guide-panel{z-index:10;background:#fff;border-radius:18px;grid-template-columns:1fr 155px;align-items:stretch;width:500px;height:148px;transition:opacity .25s,transform .25s,visibility .25s;display:grid;position:absolute;bottom:54px;right:28px;overflow:hidden;box-shadow:0 18px 45px #0003}.hand-guide-panel.closed{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px)}.hand-guide-close{z-index:12;color:#111;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;font-size:22px;line-height:25px;position:absolute;top:10px;right:10px}.hand-guide-info{color:#111;text-align:left;align-items:center;gap:16px;padding:20px 22px;display:flex}.hand-guide-icon{background:#fbf4f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;font-size:36px;display:flex}.hand-guide-step{color:#b6aaa4;margin:0 0 4px;font-size:14px;font-weight:800}.hand-guide-info strong{color:#111;margin-bottom:6px;font-size:17px;line-height:1.1;display:block}.hand-guide-info span{color:#222;font-size:12px;line-height:1.35;display:block}.hand-guide-info em{color:#2f6b4a;margin-top:8px;font-size:11px;font-style:normal;font-weight:700;display:block}.hand-camera-box{background:#111;position:relative;overflow:hidden}.hand-camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-status{color:#fff;background:#0000008c;border-radius:999px;padding:4px 7px;font-size:10px;position:absolute;bottom:8px;left:8px}.show-instructions-btn{z-index:11;color:#fff;letter-spacing:-.02em;cursor:pointer;background:#000;border:none;border-radius:18px;padding:16px 28px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:500;line-height:1.28;position:absolute;bottom:70px;right:34px;box-shadow:0 14px 32px #00000040}.photo-zoom-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;justify-content:center;align-items:center;padding:42px;display:flex;position:absolute;inset:0}.photo-zoom-modal{background:#111;border-radius:30px;width:min(780px,82vw);height:min(540px,70vh);position:relative;overflow:hidden;box-shadow:0 35px 90px #0000007a}.photo-zoom-modal img{object-fit:cover;width:100%;height:100%;display:block}.photo-zoom-close{z-index:2;color:#111;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;width:38px;height:38px;font-size:27px;line-height:34px;position:absolute;top:18px;right:18px}.features-section{padding-bottom:80px}.cards-container{z-index:5;justify-content:center;align-items:center;gap:24px;margin-top:-118px;display:flex;position:relative}.feature-card{text-align:center;cursor:pointer;border:3px solid #fff;border-radius:24px;flex-direction:column;align-items:center;width:260px;height:380px;padding:40px 24px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;display:flex;position:relative;box-shadow:0 10px 30px #00000014}.feature-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #00000026}.card-badge{border-radius:20px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.badge-orange{color:#e65100;background:#ffe0b2}.badge-green{color:#1b5e20;background:#a5d6a7;font-size:13px}.badge-blue{color:#01579b;background:#b3e5fc}.feature-card h3{color:#222;margin-bottom:16px;font-size:22px;font-weight:700}.feature-card p{color:#555;flex-grow:1;font-size:14px;line-height:1.6}.card-link{color:#555;margin-top:20px;font-size:14px;font-weight:600;transition:color .2s}.feature-card:hover .card-link{color:#111}.link-bold{color:#2f6b4a;font-weight:700}.card-orange{background-color:#fff3e5}.card-green{background-color:#d4f0df;border:3px solid #bce6cc;height:400px;padding-top:50px;box-shadow:0 15px 40px #0000001f}.card-blue{background-color:#e2f0f3}@media (width<=1100px){.home-container{padding:8px 20px 20px}.hero-title{font-size:40px}.hand-guide-panel{grid-template-columns:1fr 145px;width:470px}.cards-container{gap:18px}.feature-card{width:230px}}@media (width<=900px){.home-container{padding:8px 12px 20px}.hero-section{border-radius:32px;padding:42px 0 235px}.hero-title{font-size:34px}.hero-subtitle{font-size:15px}.hand-gallery-area{height:250px;margin:18px 0 32px}.hand-photo-track{gap:42px}.hand-photo-card{width:220px;height:200px}.cta-box{margin-top:34px}.hand-guide-panel{grid-template-columns:1fr 138px;width:calc(100% - 32px);height:136px;bottom:64px;right:16px}.show-instructions-btn{bottom:80px;right:16px}.photo-zoom-modal{width:min(620px,88vw);height:min(460px,62vh)}.cards-container{flex-direction:column;margin-top:-92px}.feature-card,.card-green{width:280px;height:auto;min-height:320px}}@media (width<=600px){.hero-section{padding:40px 0 220px}.hero-title{font-size:28px}.hand-gallery-area{height:210px}.hand-photo-card{border-radius:16px;width:170px;height:160px}.cta-box{gap:12px;max-width:calc(100% - 32px);margin-top:34px;padding:8px 8px 8px 18px}.cta-text{font-size:13px}.cta-btn{padding:12px 20px;font-size:13px}.hand-guide-panel{border-radius:16px;grid-template-columns:1fr 112px;height:124px}.hand-guide-info{gap:10px;padding:12px}.hand-guide-icon{width:58px;height:58px;font-size:28px}.hand-guide-step{font-size:11px}.hand-guide-info strong{font-size:13px}.hand-guide-info span{font-size:10px}.hand-guide-info em{font-size:8px}.show-instructions-btn{padding:13px 20px;font-size:14px}.photo-zoom-overlay{padding:24px}.photo-zoom-modal{border-radius:22px;width:90vw;height:58vh}}.auth-container{background-color:#fff;min-height:100vh;padding:20px 40px;font-family:Pretendard,-apple-system,sans-serif}.auth-wrapper{flex-direction:column;align-items:center;max-width:400px;margin:60px auto;display:flex}.auth-title{color:#111;margin-bottom:8px;font-size:32px;font-weight:700}.auth-subtitle{color:#666;margin-bottom:30px;font-size:15px}.social-login{justify-content:center;gap:16px;width:100%;margin-bottom:30px;display:flex}.social-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:60px;height:40px;font-size:16px;font-weight:700;display:flex}.btn-google{color:#ea4335;background:#fff;border:1px solid #ddd}.btn-apple{color:#fff;background:#000;font-size:20px}.btn-naver{color:#fff;background:#03c75a}.btn-kakao{color:#000;background:#fee500;font-size:12px}.divider{color:#999;align-items:center;width:100%;margin-bottom:30px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #eee;flex:1}.divider:before{margin-right:15px}.divider:after{margin-left:15px}.auth-form{flex-direction:column;gap:20px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#333;font-size:13px;font-weight:600}.input-group label span{color:#ea4335}.auth-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:14px;font-size:14px}.input-with-btn{gap:8px;display:flex}.input-with-btn .auth-input{flex:1}.side-btn{color:#66cdaa;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #66cdaa;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700}.auth-options{color:#666;justify-content:space-between;align-items:center;margin-top:-5px;font-size:13px;display:flex}.auth-options label{cursor:pointer;align-items:center;gap:6px;display:flex}.auth-options a{color:#666;text-decoration:none}.submit-btn{color:#fff;cursor:pointer;background:#6f9c84;border:none;border-radius:8px;margin-top:10px;padding:16px;font-size:16px;font-weight:700}.auth-footer{text-align:center;color:#666;flex-direction:column;gap:10px;margin-top:20px;font-size:13px;display:flex}.auth-footer a{color:#666;margin-left:5px;text-decoration:underline}@media (width<=768px){.auth-container{padding:16px 20px}.auth-wrapper{width:100%;max-width:100%;margin:48px auto}.auth-title{font-size:28px}.auth-subtitle{text-align:center;margin-bottom:26px;font-size:14px}.social-login{gap:12px;margin-bottom:26px}.social-btn{flex:1;max-width:72px;height:42px}.auth-form{gap:18px}.auth-input{padding:14px 12px;font-size:16px}.side-btn{padding:0 12px;font-size:12px}.submit-btn{padding:15px;font-size:15px}}@media (width<=480px){.auth-container{padding:14px 16px}.auth-wrapper{align-items:stretch;margin:36px auto}.auth-title{text-align:center;font-size:26px}.auth-subtitle{font-size:13px}.social-login{gap:8px}.social-btn{width:auto;height:42px;font-size:14px}.btn-apple{font-size:18px}.btn-kakao{font-size:11px}.divider{margin-bottom:24px}.auth-form{gap:16px}.input-with-btn{gap:6px}.side-btn{min-width:78px;padding:0 10px}.auth-options{flex-direction:column;align-items:flex-start;gap:10px;margin-top:0}.submit-btn{width:100%;margin-top:8px}.auth-footer{font-size:12px;line-height:1.5}}@media (width<=360px){.auth-container{padding:12px}.auth-title{font-size:24px}.input-with-btn{flex-direction:column}.side-btn{width:100%;height:42px}.social-btn{height:40px}}.mypage-container{max-width:1000px;margin:0 auto;padding:80px 20px;font-family:Pretendard,-apple-system,sans-serif}.profile-section{align-items:center;gap:40px;margin-bottom:50px;display:flex}.profile-image-wrapper{border:4px solid #9e9e9e;border-radius:50%;flex-shrink:0;width:160px;height:160px;overflow:hidden}.profile-image{object-fit:cover;width:100%;height:100%}.profile-info{flex-direction:column;gap:12px;display:flex}.profile-nickname-row{align-items:center;gap:10px;display:flex}.profile-level-badge{color:#fff;white-space:nowrap;background:#00bfa5;border-radius:20px;align-items:center;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.profile-nickname{color:#111;margin:0;font-size:36px;font-weight:800}.profile-xp-bar-wrapper{align-items:center;gap:10px;display:flex}.profile-xp-bar-track{background:#e5e5e5;border-radius:4px;width:220px;height:8px;overflow:hidden}.profile-xp-bar-fill{background:#00bfa5;border-radius:4px;height:100%;transition:width .4s}.profile-xp-text{color:#888;white-space:nowrap;font-size:12px}.profile-status{color:#666;margin:0;font-size:16px}.mypage-divider{border-bottom:1px solid #e5e5e5;margin-bottom:30px}.mypage-tabs{gap:40px;display:flex}.tab-btn{color:#777;cursor:pointer;background:0 0;border:none;padding:0 0 10px;font-size:16px;font-weight:500;transition:all .2s}.tab-btn:hover{color:#111}.tab-btn.active{color:#111;font-weight:700}.info-container{text-align:left;gap:40px;margin-top:20px;display:flex}.info-sidebar{border-right:1px solid #eee;width:200px;padding-right:20px}.info-sidebar h3{color:#333;margin-bottom:20px;font-size:18px}.info-sidebar ul{margin:0;padding:0;list-style:none}.info-sidebar li{cursor:pointer;color:#555;border-radius:8px;align-items:center;gap:10px;margin-bottom:5px;padding:12px 10px;font-size:15px;transition:background-color .2s;display:flex}.info-sidebar li:hover{background-color:#f8f9fa}.info-sidebar li.active{color:#00bfa5;background-color:#e6fcf5;font-weight:700}.info-content{flex:1;max-width:500px}.info-content h2{color:#333;margin-bottom:5px;font-size:20px}.info-desc{color:#888;margin-bottom:30px;font-size:13px}.info-input-group{margin-bottom:20px}.info-input-group label{color:#555;margin-bottom:8px;font-size:13px;display:block}.info-input-group input{color:#555;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.delete-account-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;margin-top:20px;padding:10px 15px;font-size:13px}.social-connect-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.social-info{color:#555;align-items:center;gap:10px;font-size:14px;display:flex}.social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.connect-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.connect-btn.active{color:#fff;background-color:#00bfa5}.connect-btn.inactive{color:#555;background-color:#f1f3f5}.pw-change-box{cursor:pointer;color:#333;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;font-size:15px;transition:background-color .2s;display:flex}.pw-change-box:hover{background-color:#f8f9fa}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;width:400px;padding:30px;box-shadow:0 4px 20px #0000001a}.modal-content h3{margin-top:0;margin-bottom:20px;font-size:18px}.modal-save-btn{color:#888;cursor:pointer;background-color:#f1f3f5;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:700}.modal-save-btn:hover{background-color:#e9ecef}.my-gallery-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.my-gallery-item{flex-direction:column;gap:6px;display:flex}.my-gallery-image-box{aspect-ratio:1;background:#f5f5f5;border:6px solid #e8e0d5;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f,inset 0 0 0 1px #f5efe8}.my-gallery-image-box img{object-fit:contain;width:100%;height:100%}.my-gallery-label{flex-direction:column;gap:2px;display:flex}.my-gallery-source{border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px;font-weight:700}.my-gallery-source.gallery{color:#2e7d32;background:#e8f5e9}.my-gallery-source.mission{color:#1565c0;background:#e3f2fd}.my-gallery-source.casual{color:#7b1fa2;background:#f3e5f5;font-size:0}.my-gallery-source.casual:after{content:"자유 채점";font-size:11px}.my-gallery-title{color:#555;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=700px){.my-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.mypage-container{max-width:100%;padding:64px 28px}.profile-section{gap:32px}.profile-image-wrapper{width:140px;height:140px}.profile-nickname{font-size:32px}.info-container{gap:30px}.my-gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mypage-container{padding:40px 18px}.profile-section{text-align:center;flex-direction:column;align-items:center;gap:22px;margin-bottom:36px}.profile-image-wrapper{border-width:3px;width:120px;height:120px}.profile-info{align-items:center;width:100%}.profile-nickname-row{flex-wrap:wrap;justify-content:center;gap:8px}.profile-nickname{font-size:28px}.profile-level-badge{padding:3px 9px;font-size:12px}.profile-xp-bar-wrapper{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.profile-xp-bar-track{width:min(260px,100%)}.profile-status{font-size:14px;line-height:1.5}.mypage-divider{margin-bottom:22px}.mypage-tabs{-webkit-overflow-scrolling:touch;gap:20px;padding-bottom:6px;overflow-x:auto}.mypage-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;font-size:15px}.info-container{flex-direction:column;gap:24px;margin-top:18px}.info-sidebar{border-bottom:1px solid #eee;border-right:none;width:100%;padding-bottom:14px;padding-right:0}.info-sidebar h3{margin-bottom:12px;font-size:17px}.info-sidebar ul{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.info-sidebar ul::-webkit-scrollbar{display:none}.info-sidebar li{white-space:nowrap;flex-shrink:0;margin-bottom:0;padding:10px 12px;font-size:14px}.info-content{width:100%;max-width:none}.info-content h2{font-size:19px}.info-desc{margin-bottom:24px}.info-input-group input{box-sizing:border-box;font-size:16px}.social-connect-item{gap:12px}.pw-change-box{padding:14px 16px;font-size:14px}.modal-overlay{padding:20px 14px}.modal-content{width:100%;max-width:400px;padding:24px 18px}.my-gallery-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=480px){.mypage-container{padding:32px 14px}.profile-section{gap:18px;margin-bottom:30px}.profile-image-wrapper{width:104px;height:104px}.profile-nickname{font-size:24px}.profile-xp-bar-track{width:220px}.profile-xp-text{font-size:11px}.profile-status{font-size:13px}.mypage-tabs{gap:16px}.tab-btn{font-size:14px}.info-sidebar h3{font-size:16px}.info-sidebar li{padding:9px 10px;font-size:13px}.info-content h2{font-size:18px}.info-desc{font-size:12px}.social-connect-item{flex-direction:column;align-items:stretch;gap:10px}.social-info{font-size:13px}.connect-btn{width:100%;padding:9px 12px}.pw-change-box{flex-direction:column;align-items:flex-start;gap:8px}.delete-account-btn{width:100%;padding:11px 15px}.modal-content{border-radius:10px;padding:22px 16px}.modal-content h3{font-size:17px}.my-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.my-gallery-image-box{border-width:4px}.my-gallery-title{font-size:11px}}@media (width<=360px){.mypage-container{padding:28px 12px}.profile-image-wrapper{width:92px;height:92px}.profile-nickname{font-size:22px}.profile-xp-bar-track{width:190px}.my-gallery-grid{grid-template-columns:1fr}}.community-container{background-color:#fff;min-height:100vh;padding:20px 40px;font-family:Pretendard,-apple-system,sans-serif}.comm-content{gap:30px;max-width:1200px;margin:30px auto 0;display:flex}.comm-main{flex:7.5}.comm-top-search{color:#666;background-color:#e9e9e9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 20px;font-size:15px;display:flex}.search-icon,.view-all{cursor:pointer}.comm-categories{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.cat-btn{color:#555;cursor:pointer;background-color:#f4f6f8;border:none;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s ease-in-out}.cat-btn:hover{background-color:#e9ecef;transform:scale(1.05)translateY(-2px)}.cat-btn.active{color:#fff;background-color:#87d8a3;transform:scale(1.05);box-shadow:0 4px 10px #87d8a34d}.comm-sub-filter{border-bottom:1px solid #333;justify-content:flex-end;gap:10px;margin-bottom:10px;padding-bottom:8px;display:flex}.filter-select,.filter-input{color:#666;border:none;outline:none;font-size:13px}.filter-input{width:150px}.comm-search-bar{border-bottom:none;gap:10px;width:100%;margin:18px 0 22px;padding:0;display:flex}.comm-search-select{color:#555;cursor:pointer;background:#fff;border:1px solid #d8ddd9;border-radius:14px;min-width:110px;height:52px;padding:0 16px;font-size:15px}.comm-search-input{box-sizing:border-box;border:1px solid #d8ddd9;border-radius:14px;outline:none;flex:1;min-width:0;height:52px;padding:0 18px;font-size:16px}.comm-search-input:focus{border-color:#7bc9a5;box-shadow:0 0 0 3px #7bc9a526}.comm-search-btn{color:#fff;cursor:pointer;background:#7bc9a5;border:none;border-radius:14px;min-width:88px;height:52px;padding:0 22px;font-size:16px;font-weight:600;transition:background .18s}.comm-search-btn:hover{background:#6abf99}.comm-table{border-collapse:collapse;text-align:center;width:100%}.comm-table th,.comm-table td{color:#333;border-bottom:1px solid #eee;padding:16px 8px;font-size:14px}.comm-table th{color:#111;padding-bottom:20px;font-weight:700}.title-cell{text-align:left;cursor:pointer}.title-cell:hover{text-decoration:underline}.table-tag{cursor:pointer;background-color:#0000;border-radius:4px;padding:4px 16px;font-size:13px;transition:transform .2s ease-in-out;display:inline-block}.table-tag:hover{transform:scale(1.1)}.tag-green{color:#87d8a3;border:1px solid #87d8a3}.tag-blue{color:#7da7d9;border:1px solid #7da7d9}.tag-orange{color:#e0a97b;border:1px solid #e0a97b}.tag-pink{color:#df8bbc;border:1px solid #df8bbc}.tag-default{color:#999;border:1px solid #ddd}.comm-sidebar{flex-direction:column;flex:2.5;align-self:flex-start;gap:20px;display:flex;position:sticky;top:90px}.sidebar-box{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:24px}.profile-info{align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-avatar{background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.profile-name{color:#333;font-weight:700}.write-btn{color:#2f6b4a;cursor:pointer;background-color:#c7e5d3;border:none;border-radius:20px;width:100%;padding:12px;font-weight:700;transition:background .2s}.write-btn:hover{background-color:#aedcc1}.popular-box h4{color:#555;margin-bottom:12px;font-size:14px}.dashed-line{border:none;border-top:1px dashed #ccc;margin-bottom:16px}.popular-content{flex-direction:column;gap:8px;display:flex}.popular-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.popular-item:last-child{border-bottom:none}.popular-rank{color:#888;text-align:center;min-width:18px;font-weight:700}.popular-rank:first-child{color:#e53935}.popular-title{text-overflow:ellipsis;white-space:nowrap;color:#333;flex:1;overflow:hidden}.popular-views{color:#aaa;white-space:nowrap;font-size:12px}@media (width<=1024px){.community-container{padding:18px 24px}.comm-content{gap:24px;max-width:100%}.comm-main{flex:1;min-width:0}.comm-sidebar{flex:0 0 260px}.sidebar-box{padding:20px}.cat-btn{padding:9px 18px;font-size:13px}.comm-table th,.comm-table td{padding:14px 6px;font-size:13px}.table-tag{padding:4px 12px;font-size:12px}}@media (width<=768px){.community-container{padding:14px 16px}.comm-content{flex-direction:column;gap:24px;margin-top:20px}.comm-main{flex:none;width:100%}.comm-sidebar{flex:none;order:-1;gap:16px;width:100%;position:static;top:auto}.sidebar-box{padding:18px 16px}.profile-info{margin-bottom:14px}.write-btn{border-radius:14px;padding:12px}.comm-top-search{padding:11px 14px;font-size:14px}.comm-categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin-bottom:28px;padding-bottom:6px;overflow-x:auto}.comm-categories::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0;padding:9px 16px;font-size:13px}.cat-btn:hover,.cat-btn.active{transform:none}.comm-sub-filter{justify-content:flex-start;gap:8px;overflow-x:auto}.comm-search-bar{flex-direction:column;gap:8px;margin:14px 0 18px}.comm-search-select,.comm-search-input,.comm-search-btn{border-radius:12px;width:100%;height:48px}.comm-search-input{font-size:16px}.comm-search-btn{min-width:0;font-size:15px}.comm-table{min-width:680px}.comm-main{-webkit-overflow-scrolling:touch;overflow-x:auto}.comm-main::-webkit-scrollbar{height:6px}.comm-table th,.comm-table td{white-space:nowrap;padding:13px 6px;font-size:13px}.title-cell{white-space:normal;min-width:220px;line-height:1.45}.popular-box h4{margin-top:0}}@media (width<=480px){.community-container{padding:12px}.comm-content{gap:20px;margin-top:16px}.sidebar-box{border-radius:10px;padding:16px 14px}.profile-avatar{width:36px;height:36px;font-size:18px}.profile-name{font-size:14px}.comm-top-search{border-radius:10px;font-size:13px}.comm-categories{margin-bottom:22px}.cat-btn{padding:8px 14px;font-size:12px}.filter-input{width:120px}.comm-search-select,.comm-search-input,.comm-search-btn{height:46px;font-size:14px}.comm-search-input{font-size:16px}.comm-table{min-width:620px}.comm-table th,.comm-table td{padding:12px 5px;font-size:12px}.title-cell{min-width:190px}.table-tag{padding:3px 10px;font-size:11px}.popular-item{font-size:12px}.popular-views{font-size:11px}}@media (width<=360px){.community-container{padding:10px}.comm-table{min-width:580px}.title-cell{min-width:170px}.cat-btn{padding:8px 12px}}.write-container{background-color:#fff;min-height:100vh;padding:20px 40px;font-family:Pretendard,-apple-system,sans-serif}.write-header-bar{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;display:flex}.write-header-left{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;color:#333;background:0 0;border:none;font-size:24px}.write-header-title{color:#333;font-size:20px;font-weight:500}.write-header-right{align-items:center;gap:20px;display:flex}.temp-save{color:#555;cursor:pointer;font-size:14px}.temp-count{font-weight:700}.submit-post-btn{color:#2f6b4a;cursor:pointer;background-color:#c7e5d3;border:none;border-radius:20px;padding:8px 24px;font-weight:700}.write-content{gap:30px;max-width:1200px;margin:0 auto;display:flex}.write-main{flex-direction:column;flex:7.5;display:flex}.editor-top{border:1px solid #ddd;border-radius:8px;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;display:flex}.board-select{color:#333;border:none;outline:none;width:100%;font-size:15px}.title-input{background-color:#f5f5f5;border:none;border-radius:8px;outline:none;padding:16px;font-size:16px}.editor-toolbar{background-color:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:8px 8px 0 0}.toolbar-icons{border-bottom:1px solid #ddd;gap:20px;padding:12px 20px;display:flex}.toolbar-icons button{color:#555;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.toolbar-text-options{align-items:center;gap:12px;padding:8px 20px;display:flex}.toolbar-text-options select,.toolbar-text-options button{color:#555;cursor:pointer;background:0 0;border:none;font-size:13px}.divider-vertical{background-color:#ddd;width:1px;height:16px;margin:0 8px}.content-textarea{resize:none;box-sizing:border-box;border:1px solid #ddd;border-top:none;outline:none;width:100%;height:400px;padding:20px;font-size:15px}.editor-bottom-tags{border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:16px;padding:20px;display:flex}.tag-input-wrapper{border:1px solid #ddd;border-radius:8px;padding:12px 16px}.tag-count{color:#777;margin-bottom:8px;font-size:12px;display:block}.tag-input-row{justify-content:space-between;display:flex}.tag-input-row input{border:none;outline:none;width:90%;font-size:14px}.tag-chips-row{justify-content:space-between;align-items:center;display:flex}.tag-chip{color:#333;background-color:#c7e5d3;border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.tag-recommend-btn{color:#fff;cursor:pointer;background-color:#87d8a3;border:none;border-radius:20px;padding:6px 16px;font-size:13px}.write-sidebar{flex-direction:column;flex:2.5;gap:20px;display:flex}.gray-box{background-color:#f0f0f0;border-radius:8px;padding:24px}.setting-title{color:#333;margin-bottom:16px;font-size:14px;font-weight:700}.setting-list{flex-direction:column;gap:12px;display:flex}.setting-list label{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toggle-row:last-child{margin-bottom:0}.toggle-label{color:#333;font-size:14px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#87d8a3}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@media (width<=1024px){.write-container{padding:18px 24px}.write-content{gap:24px;max-width:100%}.write-main{flex:1;min-width:0}.write-sidebar{flex:0 0 260px}.editor-top{padding:18px}.content-textarea{height:360px}.toolbar-icons{gap:16px}.gray-box{padding:20px}}@media (width<=768px){.write-container{padding:14px 16px}.write-header-bar{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:22px;padding:16px 0}.write-header-left{gap:12px}.back-btn{flex-shrink:0;font-size:22px}.write-header-title{font-size:18px}.write-header-right{justify-content:space-between;gap:12px}.temp-save{font-size:13px}.submit-post-btn{white-space:nowrap;border-radius:16px;padding:8px 18px}.write-content{flex-direction:column;gap:22px}.write-main{flex:none;width:100%}.write-sidebar{flex:none;order:-1;gap:14px;width:100%}.gray-box{border-radius:10px;padding:18px 16px}.editor-top{gap:14px;padding:16px}.board-select,.title-input{font-size:16px}.title-input{padding:14px}.toolbar-icons{-webkit-overflow-scrolling:touch;gap:10px;padding:10px 12px;overflow-x:auto}.toolbar-icons::-webkit-scrollbar{display:none}.toolbar-icons button{flex-shrink:0;min-width:48px;font-size:12px}.toolbar-text-options{-webkit-overflow-scrolling:touch;gap:8px;padding:8px 12px;overflow-x:auto}.toolbar-text-options::-webkit-scrollbar{display:none}.toolbar-text-options select,.toolbar-text-options button{flex-shrink:0;font-size:12px}.divider-vertical{flex-shrink:0;margin:0 4px}.content-textarea{height:320px;padding:16px;font-size:16px;line-height:1.6}.editor-bottom-tags{gap:14px;padding:16px}.tag-input-wrapper{padding:12px 14px}.tag-input-row{gap:10px}.tag-input-row input{width:100%;min-width:0;font-size:16px}.tag-chips-row{align-items:flex-start;gap:12px}.tag-chip{flex-shrink:0;font-size:12px}.tag-recommend-btn{white-space:nowrap;padding:7px 14px;font-size:12px}.setting-title{margin-bottom:12px}.setting-list{gap:10px}}@media (width<=480px){.write-container{padding:12px}.write-header-bar{gap:12px;margin-bottom:18px}.write-header-left{gap:10px}.write-header-title{font-size:17px}.write-header-right{flex-direction:column;align-items:stretch;gap:10px}.temp-save{text-align:right}.submit-post-btn{width:100%;padding:10px 16px}.write-content{gap:18px}.gray-box{padding:16px 14px}.editor-top{padding:14px}.title-input{padding:13px}.toolbar-icons{padding:9px 10px}.toolbar-icons button{min-width:44px;font-size:11px}.toolbar-text-options{padding:8px 10px}.content-textarea{height:280px;padding:14px}.editor-bottom-tags{padding:14px}.tag-chips-row{flex-direction:column;align-items:stretch}.tag-chip{width:fit-content;max-width:100%}.tag-recommend-btn{width:100%;padding:9px 14px}.toggle-row{gap:12px}.toggle-label{font-size:13px}}@media (width<=360px){.write-container{padding:10px}.write-header-title{font-size:16px}.content-textarea{height:250px}.toolbar-icons button{min-width:40px}.gray-box{padding:14px 12px}}.rich-post-editor{background:#fcfcfc;border:1px solid #e0e0dc;border-radius:12px;overflow:hidden}.rich-editor-toolbar{background:#f5f5f2;border-bottom:1px solid #e0e0dc;flex-wrap:wrap;gap:8px;padding:12px 14px;display:flex}.rich-editor-toolbar button{color:#4e5a53;cursor:pointer;background:#fff;border:1px solid #d9ddd8;border-radius:8px;min-height:34px;padding:0 12px;font-size:13px;font-weight:600}.rich-editor-toolbar button.active{color:#24543d;background:#cfe7dc;border-color:#7bc9a5}.rich-editor-content .ProseMirror{color:#2f2f2f;outline:none;min-height:500px;padding:22px;font-size:16px;line-height:1.7}.rich-editor-content .ProseMirror p{margin:0 0 14px}.rich-editor-content .ProseMirror h2,.rich-editor-content .ProseMirror h3{color:#1f1f1f;margin:22px 0 12px}.rich-editor-content .ProseMirror img{border-radius:10px;width:auto;max-width:100%;height:auto;margin:16px 0;display:block}.rich-editor-content .ProseMirror blockquote{color:#5b655f;border-left:3px solid #b8d9c7;margin:18px 0;padding-left:14px}.rich-editor-content .ProseMirror ul,.rich-editor-content .ProseMirror ol{padding-left:24px}.rich-editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9da39f;pointer-events:none;height:0}.reply-btn{cursor:pointer;margin-left:10px}@media (width<=1024px){.post-detail-box{padding:32px}.post-title{font-size:22px}.post-body{font-size:15px}.replies-container{margin-left:36px}}@media (width<=768px){.post-nav-buttons{flex-wrap:wrap;justify-content:flex-start;gap:8px}.nav-btn{padding:7px 12px;font-size:13px}.post-detail-box{border-radius:10px;padding:24px 18px}.post-category{margin-bottom:12px;font-size:13px}.post-title{margin-bottom:20px;font-size:20px;line-height:1.4}.post-author-info{align-items:flex-start;gap:12px}.author-avatar{flex-shrink:0;width:42px;height:42px;font-size:20px}.author-details{flex:1;min-width:0}.author-name-row{flex-wrap:wrap;gap:6px}.author-name{font-size:15px}.subscribe-btn,.chat-btn{padding:3px 7px;font-size:11px}.author-meta{flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.4}.post-divider{margin:24px 0}.post-body{word-break:break-word;min-height:160px;font-size:15px;line-height:1.75}.post-footer-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}.like-comment-count{gap:16px;font-size:14px}.comment-item{gap:12px;padding:18px 0}.comment-avatar{flex-shrink:0;width:36px;height:36px}.comment-content{min-width:0}.comment-author{flex-wrap:wrap;gap:4px}.comment-text{word-break:break-word;font-size:14px}.comment-actions{flex-wrap:wrap;gap:10px}.comment-input-box{margin-top:24px;padding:14px}.comment-input-box textarea{font-size:16px}.comment-input-bottom{gap:10px}.comment-icons{letter-spacing:3px;font-size:18px}.replies-container{margin-left:18px;padding-left:12px}.reply-item{gap:10px}.reply-avatar{flex-shrink:0;width:30px;height:30px}.edit-input-box{flex-direction:column;gap:8px}.edit-input-box input{box-sizing:border-box;width:100%;font-size:16px}.edit-btn,.cancel-btn{width:100%;padding:9px 12px}.comm-sidebar{position:static;top:auto}}@media (width<=480px){.post-detail-box{border-radius:8px;padding:20px 14px}.post-nav-buttons{margin-bottom:12px}.nav-btn{flex:1;min-width:80px;padding:8px 10px;font-size:12px}.post-title{margin-bottom:18px;font-size:18px}.post-author-info{gap:10px}.author-avatar{width:38px;height:38px;font-size:18px}.author-name{font-size:14px}.author-meta{font-size:11px}.post-body{font-size:14px;line-height:1.7}.post-footer-actions{margin-top:28px;padding-bottom:16px}.more-posts-link{font-size:13px}.like-comment-count{justify-content:space-between;width:100%;font-size:13px}.comments-section{padding-top:16px}.comment-item{gap:10px;padding:16px 0}.comment-avatar{width:32px;height:32px}.comment-author,.comment-text{font-size:13px}.comment-date,.comment-actions{font-size:11px}.comment-input-box{padding:12px}.comment-input-bottom{flex-direction:column;align-items:stretch}.comment-icons{display:none}.submit-comment-btn{background:#f1f3f5;border-radius:6px;width:100%;padding:10px}.replies-container{margin-left:8px;padding-left:10px}.reply-item{gap:8px}.reply-avatar{width:28px;height:28px}}@media (width<=360px){.post-detail-box{padding:18px 12px}.post-title{font-size:17px}.nav-btn{min-width:72px;font-size:11px}.author-name-row{align-items:flex-start}.subscribe-btn,.chat-btn{font-size:10px}.replies-container{margin-left:0}}.post-content-rendered{color:#333;word-break:break-word;font-size:16px;line-height:1.75}.post-content-rendered p{margin:0 0 14px}.post-content-rendered h2,.post-content-rendered h3{color:#1f1f1f;margin:22px 0 12px}.post-content-rendered img{border-radius:10px;width:auto;max-width:100%;height:auto;margin:16px 0;display:block}.post-content-rendered blockquote{color:#5b655f;border-left:3px solid #b8d9c7;margin:18px 0;padding-left:14px}.post-content-rendered ul,.post-content-rendered ol{padding-left:24px}.post-content-rendered a{color:#2f7a57;text-decoration:underline}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding) * 1px);position:relative}.react-photo-album--image{width:100%;height:auto;aspect-ratio:var(--react-photo-album--photo-width) / var(--react-photo-album--photo-height);display:block}.react-photo-album--button{cursor:pointer;border:initial;background:initial}.react-photo-album--columns{justify-content:space-between}.react-photo-album--columns .react-photo-album--track{justify-content:space-between;row-gap:calc(var(--react-photo-album--spacing) * 1px);width:calc(( 100% - 1px * (var(--react-photo-album--columns) - 1) * var(--react-photo-album--spacing) - 2px * var(--react-photo-album--columns) * var(--react-photo-album--padding) - var(--react-photo-album--adjusted-gaps) * 1px ) * var(--react-photo-album--column-ratio) / var(--react-photo-album--total-ratio) + 2px * var(--react-photo-album--padding));flex-direction:column}.react-photo-album--columns .react-photo-album--photo{width:100%}.gallery-container{box-sizing:border-box;background-color:#f8f8f6;min-height:100vh;padding:24px 56px 40px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.gallery-sub-header{justify-content:space-between;align-items:center;gap:16px;margin-top:6px;margin-bottom:28px;display:flex}.gallery-search-submit{cursor:pointer;background:#ffffff7a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .18s;display:flex}.gallery-search-submit:hover{background:#fff}.gallery-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.gallery-write-link{text-decoration:none}.gallery-write-btn{color:#49544e;cursor:pointer;box-sizing:border-box;background:#b8d9c7;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-width:142px;height:46px;padding:0 18px;font-size:15px;font-weight:500;transition:background-color .2s;display:flex}.gallery-write-btn:hover{background:#aed1be}.gallery-profile-btn{cursor:pointer;box-sizing:border-box;background:#ececef;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.gallery-dropdown-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.masonry-grid{column-count:4;column-gap:18px;width:100%;margin:0 auto}.masonry-item{break-inside:avoid;cursor:pointer;background:0 0;flex-direction:column;margin-bottom:18px;display:flex}.masonry-img{object-fit:cover;border-radius:22px;width:100%;display:block}.masonry-info{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:24px;padding:8px 4px 0;display:flex}.masonry-title{color:#2f2f2f;font-size:13px;font-weight:400;line-height:1.2}.masonry-more{color:#6a6a6a;font-size:20px;line-height:1;transform:translateY(-2px)}.gallery-photo-card{cursor:pointer;background:#ecece7;border-radius:22px;width:100%;position:relative;overflow:hidden}.gallery-photo-card img{object-fit:cover;border-radius:22px;width:100%;height:100%;transition:transform .4s;display:block}.gallery-photo-card:hover img{transform:scale(1.03)}.gallery-photo-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 0%,#0000008c 100%);justify-content:space-between;align-items:flex-end;gap:12px;padding:24px 14px 12px;transition:opacity .25s;display:flex;position:absolute;inset:auto 0 0}.gallery-photo-card:hover .gallery-photo-overlay{opacity:1}.gallery-photo-title{text-shadow:0 1px 2px #0000004d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.gallery-photo-likes{text-shadow:0 1px 2px #0000004d;flex:none;font-size:13px;font-weight:500}.gallery-photo-meta{text-shadow:0 1px 2px #0000004d;flex:none;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.gallery-photo-level{color:#fff;height:20px;text-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.gallery-photo-skeleton{background:linear-gradient(90deg,#ececec 0%,#f7f7f4 50%,#ececec 100%) 0 0/200% 100%;border-radius:22px;width:100%;animation:1.4s infinite galleryShimmer}@keyframes galleryShimmer{to{background-position:-200% 0}}.gallery-detail-layout{grid-template-columns:minmax(0,1fr) 520px;align-items:start;gap:28px;display:grid}.gallery-detail-main{min-width:0}.gallery-detail-top-icons{align-items:center;gap:18px;margin-bottom:14px;padding-left:8px;display:flex}.detail-left-actions{align-items:center;gap:12px;display:flex}.detail-icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.detail-like-btn{gap:8px}.detail-like-btn span{color:#2d2d2d;font-size:16px;font-weight:400}.gallery-detail-card{background:#fff;border:1px solid #dfdfdf;border-radius:18px;padding:14px 14px 0;position:relative}.gallery-detail-view-info{color:#6f6f6f;z-index:2;background:#0000000a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:18px;right:22px}.gallery-detail-image-wrap{justify-content:center;align-items:center;padding:4px 0 12px;display:flex}.gallery-detail-image{object-fit:contain;border-radius:18px;width:100%;max-width:560px;max-height:70vh;display:block}.gallery-detail-content{padding:0 14px}.gallery-detail-title{color:#4a4a4a;margin:0 0 10px;font-size:18px;font-weight:400}.gallery-detail-author-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.gallery-detail-author-avatar{color:#fff;background:#1f1f1f;border:2px solid #9e9e9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.gallery-detail-author-texts{flex-direction:column;gap:2px;display:flex}.gallery-detail-author-name{color:#2f2f2f;align-items:center;font-size:15px;font-weight:500;display:flex}.gallery-detail-author-time{color:#909090;font-size:13px}.gallery-detail-description{color:#555;white-space:pre-wrap;margin:0 0 24px;font-size:16px;line-height:1.6}.gallery-detail-divider{background:#e8e8e8;width:100%;height:1px;margin-bottom:10px}.gallery-detail-comment-count{color:#2d2d2d;margin-bottom:14px;font-size:16px;font-weight:600}.gallery-detail-comments-list{flex-direction:column;gap:16px;margin-bottom:12px;display:flex}.gallery-detail-comment-item{align-items:flex-start;gap:10px;display:flex}.gallery-detail-comment-avatar{color:#fff;background:#232323;border:2px solid #9e9e9e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.gallery-detail-comment-body{flex:1;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.gallery-detail-comment-main{min-width:0}.gallery-detail-comment-author-line{align-items:center;gap:10px;margin-bottom:4px;display:flex}.gallery-detail-comment-author{color:#2f2f2f;font-size:16px;font-weight:500}.gallery-detail-comment-time{color:#919191;font-size:14px}.gallery-detail-comment-text{color:#4a4a4a;margin-bottom:6px;font-size:15px;line-height:1.5}.gallery-detail-comment-meta{color:#6f6f6f;align-items:center;gap:12px;font-size:14px;display:flex}.detail-comment-more-btn{cursor:pointer;background:0 0;border:none;padding:0}.gallery-detail-comment-empty{color:#909090;padding:8px 0 16px;font-size:15px}.gallery-detail-comment-input-wrap{border:1px solid #d9d9d9;border-radius:16px;align-items:center;gap:10px;min-height:48px;margin:14px 0 16px;padding:0 14px;display:flex}.detail-tool-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.gallery-detail-side{min-width:0}.gallery-filmstrip{flex-direction:column;gap:14px;padding:8px;display:flex;position:sticky;top:90px}.filmstrip-track{flex-direction:column;align-items:center;gap:14px;display:flex}.filmstrip-card{aspect-ratio:1;cursor:pointer;width:100%;max-width:200px;transform:scale(var(--card-scale,1));transform-origin:50%;background:#f0f0ec;border:2.5px solid #9e9e9e;border-radius:14px;padding:0;transition:opacity .3s,transform .4s,box-shadow .3s;position:relative;overflow:hidden}.filmstrip-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.filmstrip-card:hover:not(.is-current){transform:scale(calc(var(--card-scale,1) + .04));opacity:1!important}.filmstrip-card:hover:not(.is-current) img{transform:scale(1.05)}.filmstrip-card.is-current{cursor:default;z-index:2;box-shadow:0 0 0 4px #7bc9a573,0 8px 24px #7bc9a54d}.filmstrip-current-badge{color:#fff;white-space:nowrap;background:#7bc9a5f2;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.filmstrip-edge-label{text-align:center;color:#909090;padding:6px 0;font-size:12px;font-weight:500}.filmstrip-card-skeleton{aspect-ratio:1;background:linear-gradient(90deg,#ececec 0%,#f7f7f4 50%,#ececec 100%) 0 0/200% 100%;border-radius:14px;width:100%;max-width:200px;animation:1.4s infinite galleryShimmer}.gallery-detail-loading{text-align:center;color:#888;padding:80px 0;font-size:14px}.gallery-loading-state,.gallery-empty-state{color:#999;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:120px 0;display:flex}.gallery-loading-state p,.gallery-empty-state p{color:#888;margin:0;font-size:15px}.gallery-empty-state h3{color:#444;margin:0 0 10px;font-size:20px}.gallery-empty-illustration{color:#7bc9a5;background:#edf4ef;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:42px;line-height:1;display:flex}.gallery-empty-reset-btn{color:#fff;cursor:pointer;background:#7bc9a5;border:none;border-radius:12px;height:44px;margin-top:20px;padding:0 22px;font-size:15px;font-weight:600}.gallery-loading-icon{margin-bottom:12px;font-size:40px}.gallery-tag-bar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.gallery-tag-chip{color:#555;cursor:pointer;white-space:nowrap;background:#f4f4f0;border:1px solid #d4d4cd;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:400;transition:background-color .15s,color .15s}.gallery-tag-chip:hover{background:#e4e4dc}.gallery-tag-chip.active{color:#3f5447;background:#b8d9c7;border-color:#b8d9c7;font-weight:500}@media (width<=1500px){.gallery-detail-layout{grid-template-columns:minmax(0,1fr) 430px}}@media (width<=1400px){.gallery-container{padding:24px 40px 36px}}@media (width<=1200px){.masonry-grid{column-count:3}.gallery-detail-layout{grid-template-columns:1fr}.gallery-filmstrip{padding:2px 0 12px;position:static}.filmstrip-track{flex-direction:row;justify-content:flex-start;padding:8px 4px 12px;overflow-x:auto}.filmstrip-card,.filmstrip-card-skeleton{flex:0 0 120px;max-width:120px}}@media (width<=900px){.gallery-container{padding:22px 24px 32px}.gallery-sub-header{flex-direction:column;align-items:stretch}.gallery-actions{justify-content:flex-end}.masonry-grid{column-count:2}}@media (width<=600px){.gallery-container{padding:18px 16px 28px}.masonry-grid{column-count:1}.gallery-write-btn{min-width:126px;padding:0 14px}.gallery-detail-comment-input-wrap{padding:0 10px}.gallery-detail-image{width:100%}}@media (hover:none){.gallery-photo-overlay{opacity:1}}.detail-like-btn.active span{color:#7bc9a5}.gallery-detail-comment-section{scroll-margin-top:100px}.comment-like-btn{cursor:pointer;color:#6f6f6f;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:14px;display:inline-flex}.comment-like-btn span{color:#7bc9a5;line-height:1}.gallery-detail-comment-input-wrap:focus-within{border-color:#b8d9c7}.gallery-detail-comment-input-wrap{background:#fff;border:1px solid #d9d9d9;border-radius:999px;align-items:center;gap:10px;min-height:56px;margin:14px 0 16px;padding:0 16px;transition:border-color .2s,box-shadow .2s;display:flex}.gallery-detail-comment-input{color:#444;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:18px}.gallery-detail-comment-tools{opacity:0;align-items:center;gap:10px;width:0;transition:opacity .2s;display:flex;overflow:hidden}.gallery-detail-comment-tools.visible{opacity:1;width:auto}.detail-tool-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.detail-send-btn{cursor:pointer;opacity:.6;background:#dceee3;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s,opacity .2s;display:flex}.detail-send-btn.active{opacity:1;background:#cfe7dc}.detail-send-btn:disabled{cursor:not-allowed}.gallery-comment-more-wrap{position:relative}.gallery-comment-menu{z-index:20;background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:140px;padding:12px;display:flex;position:absolute;top:34px;right:0;box-shadow:0 12px 28px #0000001f}.gallery-comment-menu-item{color:#2f2f2f;text-align:left;cursor:pointer;background:#f3f3ef;border:none;border-radius:14px;width:100%;padding:14px 18px;font-size:18px}.gallery-comment-menu-item.delete{background:0 0;padding:6px 18px 4px}.gallery-post-more-wrap,.gallery-comment-more-wrap{position:relative}.gallery-post-menu,.gallery-comment-menu{z-index:30;background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:140px;padding:12px;display:flex;position:absolute;top:34px;right:0;box-shadow:0 12px 28px #0000001f}.gallery-post-menu-item,.gallery-comment-menu-item{color:#2f2f2f;text-align:left;cursor:pointer;background:#f3f3ef;border:none;border-radius:14px;width:100%;padding:14px 18px;font-size:18px}.gallery-post-menu-item.delete,.gallery-comment-menu-item.delete{background:0 0;padding:6px 18px 4px}.gallery-comment-edit-wrap{flex-direction:column;gap:16px;margin-top:8px;display:flex}.gallery-detail-comment-edit-input-wrap{background:#fff;border:1px solid #d9d9d9;border-radius:999px;align-items:center;gap:10px;min-height:60px;padding:0 16px;display:flex}.gallery-detail-comment-edit-input{color:#2f2f2f;background:0 0;border:none;outline:none;flex:1;font-size:18px}.gallery-comment-edit-actions{justify-content:flex-end;gap:12px;display:flex}.gallery-comment-edit-cancel,.gallery-comment-edit-save{cursor:pointer;border:none;border-radius:18px;min-width:96px;height:54px;font-size:18px}.gallery-comment-edit-cancel{color:#1f1f1f;background:#d9d9d2}.gallery-comment-edit-save{color:#9a9a9a;background:#d9d9d2}.gallery-comment-edit-save:not(:disabled){color:#1f1f1f;background:#cfe7dc}.gallery-reply-indicator{color:#4e5a53;background:#f4f7f5;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 10px;padding:10px 14px;font-size:15px;display:flex}.gallery-reply-indicator button{color:#4e5a53;cursor:pointer;background:0 0;border:none;font-size:14px}.gallery-edit-panel-overlay{z-index:60;background:#00000014;justify-content:flex-end;display:flex;position:fixed;inset:0}.gallery-edit-panel{background:#fff;flex-direction:column;width:min(760px,92vw);height:100vh;display:flex;box-shadow:-8px 0 24px #00000014}.gallery-edit-panel-header{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;height:88px;padding:0 28px;display:flex}.gallery-edit-panel-header h2{color:#111;margin:0;font-size:28px;font-weight:700}.gallery-edit-panel-header button{cursor:pointer;background:0 0;border:none}.gallery-edit-panel-body{flex:1;padding:30px 28px;overflow-y:auto}.gallery-edit-inline-group{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.gallery-edit-label{color:#2f2f2f;font-size:16px;font-weight:600}.gallery-edit-input,.gallery-edit-textarea{color:#222;background:#fff;border:1px solid #cfcfcf;border-radius:28px;outline:none;width:100%;padding:20px 22px;font-size:18px}.gallery-edit-textarea{resize:none;min-height:140px}.gallery-edit-tag-search-row{margin-bottom:14px;position:relative}.gallery-edit-tag-search-icon{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.gallery-edit-tag-search-input{background:#cfe7dc;border:none;border-radius:999px;outline:none;width:100%;padding:14px 18px 14px 50px;font-size:16px}.gallery-edit-tag-panel{background:#efefe8;border-radius:18px;padding:20px}.gallery-edit-tag-panel-title,.gallery-edit-tag-panel-subtitle{color:#4e5a53;margin-bottom:12px;font-size:16px;font-weight:600}.gallery-edit-selected-tags,.gallery-edit-tag-list,.gallery-edit-recommend-tags{flex-wrap:wrap;gap:10px;display:flex}.gallery-edit-tag-list{max-height:180px;overflow-y:auto}.gallery-edit-tag-chip{color:#4e5a53;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:15px}.gallery-edit-tag-chip.selected{background:#cfe7dc}.gallery-edit-recommend-row{margin-top:14px}.gallery-edit-recommend-btn{color:#4e5a53;cursor:pointer;background:#cfe7dc;border:none;border-radius:999px;padding:10px 22px;font-size:15px}.gallery-edit-switches{flex-direction:column;gap:14px;margin-top:26px;display:flex}.gallery-edit-switch-row{color:#4e5a53;align-items:center;gap:10px;font-size:16px;display:flex}.gallery-edit-panel-footer{border-top:1px solid #ececec;justify-content:flex-end;gap:12px;padding:18px 28px 24px;display:flex}.gallery-edit-delete-btn,.gallery-edit-save-btn{cursor:pointer;border:none;border-radius:18px;min-width:96px;height:58px;font-size:20px}.gallery-edit-delete-btn{color:#1f1f1f;background:#ecece5}.gallery-edit-save-btn{color:#1f1f1f;background:#cfe7dc}.gallery-tag-area{width:100%;margin-bottom:28px}.gallery-tag-control-row{justify-content:flex-end;margin-bottom:10px;display:flex}.gallery-tag-toggle-btn{color:#4e5a53;cursor:pointer;background:#fff;border:1px solid #cfe7dc;border-radius:999px;padding:8px 16px;font-size:14px}.gallery-tag-bar.bordered{flex-wrap:wrap;gap:12px;display:flex}.gallery-tag-chip.bordered{background:#fff;border:1px solid #dfe9e3}.gallery-tag-chip.bordered.active{background:#cfe7dc;border-color:#7bc9a5}.gallery-detail-comment-input-wrap.typing{border-color:#7bc9a5}.gallery-detail-comment-tools{align-items:center;gap:12px;display:flex}.detail-send-btn{cursor:pointer;background:#cfe7dc;border:none;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.detail-send-btn:disabled{opacity:.45;cursor:default}.detail-send-btn.active{background:#7bc9a5}.gallery-tag-area{width:100%;margin:18px 0 34px;padding-right:54px;position:relative}.gallery-tag-area.closed{min-height:38px}.gallery-tag-bordered{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.gallery-tag-border-chip{color:#6f6f6f;cursor:pointer;background:#eee;border:1px solid #ddd;border-radius:12px;min-width:88px;height:44px;margin-top:5px;padding:0 22px;font-size:16px;font-weight:600;transition:all .2s ease-in-out}.gallery-tag-border-chip:hover{background-color:#e0e0e0;transform:scale(1.05)translateY(-2px);box-shadow:0 4px 8px #0000001a}.gallery-tag-border-chip.active{color:#fff;background:#87d8a4;border-color:#87d8a4;transform:scale(1.05)}.gallery-load-more-trigger{width:100%;height:40px}.gallery-load-more-text{text-align:center;color:#888;padding:24px 0}.gallery-comment-input-image-style{background:#fff;border:1px solid #deded7;border-radius:999px;align-items:center;min-height:64px;padding:0 14px 0 26px;display:flex;position:relative}.gallery-comment-input-image-style.typing{border-color:#7bc9a5}.gallery-detail-comment-input{color:#222;background:0 0;border:none;outline:none;flex:1;min-width:0;height:58px;font-size:20px}.gallery-detail-comment-input::placeholder{color:#a6a6a6}.gallery-comment-send-btn{cursor:pointer;background:#d7efe4;border:1px solid #cfe7dc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:12px;display:flex}.gallery-comment-send-btn.active{background:#7bc9a5;border-color:#7bc9a5}.gallery-comment-send-btn:disabled{opacity:.45;cursor:default}.gallery-comment-reply-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.comment-like-btn{cursor:pointer;color:#555;background:0 0;border:none;align-items:center;gap:5px;font-size:16px;display:inline-flex}.comment-like-btn.active{color:#7bc9a5}.gallery-tag-area{box-sizing:border-box;width:100%;display:flex;margin:0!important;padding:0!important}.gallery-tag-bar-collapse{opacity:0;width:100%;max-height:0;margin-top:0;transition:max-height .3s ease-in-out,opacity .25s ease-in-out,margin .3s ease-in-out;overflow:hidden}.gallery-tag-bar-collapse.open{opacity:1;max-height:200px;margin-top:10px;padding-bottom:5px;overflow:hidden auto}.gallery-tag-area-toggle-btn{cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #0000000a}.gallery-tag-area-toggle-btn:hover{background-color:#f5f5f5;border-color:#d0d0d0}.gallery-tag-bar-collapse{opacity:0;flex:auto;align-self:flex-start;max-height:0;transition:max-height .35s,opacity .25s;overflow:hidden}.gallery-tag-bar-collapse.open{opacity:1;max-height:200px;padding-bottom:10px;overflow:hidden auto}.gallery-detail-tag-list{flex-wrap:wrap;gap:6px;margin:8px 0 16px;display:flex}.gallery-detail-tag{color:#2e7d54;cursor:pointer;background:linear-gradient(135deg,#e9f7ef 0%,#d2f0df 100%);border-radius:14px;padding:4px 12px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-block}.gallery-detail-tag:hover{transform:translateY(-1px);box-shadow:0 2px 6px #2e7d542e}.gallery-post-owner-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.gallery-post-owner-actions button{color:#4e5a53;cursor:pointer;background:#f0f4f1;border:none;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600}.gallery-post-owner-actions button.delete{color:#d84848}.gallery-post-edit-title-input,.gallery-post-edit-description-input{width:100%;font:inherit;color:#333;box-sizing:border-box;border:1px solid #d8ddd9;border-radius:12px;outline:none;padding:10px 12px}.gallery-post-edit-title-input{margin-bottom:10px;font-size:18px;font-weight:600}.gallery-post-edit-description-input{resize:vertical;min-height:130px;margin-bottom:24px;line-height:1.6}.gallery-scroll-top-btn{z-index:50;color:#fff;cursor:pointer;background:#2f6b4a;border:none;border-radius:50%;width:48px;height:48px;font-size:22px;font-weight:700;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 24px #2f6b4a38}@media (width<=1024px){.gallery-container{padding:22px 28px 34px}.gallery-sub-header{gap:12px}.gallery-tag-border-chip{min-width:76px;height:40px;padding:0 18px;font-size:14px}.gallery-detail-card{padding:12px 12px 0}.gallery-detail-image{max-width:100%;max-height:64vh}.gallery-detail-description{font-size:15px}.gallery-edit-panel{width:min(680px,92vw)}}@media (width<=768px){.gallery-container{padding:18px 16px 30px}.gallery-sub-header{flex-direction:column;align-items:stretch;margin-bottom:18px}.search-bar-wrapper{border-radius:14px;width:100%;height:44px}.gallery-search-input{font-size:16px}.gallery-actions{justify-content:space-between;gap:8px;width:100%}.gallery-write-link{flex:1}.gallery-write-btn{border-radius:14px;width:100%;min-width:0;height:44px;font-size:14px}.gallery-profile-btn,.gallery-tag-area-toggle-btn{flex-shrink:0;width:44px;height:44px}.gallery-dropdown-btn{width:28px;height:28px}.gallery-tag-area{align-items:flex-start;gap:8px;width:100%;display:flex}.gallery-tag-bar-collapse.open{max-height:160px;margin-top:6px}.gallery-tag-bordered{gap:8px}.gallery-tag-border-chip{border-radius:999px;min-width:auto;height:36px;margin-top:0;padding:0 14px;font-size:13px}.gallery-tag-border-chip:hover,.gallery-tag-border-chip.active{box-shadow:none;transform:none}.masonry-grid{column-count:2;column-gap:12px}.masonry-item{margin-bottom:12px}.masonry-img,.gallery-photo-card,.gallery-photo-card img,.gallery-photo-skeleton{border-radius:16px}.gallery-photo-overlay{opacity:1;padding:22px 10px 10px}.gallery-photo-title,.gallery-photo-meta,.gallery-photo-likes{font-size:12px}.gallery-detail-layout{grid-template-columns:1fr;gap:18px}.gallery-detail-top-icons{gap:14px;margin-bottom:12px;padding-left:0}.gallery-detail-card{border-radius:14px;padding:10px 10px 0}.gallery-detail-view-info{padding:5px 9px;font-size:12px;top:14px;right:14px}.gallery-detail-image-wrap{padding:2px 0 10px}.gallery-detail-image{border-radius:14px;max-height:58vh}.gallery-detail-content{padding:0 8px}.gallery-detail-title{font-size:17px;line-height:1.4}.gallery-post-owner-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0}.gallery-post-owner-actions button{padding:7px 10px;font-size:12px}.gallery-detail-author-row{align-items:flex-start}.gallery-detail-author-name{font-size:14px}.gallery-detail-author-time{font-size:12px}.gallery-detail-description{margin-bottom:20px;font-size:14px;line-height:1.65}.gallery-detail-comment-count{font-size:15px}.gallery-detail-comment-item{gap:8px}.gallery-detail-comment-avatar{width:34px;height:34px;font-size:13px}.gallery-detail-comment-body{min-width:0}.gallery-detail-comment-author-line{flex-wrap:wrap;gap:4px 8px}.gallery-detail-comment-author{font-size:14px}.gallery-detail-comment-time{font-size:12px}.gallery-detail-comment-text{word-break:break-word;font-size:14px}.gallery-detail-comment-meta{flex-wrap:wrap;gap:8px;font-size:13px}.comment-like-btn,.gallery-comment-reply-btn{font-size:14px}.gallery-comment-input-image-style,.gallery-detail-comment-input-wrap{border-radius:18px;min-height:52px;padding:0 10px 0 16px}.gallery-detail-comment-input{height:50px;font-size:16px}.gallery-detail-comment-tools{gap:6px}.detail-tool-btn{width:30px;height:30px}.detail-send-btn,.gallery-comment-send-btn{border-radius:12px;width:40px;height:40px;margin-left:6px}.gallery-reply-indicator{padding:9px 12px;font-size:13px}.filmstrip-track{gap:10px;padding:6px 2px 10px}.filmstrip-card,.filmstrip-card-skeleton{border-radius:12px;flex:0 0 96px;max-width:96px}.gallery-comment-menu,.gallery-post-menu{border-radius:14px;width:120px;padding:8px}.gallery-comment-menu-item,.gallery-post-menu-item{border-radius:10px;padding:10px 12px;font-size:14px}.gallery-comment-edit-actions{gap:8px}.gallery-comment-edit-cancel,.gallery-comment-edit-save{border-radius:14px;min-width:80px;height:46px;font-size:15px}.gallery-detail-comment-edit-input-wrap{min-height:52px;padding:0 14px}.gallery-detail-comment-edit-input{font-size:16px}.gallery-edit-panel-overlay{justify-content:center}.gallery-edit-panel{width:100vw;height:100vh}.gallery-edit-panel-header{height:72px;padding:0 18px}.gallery-edit-panel-header h2{font-size:22px}.gallery-edit-panel-body{padding:22px 18px}.gallery-edit-label{font-size:14px}.gallery-edit-input,.gallery-edit-textarea{border-radius:18px;padding:15px 16px;font-size:16px}.gallery-edit-textarea{min-height:120px}.gallery-edit-tag-panel{padding:16px}.gallery-edit-tag-chip{padding:8px 13px;font-size:13px}.gallery-edit-panel-footer{padding:14px 18px 20px}.gallery-edit-delete-btn,.gallery-edit-save-btn{border-radius:14px;min-width:86px;height:50px;font-size:16px}.gallery-scroll-top-btn{width:44px;height:44px;font-size:20px;bottom:18px;right:18px}}@media (width<=480px){.gallery-container{padding:14px 12px 24px}.gallery-sub-header{gap:10px}.search-bar-wrapper{height:42px;padding:0 12px}.gallery-search-submit{width:32px;height:32px}.gallery-actions{gap:6px}.gallery-write-btn{height:42px;padding:0 12px;font-size:13px}.gallery-profile-btn,.gallery-tag-area-toggle-btn{width:42px;height:42px}.gallery-tag-bar-collapse.open{max-height:140px}.gallery-tag-border-chip{height:34px;padding:0 12px;font-size:12px}.masonry-grid{column-count:1}.masonry-title{font-size:12px}.gallery-detail-card{padding:8px 8px 0}.gallery-detail-image{max-height:52vh}.gallery-detail-view-info{width:fit-content;margin:0 0 8px auto;position:static}.gallery-detail-title{font-size:16px}.gallery-detail-author-avatar{width:30px;height:30px;font-size:13px}.gallery-detail-description{font-size:13px}.gallery-detail-tag-list{gap:5px}.gallery-detail-tag{padding:4px 10px;font-size:12px}.gallery-detail-comment-avatar{width:30px;height:30px}.gallery-detail-comment-author,.gallery-detail-comment-text{font-size:13px}.gallery-detail-comment-body{flex-direction:column;gap:6px}.detail-comment-more-btn{align-self:flex-end}.gallery-comment-input-image-style,.gallery-detail-comment-input-wrap{gap:6px;min-height:48px;padding:0 8px 0 14px}.gallery-detail-comment-input{height:46px;font-size:16px}.gallery-detail-comment-tools{display:none}.gallery-comment-send-btn,.detail-send-btn{border-radius:10px;width:38px;height:38px}.filmstrip-card,.filmstrip-card-skeleton{flex:0 0 82px;max-width:82px}.filmstrip-current-badge{padding:2px 8px;font-size:10px}.gallery-comment-edit-actions{flex-direction:column}.gallery-comment-edit-cancel,.gallery-comment-edit-save{width:100%}.gallery-edit-panel-header{height:64px;padding:0 14px}.gallery-edit-panel-header h2{font-size:20px}.gallery-edit-panel-body{padding:18px 14px}.gallery-edit-inline-group{margin-bottom:22px}.gallery-edit-tag-panel{padding:14px}.gallery-edit-tag-panel-title,.gallery-edit-tag-panel-subtitle,.gallery-edit-switch-row{font-size:14px}.gallery-edit-panel-footer{flex-direction:column;padding:12px 14px 18px}.gallery-edit-delete-btn,.gallery-edit-save-btn{width:100%}.gallery-scroll-top-btn{width:40px;height:40px;bottom:14px;right:14px}}@media (width<=360px){.gallery-container{padding:12px 10px 22px}.gallery-write-btn{padding:0 8px;font-size:12px}.gallery-tag-border-chip{padding:0 10px;font-size:11px}.gallery-detail-content{padding:0 4px}.gallery-detail-image{max-height:48vh}.gallery-comment-input-image-style,.gallery-detail-comment-input-wrap{padding-left:12px}.gallery-detail-comment-input{font-size:15px}.gallery-comment-send-btn,.detail-send-btn{width:36px;height:36px}.filmstrip-card,.filmstrip-card-skeleton{flex:0 0 74px;max-width:74px}}.gallery-write-page{box-sizing:border-box;background:#f8f8f6;min-height:100vh;padding:24px 56px 40px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.gallery-write-topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.search-bar-wrapper{box-sizing:border-box;background-color:#dfdfd8;border-radius:18px;flex:1;align-items:center;gap:10px;height:50px;padding:0 16px;display:flex}.gallery-search-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.gallery-search-input{color:#454545;background:0 0;border:none;outline:none;width:100%;font-size:15px;font-weight:400;line-height:1}.gallery-search-input::placeholder{color:#757575}.gallery-write-top-actions{align-items:center;gap:8px;display:flex}.gallery-profile-btn{cursor:pointer;background:#ececef;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.gallery-dropdown-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.gallery-write-shell{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid}.gallery-write-back{padding-top:14px}.gallery-write-back-link{justify-content:center;align-items:center;display:inline-flex}.gallery-write-card{background:#fff;border:1px solid #e2e2de;border-radius:18px;overflow:hidden}.gallery-write-card-header{color:#2f2f2f;border-bottom:1px solid #ecece8;align-items:center;height:58px;padding:0 26px;font-size:20px;font-weight:600;display:flex}.gallery-write-card-body{box-sizing:border-box;grid-template-columns:420px minmax(0,1fr);gap:48px;padding:32px 42px 36px;display:grid}.gallery-write-left{flex-direction:column;display:flex}.gallery-upload-box{cursor:pointer;background:#dfdfd8;border-radius:16px;justify-content:center;align-items:center;width:100%;height:500px;display:flex;overflow:hidden}.gallery-upload-box.has-preview{background:#f4f4f0}.gallery-upload-placeholder{color:#373737;flex-direction:column;align-items:center;gap:12px;display:flex}.gallery-upload-placeholder p{text-align:center;margin:0;font-size:16px;line-height:1.45}.gallery-upload-preview{object-fit:cover;width:100%;height:100%;display:block}.gallery-left-divider{background:#e8e8e4;width:100%;height:1px;margin-top:56px}.gallery-write-right{flex-direction:column;display:flex}.gallery-inline-group{margin-bottom:18px}.gallery-inline-label{color:#343434;margin-bottom:8px;font-size:15px;font-weight:600}.gallery-block-input,.gallery-block-textarea{box-sizing:border-box;color:#383838;background:#dfdfd8;border:none;border-radius:14px;outline:none;width:100%;font-size:15px}.gallery-block-input{height:84px;padding:0 18px}.gallery-block-textarea{resize:none;min-height:100px;padding:16px 18px;line-height:1.6}.gallery-tag-search-row{box-sizing:border-box;background:#b8d9c7;border-radius:999px;align-items:center;gap:8px;width:270px;height:36px;margin:18px 0 10px;padding:0 14px;display:flex}.gallery-tag-search-inline-icon{justify-content:center;align-items:center;display:flex;transform:scale(.82)}.gallery-tag-inline-input{color:#3f5447;background:0 0;border:none;outline:none;flex:1;font-size:14px}.gallery-tag-inline-input::placeholder{color:#3f5447}.gallery-tag-panel{box-sizing:border-box;background:#dfdfd8;border-radius:14px;width:100%;min-height:110px;padding:16px 18px}.gallery-tag-panel-title{color:#555;margin-bottom:10px;font-size:15px}.gallery-tag-panel-subtitle{color:#555;margin:10px 0 8px;font-size:15px}.gallery-selected-tags,.gallery-tag-list,.gallery-recommend-tags{flex-wrap:wrap;gap:8px;display:flex}.gallery-tag-list{max-height:110px;overflow-y:auto}.gallery-tag-chip{color:#4a4a4a;cursor:pointer;background:#f4f7f4;border:none;border-radius:999px;padding:7px 12px;font-size:13px}.gallery-tag-chip.selected{color:#2f6b4a;background:#dff2e8;font-weight:600}.gallery-empty-text{color:#7f7f7f;font-size:13px}.gallery-recommend-row{margin:16px 0 10px}.gallery-recommend-btn{color:#3f5447;cursor:pointer;background:#b8d9c7;border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.gallery-recommend-btn:disabled,.gallery-submit-btn:disabled{opacity:.7;cursor:not-allowed}.gallery-recommend-tags{margin-bottom:20px}.gallery-option-list{margin-top:26px}.gallery-option-row{color:#444;align-items:center;gap:10px;margin-bottom:12px;font-size:15px;display:flex}.gallery-toggle{cursor:pointer;background:#cfe7dc;border:none;border-radius:999px;width:32px;height:18px;transition:background-color .2s;position:relative}.gallery-toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.gallery-toggle.on .gallery-toggle-thumb{transform:translate(14px)}.gallery-submit-btn{color:#3f5447;cursor:pointer;background:#b8d9c7;border:none;border-radius:12px;width:110px;height:40px;margin-top:18px;font-size:16px;font-weight:700}.gallery-filter-section{background:#dfdfd8;border-radius:14px;margin-top:16px;padding:12px;transition:opacity .3s}.gallery-filter-section.disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.gallery-filter-title{color:#343434;margin:0 0 10px;font-size:14px;font-weight:600}.gallery-filter-notice{color:#7f7f7f;font-size:12px;font-weight:400}.gallery-filter-list{scrollbar-width:thin;scrollbar-color:#b8d9c7 transparent;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.gallery-filter-list::-webkit-scrollbar{height:4px}.gallery-filter-list::-webkit-scrollbar-thumb{background:#b8d9c7;border-radius:4px}.gallery-filter-item{cursor:pointer;background:#f4f4f0;border:2px solid #0000;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;padding:6px;transition:border-color .2s,transform .15s;display:flex}.gallery-filter-item:hover:not(:disabled){border-color:#b8d9c7;transform:translateY(-2px)}.gallery-filter-item.active{background:#dff2e8;border-color:#3f5447}.gallery-filter-item:disabled{cursor:not-allowed}.gallery-filter-thumb-wrapper{background:#ddd;border-radius:8px;width:250px;height:250px;overflow:hidden}.gallery-filter-thumb{object-fit:cover;width:100%;height:100%;display:block}.gallery-filter-label{color:#555;white-space:nowrap;font-size:11px;font-weight:500}.gallery-filter-item.active .gallery-filter-label{color:#3f5447;font-weight:700}@media (width<=1200px){.gallery-write-card-body{grid-template-columns:1fr;gap:28px}.gallery-upload-box{max-width:420px}}@media (width<=768px){.gallery-write-page{padding:18px 16px 28px}.gallery-write-shell{grid-template-columns:1fr}.gallery-write-back{padding-top:0}.gallery-write-card-body{padding:20px}.gallery-upload-box{height:360px}.gallery-tag-search-row{width:100%}}@media (width<=1024px){.gallery-write-page{padding:22px 28px 34px}.gallery-write-card-body{padding:28px 32px 32px}.gallery-upload-box{width:100%;max-width:460px;height:440px}.gallery-left-divider{margin-top:36px}.gallery-block-input{height:72px}}@media (width<=768px){.gallery-write-page{padding:18px 16px 28px}.gallery-write-topbar{flex-direction:column;align-items:stretch;gap:10px}.search-bar-wrapper{border-radius:14px;width:100%;height:44px}.gallery-search-input{font-size:16px}.gallery-write-top-actions{justify-content:flex-end}.gallery-profile-btn{width:44px;height:44px}.gallery-dropdown-btn{width:28px;height:28px}.gallery-write-shell{grid-template-columns:1fr;gap:10px}.gallery-write-back{padding-top:0}.gallery-write-back-link{width:40px;height:40px}.gallery-write-card{border-radius:14px}.gallery-write-card-header{height:52px;padding:0 18px;font-size:18px}.gallery-write-card-body{grid-template-columns:1fr;gap:22px;padding:20px 18px 24px}.gallery-upload-box{border-radius:14px;max-width:none;height:340px}.gallery-upload-placeholder p{font-size:14px}.gallery-left-divider{margin-top:22px}.gallery-inline-group{margin-bottom:16px}.gallery-inline-label{font-size:14px}.gallery-block-input,.gallery-block-textarea{border-radius:12px;font-size:16px}.gallery-block-input{height:58px;padding:0 14px}.gallery-block-textarea{min-height:120px;padding:14px}.gallery-tag-search-row{width:100%;height:38px;margin:14px 0 10px}.gallery-tag-panel{border-radius:12px;padding:14px}.gallery-tag-panel-title,.gallery-tag-panel-subtitle{font-size:14px}.gallery-tag-chip{padding:7px 11px;font-size:12px}.gallery-recommend-row{margin:14px 0 10px}.gallery-recommend-btn{width:100%;padding:10px 16px;font-size:14px}.gallery-option-list{margin-top:22px}.gallery-option-row{font-size:14px}.gallery-submit-btn{width:100%;height:46px;margin-top:18px;font-size:15px}.gallery-filter-thumb-wrapper{width:54px;height:54px}.gallery-filter-item{min-width:66px}}@media (width<=480px){.gallery-write-page{padding:14px 12px 24px}.gallery-write-topbar{margin-bottom:12px}.search-bar-wrapper{height:42px;padding:0 12px}.gallery-profile-btn{width:42px;height:42px}.gallery-write-card-header{height:48px;padding:0 14px;font-size:17px}.gallery-write-card-body{gap:18px;padding:16px 14px 20px}.gallery-upload-box{border-radius:12px;height:280px}.gallery-upload-placeholder{gap:10px}.gallery-upload-placeholder p{font-size:13px}.gallery-left-divider{margin-top:18px}.gallery-block-input{height:52px}.gallery-block-textarea{min-height:110px}.gallery-tag-search-row{height:36px;padding:0 12px}.gallery-tag-inline-input{font-size:13px}.gallery-tag-panel{padding:12px}.gallery-tag-list{max-height:130px}.gallery-selected-tags,.gallery-tag-list,.gallery-recommend-tags{gap:6px}.gallery-tag-chip{padding:6px 10px;font-size:11px}.gallery-option-row{align-items:flex-start;font-size:13px}.gallery-submit-btn{border-radius:10px;height:44px}.gallery-filter-thumb-wrapper{width:48px;height:48px}.gallery-filter-label{font-size:10px}}@media (width<=360px){.gallery-write-page{padding:12px 10px 22px}.gallery-write-card-body{padding:14px 12px 18px}.gallery-upload-box{height:240px}.gallery-write-card-header{font-size:16px}.gallery-block-input,.gallery-block-textarea{font-size:15px}.gallery-tag-chip{padding:6px 9px;font-size:10px}}.brand-grid-wrapper{justify-content:center;margin-top:20px;margin-bottom:50px;display:flex}.brand-grid{grid-template-columns:repeat(5,1fr);gap:12px 16px;width:100%;max-width:600px;display:grid}.brand-btn{color:#555;cursor:pointer;background-color:#f4f6f8;border:none;border-radius:30px;padding:10px 0;font-size:13px;font-weight:600;transition:all .2s ease-in-out}.brand-btn:hover{background-color:#e9ecef;transform:scale(1.05)translateY(-2px)}.brand-btn.active{color:#fff;background-color:#87d8a3;transform:scale(1.05);box-shadow:0 4px 10px #87d8a34d}.forum-table-header{border-bottom:2px solid #333;justify-content:flex-start;align-items:center;gap:18px;padding-bottom:12px;display:flex}.current-brand-title{color:#333;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.sidebar-tag-search{color:#666;cursor:pointer;justify-content:space-between;align-items:center;padding:10px;font-size:14px;display:flex}@media (width<=1024px){.brand-grid-wrapper{margin-bottom:42px}.brand-grid{grid-template-columns:repeat(4,1fr);gap:10px 12px;max-width:560px}.brand-btn{padding:10px 0;font-size:13px}}@media (width<=768px){.brand-grid-wrapper{justify-content:flex-start;width:100%;margin-top:16px;margin-bottom:32px}.brand-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:none}.brand-btn{border-radius:24px;padding:10px 8px;font-size:12px}.brand-btn:hover,.brand-btn.active{transform:none}.forum-table-header{flex-wrap:wrap;gap:10px;padding-bottom:10px}.current-brand-title{font-size:18px}.sidebar-tag-search{padding:10px 4px;font-size:13px}.comm-sidebar{position:static;top:auto}}@media (width<=480px){.brand-grid-wrapper{margin-top:12px;margin-bottom:26px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:8px}.brand-btn{padding:9px 6px;font-size:12px}.forum-table-header{align-items:flex-start}.current-brand-title{font-size:17px;line-height:1.4}.sidebar-tag-search{font-size:12px}}@media (width<=360px){.brand-grid{gap:7px}.brand-btn{padding:8px 4px;font-size:11px}.current-brand-title{font-size:16px}}.post-nav-buttons{justify-content:flex-end;gap:10px;margin-bottom:15px;display:flex}.nav-btn{color:#333;cursor:pointer;background-color:#f8f9fa;border:1px solid #e5e5e5;border-radius:6px;padding:6px 14px;font-size:14px;transition:background-color .2s}.nav-btn:hover{background-color:#e9ecef}.list-btn{font-weight:700}.post-detail-box{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000005}.post-category{color:#00bfa5;margin-bottom:15px;font-size:14px}.post-title{color:#111;margin-top:0;margin-bottom:25px;font-size:24px;font-weight:700}.post-author-info{align-items:center;gap:15px;margin-bottom:20px;display:flex}.author-avatar{background-color:#f1f3f5;border:2px solid #9e9e9e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.author-details{flex-direction:column;gap:5px;display:flex}.author-name-row{align-items:center;gap:8px;display:flex}.author-name{color:#333;font-size:16px;font-weight:600}.subscribe-btn,.chat-btn{color:#555;cursor:pointer;background-color:#e9ecef;border:none;border-radius:12px;padding:3px 8px;font-size:12px}.author-meta{color:#888;gap:15px;font-size:13px;display:flex}.post-divider{border:0;border-top:1px solid #f1f3f5;margin:30px 0}.post-body{color:#333;white-space:pre-wrap;min-height:200px;font-size:16px;line-height:1.8}.post-footer-actions{border-bottom:1px solid #111;justify-content:space-between;align-items:center;margin-top:40px;padding-bottom:20px;display:flex}.more-posts-link{color:#555;cursor:pointer;font-size:14px}.author-name-bold{color:#111;font-weight:700}.like-comment-count{color:#333;gap:20px;font-size:15px;font-weight:500;display:flex}.post-like-btn{cursor:pointer;transition:transform .1s}.post-like-btn.liked{color:#fa5252;font-weight:700}.comments-section{padding-top:20px}.comment-item{border-bottom:1px solid #f1f3f5;gap:15px;padding:20px 0;display:flex}.comment-avatar{background-color:#e9ecef;border:2px solid #9e9e9e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.comment-content{flex:1}.comment-author{color:#333;align-items:center;margin-bottom:5px;font-size:14px;font-weight:600;display:flex}.comment-text{color:#444;margin-bottom:8px;font-size:14px;line-height:1.5}.comment-date{color:#999;font-size:12px}.comment-actions{color:#888;gap:12px;margin-top:8px;font-size:12px;display:flex}.action-btn{cursor:pointer;color:#888;background:0 0;border:none;padding:0}.action-btn:hover{color:#333;font-weight:600}.action-btn.delete{color:#e03131}.replies-container{border-left:2px solid #f1f3f5;margin-top:15px;margin-left:50px;padding-left:15px}.reply-item{gap:12px;margin-top:15px;display:flex}.reply-avatar{background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.edit-input-box{gap:10px;margin-top:10px;display:flex}.edit-input-box input{border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit}.edit-btn{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:6px;padding:6px 12px}.cancel-btn{color:#333;cursor:pointer;background-color:#f1f3f5;border:none;border-radius:6px;padding:6px 12px}.comment-input-box{border:1px solid #e5e5e5;border-radius:8px;margin-top:30px;padding:15px}.comment-input-author{color:#333;margin-bottom:10px;font-size:14px;font-weight:600}.comment-input-box textarea{resize:none;border:none;outline:none;width:100%;min-height:60px;font-family:inherit;font-size:14px}.comment-input-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.comment-icons{color:#888;cursor:pointer;letter-spacing:5px;font-size:20px}.submit-comment-btn{color:#888;cursor:pointer;background:0 0;border:none;font-weight:700}.comm-sidebar{align-self:flex-start;position:sticky;top:90px}@media (width<=1024px){.post-detail-box{padding:32px}.post-title{font-size:22px}.post-body{font-size:15px}.replies-container{margin-left:36px}}@media (width<=768px){.post-nav-buttons{flex-wrap:wrap;justify-content:flex-start;gap:8px}.nav-btn{padding:7px 12px;font-size:13px}.post-detail-box{border-radius:10px;padding:24px 18px}.post-category{margin-bottom:12px;font-size:13px}.post-title{margin-bottom:20px;font-size:20px;line-height:1.4}.post-author-info{align-items:flex-start;gap:12px}.author-avatar{flex-shrink:0;width:42px;height:42px;font-size:20px}.author-details{flex:1;min-width:0}.author-name-row{flex-wrap:wrap;gap:6px}.author-name{font-size:15px}.subscribe-btn,.chat-btn{padding:3px 7px;font-size:11px}.author-meta{flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.4}.post-divider{margin:24px 0}.post-body{word-break:break-word;min-height:160px;font-size:15px;line-height:1.75}.post-footer-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}.like-comment-count{gap:16px;font-size:14px}.comment-item{gap:12px;padding:18px 0}.comment-avatar{flex-shrink:0;width:36px;height:36px}.comment-content{min-width:0}.comment-author{flex-wrap:wrap;gap:4px}.comment-text{word-break:break-word;font-size:14px}.comment-actions{flex-wrap:wrap;gap:10px}.comment-input-box{margin-top:24px;padding:14px}.comment-input-box textarea{font-size:16px}.comment-input-bottom{gap:10px}.comment-icons{letter-spacing:3px;font-size:18px}.replies-container{margin-left:18px;padding-left:12px}.reply-item{gap:10px}.reply-avatar{flex-shrink:0;width:30px;height:30px}.edit-input-box{flex-direction:column;gap:8px}.edit-input-box input{box-sizing:border-box;width:100%;font-size:16px}.edit-btn,.cancel-btn{width:100%;padding:9px 12px}.comm-sidebar{position:static;top:auto}}@media (width<=480px){.post-detail-box{border-radius:8px;padding:20px 14px}.post-nav-buttons{margin-bottom:12px}.nav-btn{flex:1;min-width:80px;padding:8px 10px;font-size:12px}.post-title{margin-bottom:18px;font-size:18px}.post-author-info{gap:10px}.author-avatar{width:38px;height:38px;font-size:18px}.author-name{font-size:14px}.author-meta{font-size:11px}.post-body{font-size:14px;line-height:1.7}.post-footer-actions{margin-top:28px;padding-bottom:16px}.more-posts-link{font-size:13px}.like-comment-count{justify-content:space-between;width:100%;font-size:13px}.comments-section{padding-top:16px}.comment-item{gap:10px;padding:16px 0}.comment-avatar{width:32px;height:32px}.comment-author,.comment-text{font-size:13px}.comment-date,.comment-actions{font-size:11px}.comment-input-box{padding:12px}.comment-input-bottom{flex-direction:column;align-items:stretch}.comment-icons{display:none}.submit-comment-btn{background:#f1f3f5;border-radius:6px;width:100%;padding:10px}.replies-container{margin-left:8px;padding-left:10px}.reply-item{gap:8px}.reply-avatar{width:28px;height:28px}}@media (width<=360px){.post-detail-box{padding:18px 12px}.post-title{font-size:17px}.nav-btn{min-width:72px;font-size:11px}.author-name-row{align-items:flex-start}.subscribe-btn,.chat-btn{font-size:10px}.replies-container{margin-left:0}}.study-container{background-color:#fcfcf9;flex-direction:column;min-height:100vh;font-family:Pretendard,-apple-system,sans-serif;display:flex}.study-main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 20px 80px;display:flex}.study-profile-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;min-width:500px;margin-bottom:40px;padding:32px 80px;display:flex;box-shadow:0 4px 20px #00000012}.study-profile-image-wrapper{border:4px solid #00bfa5;border-radius:50%;flex-shrink:0;width:110px;height:110px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.study-profile-image{object-fit:cover;width:100%;height:100%}.study-profile-nickname-row{align-items:center;gap:10px;display:flex}.study-level-badge{color:#fff;background:#00bfa5;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:700}.study-nickname{color:#333;font-size:22px;font-weight:700}.study-xp-bar-track{background:#e0e0e0;border-radius:999px;width:320px;height:12px;overflow:hidden}.study-xp-bar-fill{background:#00bfa5;border-radius:999px;height:100%;transition:width .4s}.study-xp-text{color:#888;font-size:14px;font-weight:500}.study-title{color:#333;margin-bottom:50px;font-size:32px;font-weight:700}.study-cards-wrapper{gap:30px;display:flex}.study-card{color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;align-items:center;width:396px;height:320px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.study-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.study-card-title{margin-top:40px;margin-bottom:20px;font-size:18px;font-weight:600}.study-card-image{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.floor-img{z-index:1;width:100%;height:auto;display:block;position:absolute;bottom:0;left:0}.character-img{z-index:2;width:auto;max-height:200px;margin-bottom:25px;position:relative}@media (width<=1024px){.study-main-content{padding:24px 24px 70px}.study-profile-card{min-width:420px;padding:28px 60px}.study-title{margin-bottom:40px;font-size:30px}.study-cards-wrapper{gap:20px}.study-card{width:340px;height:300px}.character-img{max-height:180px;margin-bottom:22px}}@media (width<=768px){.study-main-content{justify-content:flex-start;padding:32px 18px 64px}.study-profile-card{min-width:unset;width:100%;max-width:360px;padding:24px 28px}.study-profile-image-wrapper{width:90px;height:90px}.study-nickname{font-size:18px}.study-xp-bar-track{width:100%;max-width:280px}.study-title{text-align:center;margin-bottom:30px;font-size:26px}.study-cards-wrapper{flex-direction:column;align-items:center;gap:18px;width:100%}.study-card{width:100%;max-width:396px;height:280px}.study-card-title{margin-top:30px;margin-bottom:16px;font-size:17px}.character-img{max-height:165px;margin-bottom:20px}}@media (width<=480px){.study-main-content{padding:28px 14px 56px}.study-profile-card{min-width:unset;padding:20px 24px}.study-profile-image-wrapper{width:80px;height:80px}.study-level-badge{padding:3px 9px;font-size:12px}.study-nickname{font-size:16px}.study-xp-bar-track{width:240px;max-width:100%}.study-xp-text{font-size:12px}.study-title{margin-bottom:24px;font-size:24px}.study-card{border-radius:12px;height:250px}.study-card-title{margin-top:24px;margin-bottom:12px;font-size:16px}.character-img{max-height:140px;margin-bottom:18px}}@media (width<=360px){.study-main-content{padding-left:12px;padding-right:12px}.study-profile-card{min-width:unset;width:100%;padding:16px 20px}.study-profile-image-wrapper{width:70px;height:70px}.study-nickname{font-size:15px}.study-level-badge{padding:3px 8px;font-size:11px}.study-title{font-size:22px}.study-card{height:230px}.character-img{max-height:125px;margin-bottom:16px}}.step-container{background-color:#f8f9fa;height:100vh;min-height:100vh;font-family:Pretendard,-apple-system,sans-serif;overflow:hidden}.roadmap-main-content{align-items:flex-start;gap:30px;max-width:1400px;height:100%;margin:0 auto;padding:30px 20px;display:flex}.roadmap-left-column{flex-direction:column;flex:4;height:calc(100vh - 60px);display:flex}.category-selector{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:0 20px 24px;display:flex}.category-tab{color:#666;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.category-tab:hover{color:#7bc9a5;background:#f0fdf4;border-color:#7bc9a5}.category-tab.active{color:#fff;background:#7bc9a5;border-color:#7bc9a5;box-shadow:0 4px 10px #7bc9a54d}.roadmap-sidebar{flex-direction:column;flex:1;align-items:center;width:100%;padding-top:10px;padding-bottom:50px;padding-right:10px;display:flex;overflow:hidden auto}.timeline-node.locked{cursor:not-allowed;opacity:.6}.timeline-node .node-hexagon.completed{background-color:#b8a1f8}.timeline-node .node-hexagon.locked{background-color:#dcdcdc}.node-title{color:#666;text-align:center;font-size:15px;font-weight:500}.roadmap-detail-section{scroll-behavior:smooth;flex:6;height:calc(100vh - 60px);padding-right:15px;overflow:hidden auto}.roadmap-detail-section::-webkit-scrollbar{width:6px}.roadmap-detail-section::-webkit-scrollbar-thumb{background-color:#e5e8eb;border-radius:4px}.mission-list-container{flex-direction:column;gap:20px;padding-bottom:60px;display:flex}.detail-card.active-card{border-width:2px;box-shadow:0 6px 20px #0000000f}.detail-card.border-gray{opacity:.8;background-color:#fafafa;border:1px solid #ddd;box-shadow:0 2px 6px #00000005}.detail-body{text-align:left;padding:16px 20px}.lesson-header-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lesson-badges{align-items:center;gap:8px;display:flex}.lesson-locked-badge{color:#777;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lesson-type-badge,.lesson-xp-badge{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800}.lesson-type-badge{color:#666;background-color:#f4f5f7}.lesson-xp-badge.gray{color:#777;background-color:#f0f0f0}.lesson-start-btn:active{transform:scale(.98)}.lesson-start-btn.btn-gray{color:#777;cursor:not-allowed;background-color:#dcdcdc;font-size:18px;transform:none}.lesson-start-btn.btn-green:hover:not(.btn-gray){background-color:#61b18d}.lesson-start-btn.btn-purple:hover:not(.btn-gray){background-color:#a48df0}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:8px;max-width:90%;padding:40px;box-shadow:0 10px 30px #0000001a}.step-quiz-modal{border:8px solid #e2f4e8;width:600px}.quiz-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-category-label{color:#87d8a3;font-size:14px;font-weight:600}.quiz-question{color:#333;margin:0 0 24px;font-size:18px;font-weight:600;line-height:1.7}.quiz-image{object-fit:contain;background:#f8faf8;border-radius:6px;width:100%;max-height:260px;margin-bottom:20px;display:block}.quiz-choices{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quiz-choices li{list-style:none}.quiz-choice-item{color:#333;text-align:left;cursor:pointer;background:#fff;border:1px solid #e8f8f0;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.quiz-choice-item:hover:not(:disabled),.choice-selected{background:#f6fff9;border-color:#8fd3b2;box-shadow:0 0 0 1px #8fd3b2}.quiz-choice-item:disabled{cursor:default}.choice-num{color:#87d8a3;background:#e2f4e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.short-answer-hint{color:#999;margin:0;font-size:14px;font-style:italic}.short-answer-input{box-sizing:border-box;color:#333;border:1px solid #d9eadf;border-radius:6px;outline:none;width:100%;padding:13px 14px;font-size:15px}.short-answer-input:focus{border-color:#8fd3b2;box-shadow:0 0 0 2px #8fd3b233}.quiz-result{border-top:1px solid #e8f8f0;margin-top:24px;padding-top:20px}.quiz-result-title{margin:0 0 10px;font-size:18px;font-weight:800}.result-correct{color:#2f9e63}.result-wrong{color:#e05243}.quiz-commentary{color:#777;margin:0;font-size:14px;line-height:1.7}.quiz-error{text-align:center;color:#f08070;padding:20px 0}.modal-loading-area{color:#333;flex-direction:column;justify-content:center;align-items:center;padding:40px;font-size:16px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-footer{justify-content:center;gap:12px;margin-top:30px;display:flex}.btn-cancel{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 24px;font-size:15px;font-weight:700}.btn-submit{cursor:pointer;color:#fff;background:#8fd3b2;border:1px solid #8fd3b2;border-radius:4px;padding:10px 28px;font-size:15px;font-weight:700}.btn-submit:disabled{cursor:default;opacity:.55}@media (width<=768px){.roadmap-main-content{flex-direction:column;gap:20px;height:auto;padding:20px 16px}.roadmap-left-column{border-bottom:2px solid #eaeaea;width:100%;height:auto;position:relative;top:0}.category-selector{justify-content:center;padding:0 10px 16px}.category-tab{padding:6px 12px;font-size:13px}.roadmap-sidebar{height:auto;max-height:250px;margin-bottom:10px;padding-right:0;overflow-y:auto}.timeline-node.zigzag-left{transform:translate(-10px)}.timeline-node.zigzag-right{transform:translate(10px)}.roadmap-detail-section{width:100%;height:auto;padding-right:0;position:relative;top:0;overflow-y:visible}.lesson-header-row{flex-direction:column;align-items:flex-start;gap:10px}.detail-body{padding:24px 20px}.lesson-title{font-size:18px}.lesson-info-row{gap:8px}.lesson-level-badge,.lesson-type-badge,.lesson-xp-badge{padding:6px 12px;font-size:13px}}.mission-container{background-color:#f8f9fa;min-height:100vh;font-family:Pretendard,-apple-system,sans-serif;overflow-x:hidden}.roadmap-main-content{align-items:flex-start;gap:30px;max-width:1400px;margin:0 auto;padding:40px 20px;display:flex}.roadmap-left-column{flex-direction:column;flex:4;height:calc(100vh - 80px);display:flex;position:sticky;top:60px}.sidebar-top-actions{flex-shrink:0;justify-content:flex-start;width:100%;padding-bottom:20px;padding-left:20px;display:flex}.roadmap-back-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:16px;font-weight:700;transition:color .2s,transform .2s;display:flex}.roadmap-back-btn:hover{color:#333;transform:translate(-4px)}.roadmap-sidebar{flex-direction:column;flex:1;align-items:center;width:100%;padding-top:10px;padding-right:10px;display:flex;overflow:hidden auto}.roadmap-sidebar::-webkit-scrollbar{width:6px}.roadmap-sidebar::-webkit-scrollbar-thumb{background-color:#e5e8eb;border-radius:4px}.timeline-container{flex-direction:column;align-items:center;width:100%;display:flex}.timeline-node{cursor:pointer;flex-direction:column;align-items:center;width:100%;margin-bottom:35px;transition:transform .3s;display:flex;position:relative}.timeline-node.zigzag-left{transform:translate(-20px)}.timeline-node.zigzag-right{transform:translate(20px)}.node-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#e5e8eb;justify-content:center;align-items:center;width:80px;height:92px;margin-bottom:12px;transition:all .2s;display:flex}.hexagon-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-color:#fff;justify-content:center;align-items:center;width:72px;height:82px;display:flex}.node-number{color:#888;font-size:26px;font-weight:800}.timeline-node.active .node-hexagon{background-color:#7bc9a5}.timeline-node.active .node-number{color:#7bc9a5}.node-title.bold{color:#222;font-weight:800}.node-title{color:#666;font-size:15px;font-weight:500}.node-line{z-index:0;border-left:2px dashed #d1d5db;width:2px;height:35px;transition:all .3s;position:absolute;top:92px;left:50%}.node-line.zigzag-left{transform:translate(calc(20px - 50%))}.node-line.zigzag-right{transform:translate(calc(-50% - 20px))}.node-line.completed{border-left:2px solid #7bc9a5}.active-connector{z-index:-1;border-top:2px dashed #7bc9a5;transition:all .3s;position:absolute;top:46px;right:0}.active-connector.zigzag-left{left:calc(50% + 20px)}.active-connector.zigzag-right{left:calc(50% - 20px)}.roadmap-detail-section{z-index:10;flex:6;position:sticky;top:60px}.detail-card{background:#fff;border-radius:12px;padding:0;transition:border .3s,box-shadow .3s;overflow:hidden}.detail-card.border-green{border:1px solid #7bc9a5;box-shadow:0 8px 30px #7bc9a51a}.detail-card.border-purple{border:1px solid #b8a1f8;box-shadow:0 8px 30px #b8a1f826}.detail-body{padding:40px}.lesson-title{color:#222;margin:0 0 10px;font-size:28px;font-weight:800}.lesson-info-row{align-items:center;gap:12px;margin-bottom:30px;display:flex}.lesson-level-badge{border-radius:20px;margin:0;padding:6px 16px;font-size:14px;font-weight:800}.lesson-level-badge.green{color:#7bc9a5;background:#eefaf2}.lesson-level-badge.purple{color:#9275f0;background:#f4f0ff}.lesson-xp-badge{border-radius:20px;margin:0;padding:6px 14px;font-size:14px;font-weight:800;display:inline-block}.lesson-xp-badge.green{color:#7bc9a5;background:#eefaf2}.lesson-xp-badge.purple{color:#9275f0;background:#f4f0ff}.lesson-sample-image{background:#f4f5f7;border:1px solid #eaeaea;border-radius:12px;width:100%;height:380px;margin-bottom:30px;overflow:hidden}.lesson-sample-image img{object-fit:cover;width:100%;height:100%}.lesson-start-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:18px;font-size:18px;font-weight:800;transition:background-color .2s}.lesson-start-btn.btn-green{background-color:#7bc9a5}.lesson-start-btn.btn-green:hover{background-color:#61b18d}.lesson-start-btn.btn-purple{background-color:#b8a1f8}.lesson-start-btn.btn-purple:hover{background-color:#a48df0}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;background-color:#fff;border:12px solid #e2f4e8;border-radius:8px;width:800px;max-width:90%;padding:40px;box-shadow:0 10px 30px #0000001a}.modal-title{color:#333;margin-top:0;margin-bottom:30px;font-size:24px;font-weight:700}.modal-body{align-items:center;gap:30px;margin-bottom:40px;display:flex}.modal-left,.modal-right{flex:1}.modal-left{align-items:flex-start;max-height:300px;display:flex}.modal-image{object-fit:contain;background:#f5f5f5;border-radius:4px;width:100%;height:auto;max-height:300px;display:block}.modal-upload-area{color:#333;cursor:pointer;background-color:#e6e5e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;line-height:1.5;display:flex}.upload-icon{border:1px solid #333;border-radius:50%;width:30px;height:30px;margin-bottom:10px;font-size:24px;line-height:26px;display:inline-block}.modal-right{text-align:left;color:#333;font-size:15px;line-height:1.6}.modal-footer{justify-content:center;gap:15px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:700}.btn-cancel{color:#333;background-color:#fff;border:1px solid #ff7b7b}.btn-submit{color:#333;background-color:#e2f4e8;border:none}.modal-loading-area{color:#333;flex-direction:column;justify-content:center;align-items:center;height:250px;font-size:18px;font-weight:700;display:flex}.spinner{border:5px solid #e2f4e8;border-top-color:#87d8a3;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.preview-container{cursor:pointer;width:100%;height:100%;position:relative}.preview-overlay{color:#fff;opacity:0;background:#00000080;border-radius:4px;justify-content:center;align-items:center;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview-container:hover .preview-overlay{opacity:1}.result-img{border-radius:8px}.result-content{flex-direction:column;justify-content:center;height:100%;display:flex}.result-username{color:#666;margin-bottom:10px;font-size:14px}.score-bar-container{background-color:#fff;border:2px solid #87d8a3;border-radius:14px;width:100%;height:28px;margin-bottom:20px;overflow:hidden}.score-bar-fill{background-color:#87d8a3;align-items:center;height:100%;transition:width 1s ease-in-out;display:flex}.score-text{color:#fff;padding-left:12px;font-size:14px;font-weight:700}.result-feedback{color:#333;text-align:center;font-size:18px;font-weight:700}.photo-level-badge{color:#666;background-color:#f0f0f0;border-radius:12px;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.photo-theme-label{color:#87d8a3;background:#f0faf5;border-radius:12px;margin-bottom:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pass-score-hint{color:#87d8a3;margin-top:12px;font-size:13px;font-weight:600}.result-verdict{text-align:center;margin:0 0 12px;font-size:22px;font-weight:800}.verdict-pass{color:#87d8a3}.verdict-fail{color:#f08070}.result-xp-gained{color:#00bfa5;text-align:center;margin:4px 0 12px;font-size:16px;font-weight:700}.photo-content-text{color:#333;margin:8px 0 12px;font-size:15px;line-height:1.7}.photo-guide-text{color:#666;background:#f8f8f8;border-left:3px solid #87d8a3;border-radius:0 4px 4px 0;margin:0 0 8px;padding:8px 12px;font-size:13px;line-height:1.6}.mission-detail-page{max-width:900px;margin:0 auto;padding:40px 20px 72px}.mission-page-panel{margin:0 auto}.mission-back-btn{color:#4e5a53;cursor:pointer;background:#fff;border:1px solid #d9eadf;border-radius:6px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:700}.mission-back-btn:hover{background:#f6fff9}