@font-face{font-family:Neo;src:url('assets/NanumSquareNeo.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f0f2f6;color:#202a3c;font:15px/1.65 Neo,system-ui,sans-serif}header,.settings,main,footer,#status{max-width:1440px;margin:auto}header{padding:28px 32px 16px;display:flex;justify-content:space-between;align-items:center}h1,h2,p{margin-top:0}h1{font-size:28px;margin-bottom:0;letter-spacing:-1px}h1 small{font-size:12px;font-weight:400;color:#505d71;margin-left:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#52647f}.badge{font-size:12px;background:#e3e8ef;padding:7px 13px;border-radius:20px}.badge.connected{background:#d9eee4;color:#21533d}.settings{display:flex;gap:10px;align-items:end;padding:10px 32px}.settings label{flex:1;max-width:310px}.settings a{margin-left:auto;padding:9px 0}a{color:#283f72}label{display:block;font-size:12px;font-weight:600;color:#435168}input,textarea{font:inherit;width:100%;padding:12px;border:1px solid #ccd3df;border-radius:9px;background:white;color:#202a3c}input{margin-top:5px;font-size:14px}textarea{resize:vertical;min-height:88px;font-size:16px;margin-top:13px;line-height:1.8}button{font:inherit;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:9px;padding:11px 17px;cursor:pointer;background:#22375d;color:white;white-space:nowrap}button:hover{filter:brightness(1.13)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#edf1f7;color:#293c5b;border-color:#d8dfeb}button.compact{font-size:11px;padding:7px 10px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7395cf;outline-offset:3px}#status{padding:8px 32px 18px;font-size:13px;min-height:50px;color:#435168}main{display:grid;grid-template-columns:minmax(360px,550px) 1fr;gap:20px;padding:0 32px}.panel{display:flex;flex-direction:column;gap:18px}.card{background:white;border:1px solid #dfe4ed;border-radius:16px;padding:24px;box-shadow:0 5px 18px #25385405}h2{font-size:19px;letter-spacing:-.5px;margin-bottom:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading>span{font-size:11px;color:#53617a}.fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:12px 0}.actions{display:flex;gap:10px;margin-top:12px}.actions button{flex:1}details{border-top:1px solid #e5e9ef;margin-top:22px;padding-top:15px}summary{cursor:pointer;font-size:13px;color:#435168}.hint{font-size:12px;color:#526077;margin:12px 0}.candidate{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f5;padding:12px 0}.candidate div{flex:1;min-width:0}.candidate strong{display:block;font-size:14px}.candidate span{font-size:11px;color:#58657b;overflow-wrap:anywhere}.candidate button{padding:8px 12px}.empty{padding:26px 0;text-align:center;color:#647189;font-size:13px}.queue #candidates{max-height:380px;overflow:auto}.blog{padding:32px;display:flex;flex-direction:column;align-self:start;min-height:620px}.blog h2{margin:12px 0;font-size:23px;overflow-wrap:anywhere}.blog>p{font-size:13px;color:#526077}.browser-art{background:#f5f7fb;border:1px solid #e0e6f0;border-radius:12px;max-width:480px;width:100%;height:210px;margin:24px auto;overflow:hidden}.browser-art div{background:#e9eef6;padding:9px 14px;color:#8090a8;font-size:13px}.browser-art span{margin-left:24px;font-size:10px}.browser-art i{display:block;height:10px;border-radius:4px;background:#dde4ee;margin:22px 30px}.browser-art i:first-of-type{width:40%;height:18px;margin-top:34px}.browser-art i:last-child{width:55%}.address{overflow-wrap:anywhere;font-size:11px!important}.wide{width:100%}.history-row{font-size:11px;border-bottom:1px solid #edf0f5;padding:8px 0;overflow-wrap:anywhere}footer{padding:25px 32px;font-size:11px;color:#55627a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.guide{max-width:800px;margin:32px auto;padding:32px}.guide h2{margin-top:28px}.guide li{margin:10px 0}.guide code{background:#edf1f7;padding:3px 6px}.guide .actions{margin-bottom:24px}@media(max-width:800px){header{padding:22px 18px 12px}h1{font-size:24px}main{grid-template-columns:1fr;padding:0 16px;gap:16px}.settings{padding:8px 18px;flex-wrap:wrap}.settings label{max-width:none;width:100%;flex-basis:65%}.settings a{margin-left:0}.settings button{flex:1}#status{padding:10px 18px}.card{padding:20px}.blog{min-height:0;padding:24px}.browser-art{height:150px;margin:15px auto}.browser-art i{margin:16px 24px}.fields{grid-template-columns:1fr}.section-heading>span{font-size:10px}footer{padding:20px 18px}.guide{margin:16px;padding:24px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}
/* Embedded Naver content keeps its own typography and styling. */
#blogFrame{width:100%;height:720px;min-height:480px;border:1px solid #d7dfeb;border-radius:10px;background:#fff;margin:10px 0 16px}#blogFrame[hidden],#frameEmpty[hidden]{display:none}.blog{padding:24px}main{grid-template-columns:minmax(340px,470px) minmax(0,1fr)}@media(max-width:800px){main{grid-template-columns:1fr}#blogFrame{height:72vh;min-height:480px}.blog{padding:16px}}

#blogFrame{min-height:220px;max-height:calc(100dvh - 28px);margin:0 0 10px}.blog{position:sticky;top:12px;padding:16px}#currentTitle.sr-only,#currentName.sr-only{margin:0;padding:0}@media(max-width:800px){.blog{position:static}#blogFrame{min-height:220px}}

body.split-mode main{grid-template-columns:1fr!important}body.split-mode .blog{display:none}body.split-mode .settings>label,body.split-mode #saveAccount{display:none}body.split-mode #accountLabel{display:block;color:#334968;font-size:13px}body.split-mode #splitControls{display:block}body.split-mode .settings{flex-wrap:wrap}body.split-mode .settings a{margin-left:0}body.split-mode .panel{width:100%}#splitControls[hidden],#accountLabel[hidden]{display:none}