@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#202124;font-synthesis:none;--green:#0fa36b;--green-dark:#078052;--green-soft:#eaf8f2;--text:#202124;--muted:#6b737b;--line:#e5e8eb;--surface:#fff;--canvas:#f5f6f7;background:#f5f6f7;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #0fa36b4d}.app-shell{min-height:100vh}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;height:66px;position:sticky;top:0}.header-inner{align-items:center;gap:42px;width:min(1180px,100% - 40px);height:100%;margin:0 auto;display:flex}.wordmark{letter-spacing:-.04em;background:0 0;border:0;align-items:center;gap:9px;padding:0;font:700 20px Inter,sans-serif;display:flex}.wordmark span,.hero-logo>span{background:var(--green);color:#fff;place-items:center;font-family:Inter,sans-serif;font-weight:800;display:grid}.wordmark span{border-radius:9px;width:32px;height:32px;font-size:17px}.site-header nav{align-items:stretch;gap:28px;height:100%;display:flex}.site-header nav button{color:#596169;background:0 0;border:0;padding:0 2px;font-size:14px;font-weight:600;position:relative}.site-header nav button.current{color:var(--text)}.site-header nav button.current:after{content:"";background:var(--green);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.language-button,.write-button{border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:600;display:flex}.language-button{border:1px solid var(--line);background:#fff}.write-button{border:1px solid var(--green);background:var(--green);color:#fff}.write-button:hover{background:var(--green-dark)}.search-hero{text-align:center;border-bottom:1px solid var(--line);background:#fff;padding:70px 20px 62px}.hero-logo{text-align:left;align-items:center;gap:12px;display:inline-flex}.hero-logo>span{border-radius:14px;width:48px;height:48px;font-size:25px}.hero-logo div{display:grid}.hero-logo strong{letter-spacing:-.045em;font:700 24px Inter,sans-serif}.hero-logo small{color:var(--muted);margin-top:3px;font-size:11px}.search-hero h1{letter-spacing:-.05em;margin:30px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.25}.search-hero>p{color:var(--muted);margin:0;font-size:15px}.main-search{border:2px solid var(--green);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:12px;width:min(680px,100%);height:58px;margin:32px auto 17px;padding:0 7px 0 19px;display:flex;box-shadow:0 5px 18px #0fa36b1a}.main-search svg{color:var(--green);flex:none}.main-search input{min-width:0;color:var(--text);border:0;outline:0;flex:1;font-size:16px}.main-search input::placeholder{color:#a2a8ad}.main-search button{background:var(--green);color:#fff;border:0;border-radius:12px;height:42px;padding:0 20px;font-weight:700}.quick-topics{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.quick-topics span{color:#8b9298;margin-right:4px;font-size:12px}.quick-topics button{color:#53616a;background:0 0;border:0;padding:5px 7px;font-size:12px}.quick-topics button:hover{color:var(--green-dark);text-decoration:underline}.home-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;width:min(1180px,100% - 40px);margin:32px auto 80px;display:grid}.feed-column{min-width:0}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:19px;display:flex}.section-head h2{letter-spacing:-.035em;margin:0 0 5px;font-size:22px}.section-head p{color:var(--muted);margin:0;font-size:13px}.text-link{color:var(--green-dark);background:0 0;border:0;align-items:center;gap:1px;padding:5px 0;font-size:13px;font-weight:700;display:flex}.topic-tabs{border:1px solid var(--line);background:#fff;border-radius:12px 12px 0 0;gap:4px;padding:5px;display:flex;overflow-x:auto}.topic-tabs button{color:#667078;background:0 0;border:0;border-radius:8px;flex:none;padding:9px 15px;font-size:13px;font-weight:600}.topic-tabs button.active{background:var(--green-soft);color:var(--green-dark)}.feed-list{gap:13px;padding-top:13px;display:grid}.feed-loading,.feed-empty{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:12px;padding:50px 20px;font-size:14px}.feed-empty{justify-items:center;gap:8px;display:grid}.feed-empty svg{color:#a3aaa5}.feed-empty strong{color:var(--text)}.feed-empty span{font-size:13px}.post-card{border:1px solid var(--line);background:#fff;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.post-card:hover{border-color:#ccd3d0;box-shadow:0 6px 20px #1e2d260f}.post-header{align-items:center;gap:11px;padding:20px 22px 0;display:flex}.post-avatar{background:#f2f4f5;border-radius:50%;place-items:center;width:39px;height:39px;font-size:21px;display:grid}.post-header>div:nth-child(2){min-width:0;display:grid}.post-header strong{font-size:13px}.post-header span{color:#8a9298;margin-top:2px;font-size:11px}.more-button{color:#8b9297;letter-spacing:2px;background:0 0;border:0;margin-left:auto;padding:7px}.post-content{letter-spacing:-.025em;word-break:keep-all;margin:21px 22px 17px;font-size:18px;font-weight:500;line-height:1.75}.translation-bar{background:#f6f8f7;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;margin:0 22px 14px;padding:7px 8px 7px 13px;display:flex}.translation-bar div{color:#68726c;align-items:center;gap:7px;font-size:12px;display:flex}.translation-bar svg{color:var(--green)}.translation-bar button{color:var(--green-dark);background:#fff;border:1px solid #cfe8dc;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700}.post-tags{gap:7px;margin:0 22px 20px;display:flex}.post-tags span{color:#728078;font-size:11px}.reaction-bar{border-top:1px solid #eef0f1;grid-template-columns:repeat(3,1fr);display:grid}.reaction-bar button{color:#626b72;background:#fff;border:0;border-right:1px solid #eef0f1;padding:12px 8px;font-size:12px}.reaction-bar button:last-child{border-right:0}.reaction-bar button:hover{color:var(--green-dark);background:#fafbfb}.reaction-bar b{color:#a3a9ad;margin-left:3px;font-weight:500}.side-column{gap:14px;display:grid}.side-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.side-title{justify-content:space-between;align-items:center;padding:19px 18px 13px;display:flex}.side-title h3{margin:0;font-size:15px}.side-title button{color:#8a9297;background:0 0;border:0;align-items:center;padding:0;font-size:11px;display:flex}.country-row{text-align:left;background:#fff;border:0;border-top:1px solid #f0f2f3;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:8px;width:100%;padding:12px 17px;display:grid}.country-row:hover{background:#fafcfb}.country-row>span{font-size:20px}.country-row strong{font-size:13px}.country-row small{color:#a0a7ac;font:600 10px Inter,sans-serif}.country-row svg{color:#b1b7bb}.trending-card{padding-bottom:10px}.trending-card>button{text-align:left;background:#fff;border:0;align-items:flex-start;gap:12px;width:100%;padding:10px 18px;display:flex}.trending-card>button:hover span{text-decoration:underline}.trending-card b{min-width:17px;color:var(--green);font:700 14px Inter,sans-serif}.trending-card span{font-size:13px;line-height:1.5}.privacy-banner{background:var(--green-soft);text-align:left;border:1px solid #cfe8dc;border-radius:14px;grid-template-columns:39px 1fr 18px;align-items:center;gap:11px;width:100%;padding:16px;display:grid}.privacy-banner>span{width:39px;height:39px;color:var(--green);background:#fff;border-radius:11px;place-items:center;display:grid}.privacy-banner div{gap:3px;display:grid}.privacy-banner strong{font-size:13px}.privacy-banner small{color:#648073;font-size:10px}.privacy-banner>svg{color:#78a08d}.site-footer{border-top:1px solid var(--line);color:#8a9297;background:#fff;justify-content:space-between;align-items:center;gap:30px;min-height:110px;padding:25px max(20px,50% - 590px);font-size:12px;display:flex}.site-footer>div{align-items:center;gap:18px;display:flex}.site-footer button{color:#606970;background:0 0;border:0;padding:0}.footer-brand{font:700 17px Inter,sans-serif;color:var(--green-dark)!important}.mobile-nav{display:none}.subpage{width:min(820px,100% - 40px);min-height:calc(100vh - 176px);margin:0 auto;padding:58px 0 90px}.page-header{margin-bottom:28px}.page-header h1{letter-spacing:-.045em;margin:0 0 10px;font-size:30px}.page-header p{color:var(--muted);margin:0;font-size:14px}.write-form{border:1px solid var(--line);background:#fff;border-radius:16px;padding:27px}.write-form label{gap:8px;display:grid}.write-form label>span{font-size:13px;font-weight:700}.content-field{position:relative}.write-form textarea,.write-form select{width:100%;color:var(--text);background:#fff;border:1px solid #d9dde0;border-radius:10px}.write-form textarea{resize:vertical;min-height:230px;padding:16px;font-size:15px;line-height:1.7}.content-field small{color:#9ba2a7;font-size:10px;position:absolute;bottom:10px;right:12px}.select-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px;display:grid}.write-form select{height:46px;padding:0 11px;font-size:13px}.safe-notice{background:var(--green-soft);color:var(--green-dark);border-radius:10px;align-items:center;gap:12px;margin-top:21px;padding:14px;display:flex}.safe-notice>div{gap:3px;display:grid}.safe-notice strong{font-size:12px}.safe-notice span{color:#5e766a;font-size:11px}.form-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.cancel-button,.submit-button{border-radius:9px;min-height:43px;padding:0 18px;font-size:13px;font-weight:700}.cancel-button{border:1px solid var(--line);background:#fff}.submit-button{border:1px solid var(--green);background:var(--green);color:#fff}.submit-button:hover{background:var(--green-dark)}.submit-button:disabled{opacity:.55}.compare-card,.recovery-card,.identity-empty{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.compare-question{border-bottom:1px solid var(--line);background:var(--green-soft);padding:24px}.compare-question span{color:var(--green-dark);font-size:11px;font-weight:700}.compare-question h2{margin:7px 0 0;font-size:20px}.compare-row{border-bottom:1px solid #eef0f1;grid-template-columns:42px 110px 1fr auto;align-items:center;min-height:72px;padding:0 22px;display:grid}.compare-row:last-child{border-bottom:0}.compare-flag{font-size:23px}.compare-row strong{font-size:13px}.compare-row b{font-size:14px}.compare-row small{color:#8b9297;font-size:11px}.recovery-card,.identity-empty{padding:34px}.recovery-card{text-align:center;justify-items:center;display:grid}.recovery-icon{background:var(--green-soft);width:58px;height:58px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.recovery-card>span{color:var(--muted);font-size:12px}.recovery-card>strong{overflow-wrap:anywhere;margin:12px 0;font:600 clamp(17px,3vw,25px) Inter,sans-serif}.recovery-card p,.identity-empty p{color:var(--muted);margin:0;font-size:12px}.identity-empty{text-align:center}.identity-empty>svg{color:var(--green)}.identity-empty h2{margin:12px 0 7px;font-size:18px}.identity-empty .submit-button{margin-top:20px}.privacy-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.privacy-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.privacy-grid span{background:var(--green-soft);width:30px;height:30px;color:var(--green-dark);border-radius:9px;place-items:center;font:700 12px Inter,sans-serif;display:grid}.privacy-grid h2{margin:34px 0 10px;font-size:17px}.privacy-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}@media (width<=900px){.site-header nav{display:none}.home-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=720px){body{padding-bottom:62px}.site-header{height:58px}.header-inner{width:calc(100% - 28px)}.wordmark{font-size:18px}.wordmark span{border-radius:8px;width:29px;height:29px;font-size:15px}.language-button,.write-button{display:none}.search-hero{padding:38px 16px 35px}.hero-logo>span{border-radius:12px;width:41px;height:41px;font-size:21px}.hero-logo strong{font-size:21px}.search-hero h1{margin-top:24px;font-size:28px}.search-hero>p{max-width:330px;margin:0 auto;font-size:13px;line-height:1.65}.main-search{border-radius:16px;height:53px;margin-top:25px;padding-left:15px}.main-search input{font-size:14px}.main-search button{height:39px;padding:0 14px}.quick-topics{justify-content:flex-start;max-width:390px;margin:0 auto}.quick-topics span{width:100%;margin:0 0 2px}.home-layout{grid-template-columns:1fr;width:calc(100% - 24px);margin-top:24px}.side-column{grid-row:1;grid-template-columns:1fr}.country-card,.trending-card{display:none}.privacy-banner{border-radius:12px}.section-head{align-items:flex-start}.section-head h2{font-size:19px}.section-head p{max-width:240px;line-height:1.55}.text-link{display:none}.topic-tabs{border-left:0;border-right:0;border-radius:0;margin:0 -12px}.feed-list{gap:10px}.post-card{border-radius:12px}.post-header{padding:17px 17px 0}.post-content{margin:18px 17px 14px;font-size:16px}.translation-bar{margin:0 17px 13px}.post-tags{margin:0 17px 17px}.reaction-bar button{font-size:11px}.site-footer{display:none}.mobile-nav{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;grid-template-columns:repeat(5,1fr);align-items:center;height:62px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7a8389;background:0 0;border:0;height:100%;font-size:10px;font-weight:600}.mobile-nav button.current{color:var(--green-dark)}.mobile-nav .mobile-write{background:var(--green);color:#fff;border-radius:14px;place-self:center;place-items:center;width:44px;height:44px;display:grid}.subpage{width:calc(100% - 28px);min-height:calc(100vh - 120px);padding:35px 0 60px}.page-header h1{font-size:25px}.page-header p{line-height:1.6}.write-form{border-radius:13px;padding:18px}.select-grid{grid-template-columns:1fr}.form-actions{grid-template-columns:1fr 2fr;display:grid}.compare-row{grid-template-columns:36px 1fr auto;padding:13px 17px}.compare-row b{grid-column:2;margin-top:4px}.compare-row small{grid-area:1/3/3}.privacy-grid{grid-template-columns:1fr}.privacy-grid h2{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}