
:root{--ink:#233c36;--green:#245b4e;--paper:#f6f5f0;--line:#e0e3da;--muted:#718078;--red:#a84437}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Malgun Gothic','Segoe UI',sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}.topbar{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fafbf7}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:700;letter-spacing:-.7px}.brandmark{display:grid;place-items:center;width:43px;height:43px;background:var(--green);border-radius:12px;color:white;font-size:26px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;font-weight:500;color:var(--muted)}.local-tag{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.local-tag i{height:7px;width:7px;background:#6c9270;border-radius:50%}main{max-width:1200px;margin:auto;padding:50px 28px;min-height:calc(100vh - 173px)}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:24px 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.eyebrow{color:#718475;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:16px}h1,h2,p{margin-top:0}h1{font-size:35px;letter-spacing:-1.5px;line-height:1.35;margin-bottom:15px}h2{font-size:25px;line-height:1.4;letter-spacing:-1px;margin-bottom:12px}.muted{color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:20px 15px 35px}.intro{padding:25px 12px}.intro h1{font-size:53px;line-height:1.35;letter-spacing:-2.5px;margin:25px 0}.intro h1 em{font-style:normal;color:#648574}.intro p{color:var(--muted);line-height:1.9;font-size:15px}.intro-bottom{font-size:10px;letter-spacing:2px;display:flex;gap:15px;align-items:center;margin-top:58px}.line{width:46px;height:1px;background:#8d9c90}.auth-card{background:white;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:0 16px 48px #294b3810}.auth-card h2{font-size:27px}.auth-card>.muted{font-size:13px;margin-bottom:27px}label{display:block;font-weight:700;margin:20px 0 7px;font-size:12px}input,textarea{width:100%;border:1px solid #dce1da;background:#fcfdfb;color:var(--ink);border-radius:7px;padding:13px 14px;resize:vertical}input:focus,textarea:focus{border-color:var(--green);outline:2px solid #b8d1c3}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 21px;border:1px solid transparent;border-radius:7px;font-weight:600;font-size:13px}.primary{background:var(--green);color:white}.primary:hover{background:#174638}.full{width:100%;justify-content:space-between;margin-top:27px}.outline{background:white;border-color:var(--line)}.outline:hover{border-color:var(--green)}.subtle{background:transparent;color:var(--muted);padding:8px 10px}.danger{background:var(--red);color:white}.danger-outline{border-color:#e6c7c2;color:var(--red);background:white}.auth-link{text-align:center;font-size:12px;color:var(--muted);margin:25px 0 0}.auth-link a{font-weight:bold;color:var(--green);margin-left:8px;text-decoration:underline}.hint{font-size:11px;color:var(--muted);margin:5px 0}.notice{padding:13px 18px;border-radius:7px;margin-bottom:22px;background:#e9f2e9;color:#355c40}.error{background:#f9eae5;color:#9b3f31}.account{display:flex;align-items:center;gap:12px;font-size:12px}.account small{display:block;color:var(--muted);font-size:10px}.account form{margin-left:15px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dfe9dc}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 32px}.page-heading .eyebrow{margin-bottom:10px}.page-heading h1{display:flex;align-items:center;gap:14px}.page-heading p{margin:0}.count{background:#e4ecdf;border-radius:20px;padding:2px 12px;font-size:15px;letter-spacing:0}.board{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.board-top{padding:22px 26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f8f9f5;color:var(--muted);font-size:11px;font-weight:500;padding:15px 22px}td{padding:21px 22px;border-bottom:1px solid #edf0e9;font-size:13px}.number{width:85px;text-align:center;color:var(--muted)}th:nth-child(3){width:150px}th:nth-child(4){width:145px}.post-link{font-weight:600;display:block;word-break:break-word}.post-link:hover{color:#559472}.date{color:var(--muted);white-space:nowrap}.empty{text-align:center;padding:55px 20px 65px}.empty h2{font-size:20px}.empty-icon{font-size:37px;width:63px;height:63px;background:#f0f3e9;border-radius:17px;margin:0 auto 20px;color:#7b9277}.pagination{padding:19px;display:flex;justify-content:center;align-items:center;gap:25px;font-size:12px}.pagination span{background:var(--green);color:white;border-radius:5px;padding:4px 12px}.footnote{color:var(--muted);font-size:11px;margin:18px 0}.back{display:inline-block;margin:0 0 23px;color:var(--muted);font-size:13px}.document{padding:38px 44px;border:1px solid var(--line);border-radius:12px;background:white}.document h1{font-size:29px;overflow-wrap:anywhere}.post-meta{display:flex;gap:20px;font-size:11px;color:var(--muted);padding:0 0 25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9;min-height:230px;padding:32px 0}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:23px}.actions>div{display:flex;gap:10px}.confirm-card{max-width:660px;margin:50px auto;padding:45px;background:white;border:1px solid var(--line);border-radius:14px}.confirm-card h1{font-size:29px}.target-title{border-left:3px solid #c1cfc0;padding:10px 16px;background:#f7f9f4;overflow-wrap:anywhere}@media(max-width:760px){.topbar{height:80px;padding:0 20px}.local-tag{display:none}main{padding:25px 18px}.auth-layout{grid-template-columns:1fr;gap:22px;padding:0}.intro{padding:12px 5px}.intro h1{font-size:31px;margin:10px 0}.intro h1 br{display:none}.intro p,.intro-bottom{display:none}.auth-card{padding:25px}.eyebrow{margin-bottom:10px}.brand{font-size:17px}.brandmark{width:36px;height:36px}.account .avatar,.account small{display:none}.account{gap:4px}.account form{margin-left:2px}.page-heading h1{font-size:30px}.page-heading .muted{font-size:12px}.page-heading .button{padding:10px 13px;white-space:nowrap}td,th{padding:14px 12px}.number{display:none}.board-top{padding:17px}.document{padding:25px 20px}.confirm-card{padding:25px;margin:25px auto}.confirm-card h1{font-size:25px}footer{padding:20px;font-size:10px}footer span:last-child{display:none}}

.account-card{max-width:600px;margin:32px auto}.profile-card{margin-bottom:24px}.profile-card dl{display:grid;grid-template-columns:120px 1fr;gap:12px}.profile-card dd{margin:0;overflow-wrap:anywhere}.history-tabs{display:flex;gap:12px;margin:24px 0}.post-body{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.account{flex-wrap:wrap;gap:8px}.topbar{flex-wrap:wrap}.profile-card dl{grid-template-columns:90px 1fr}}

.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#45695c;cursor:pointer}.password-toggle:hover{background:#eaf0eb}.password-toggle:focus-visible{outline:2px solid #245b4e;outline-offset:2px}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:block}

.mail-dialog{border:1px solid #d4ddd6;border-radius:16px;padding:28px;max-width:460px;width:calc(100% - 48px);color:#243d34}.mail-dialog::backdrop{background:rgb(0 0 0 / 40%)}.mail-dialog h2{font-size:20px;line-height:1.6}.mail-serial{overflow-wrap:anywhere}

.username-check{height:72px;display:flex;align-items:center;gap:10px}.username-check [hidden]{display:none!important}.username-check .button{margin:0}.username-check .button:disabled{opacity:.45;cursor:not-allowed}#username-check-result{font-size:14px;line-height:1.5}.username-check [data-state="available"]{color:#245b4e}.username-check [data-state="taken"],.username-check [data-state="error"]{color:#a33a2b}
.comments{margin-top:24px}.comment-entry{padding:18px 0;border-bottom:1px solid #e0e6df}.comment-body{margin:10px 0;min-height:0}.comment-actions{display:flex;gap:16px;font-size:13px}.comment-replies{margin-left:26px;padding-left:16px;border-left:3px solid #dce9de}.comments textarea{width:100%;margin-top:12px}.comments h2 small{font-size:13px;font-weight:normal}
.notification-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.notification-grid .document{margin:0}.unread,.pinned-comments{background:#eff5ea;padding:16px;border-radius:10px}.check-label{display:flex;gap:10px;align-items:center;margin:15px 0}.check-label input{width:auto}.mention-picker{margin:18px 0}.mention-tag{display:inline-block;background:#e4efe4;color:#245b4e;border-radius:5px;margin:4px;padding:3px 8px}.comment-actions{align-items:center;flex-wrap:wrap}.comment-actions form{margin:0}.comment-actions .button{padding:4px 8px}@media(max-width:800px){.notification-grid{grid-template-columns:1fr}}
