*{box-sizing:border-box}html,body{margin:0;background:#000;color:#f4f5f1;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}body{display:grid;place-items:center;min-height:100dvh}#shell{width:min(600px,100vw);height:min(600px,100dvh);padding:20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}header,.toolbar,footer,nav{display:flex;align-items:center;justify-content:space-between;gap:8px}header{border-bottom:1px solid #363936;padding-bottom:12px}h1{font-size:25px;margin:3px 0}h2{font-size:21px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}small,.muted,.hint{color:#a8b0aa;font-size:13px;line-height:1.5}button,input,textarea{font:inherit;font-size:17px;border-radius:8px;border:1px solid #576057;background:#0c100d;color:inherit;padding:10px;min-height:44px}button{cursor:pointer}button:hover{background:#202720}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #adf8be;outline-offset:2px}button.primary,button[aria-pressed=true]{background:#b5efc2;color:#06120a;border-color:#b5efc2}button:disabled{opacity:.35;cursor:default}#login{display:grid;gap:12px}#login p{margin:0;line-height:1.5}#workspace{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}nav button{flex:1}#content{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.row{display:block;text-align:left;width:100%;min-height:64px}.row strong,.row small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.message{font-size:23px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.notice{color:#bac6bb;font-size:17px;line-height:1.5;margin:0}#status{font-size:14px;line-height:1.4;margin:0;min-height:38px;color:#b9d5bf;overflow:hidden}#page{font-size:14px;color:#acb7ae}textarea{resize:none;width:100%;height:80px}.hint{font-size:11px}label{font-size:15px}#setup{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px}#setup .toolbar h2{flex:1;text-align:center}#setup .toolbar button{font-size:14px;padding:8px}#setup-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px 4px 4px}#setup-content h3{margin:0;font-size:18px}.setup-card{border:1px solid #363936;border-radius:8px;padding:9px}.setup-card h3,.setup-card p{margin:0}.warning{margin:0;color:#ffd28a;font-size:14px;line-height:1.45}.label{margin:0;color:#d9e2da;font-size:14px}.scope-list{margin:0;padding-left:22px;color:#bac6bb;font-size:13px;line-height:1.35}#setup-content input{width:100%}code{display:block;border:1px solid #465047;border-radius:6px;background:#070a08;padding:8px;overflow-wrap:anywhere;font-size:13px}.secret{color:#d9ffdf}[hidden]{display:none!important}@media(max-height:520px){#shell{padding:12px;gap:6px}.hint,header small{display:none}h1{font-size:20px}.message{font-size:19px}button{padding:7px}.row{min-height:52px}#login{gap:6px}#login .muted:last-child{display:none}}