.sn-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50}.sn-modal{width:min(920px,92vw);background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px #0003}.sn-form label{display:block;font-size:14px;margin-bottom:10px}.sn-form input{width:100%;margin-top:4px;padding:8px;border:1px solid #ddd;border-radius:8px;font-size:14px}.sn-login-links{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.sn-link-btn{border:none;background:none;font-size:12px;color:#555;cursor:pointer;padding:4px 0}.id-row{display:flex;gap:8px;align-items:center}.id-row .grow{flex:1}.help{margin-top:6px;font-size:12px;color:#666}.help-ok{margin-top:6px;font-size:12px;color:#106e09}.help-bad{margin-top:6px;font-size:12px;color:#b00020}.mypage-wrap{padding:24px;display:grid;place-items:start center}.mypage-card{width:min(620px,92vw);background:#f3f4f6;border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000014}.avatar-wrap{display:grid;place-items:center;margin-bottom:16px}.avatar{width:56px;height:56px;border-radius:50%;background:#cbd5e1;border:2px solid #e5e7eb}.avatar-hint{margin:8px 0 0;font-size:12px;color:#6b7280}.mp-form label{display:block;font-size:14px;margin:10px 0}.mp-form input{width:100%;margin-top:6px;padding:10px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:14px}.sn-btn.full{width:100%;margin-top:14px}.doc-wrap{padding:8px 0 24px}.doc-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.doc-title{margin:0;font-size:24px}.doc-add{border:1px solid #ccc;background:#dcdcdc;color:#000;padding:8px 12px;border-radius:999px;cursor:pointer}.doc-add:hover{background:#a9a9a9}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:24px}@media (min-width: 960px){.doc-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.doc-grid{grid-template-columns:repeat(2,1fr)}}.doc-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;min-height:160px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.doc-card.clickable{cursor:pointer}.doc-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-card-top strong{font-size:18px}.doc-delete{background:transparent;border:none;color:#444;font-size:13px;cursor:pointer}.doc-participants{margin-top:12px;font-size:14px}.muted{color:#6b7280}.doc-empty{border:2px dashed #e5e7eb;background:#fff;border-radius:12px;padding:24px;text-align:center;color:#6b7280}.doc-pager{margin-top:18px;display:flex;align-items:center;gap:12px}.doc-page-label{font-size:14px;color:#555}.sn-btn{border:1px solid #ccc;background:#dcdcdc;color:#000;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}.logo{cursor:pointer}.sn-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:60}.sn-modal{background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px #0003}.sn-modal--sm{width:min(420px,92vw)}.sn-modal--md{width:min(640px,92vw)}.sn-title{margin:0 0 12px;font-size:18px}.sn-form label{display:block;font-size:14px;margin-bottom:12px}.sn-form input{width:100%;margin-top:6px;padding:10px;border:1px solid #ddd;border-radius:10px;font-size:14px;background:#fff}.field-row{display:flex;align-items:center;gap:8px;margin:8px 0 6px}.field-label{font-size:14px}.chip-list{display:flex;gap:8px;flex-wrap:wrap;min-height:32px}.chip{background:#eef2f7;color:#111;border-radius:999px;padding:6px 8px;display:inline-flex;align-items:center;gap:6px;border:1px solid #dbe3ec}.chip-x{border:none;background:transparent;cursor:pointer;font-size:14px;line-height:1}.muted{color:#6b7280;font-size:13px}.sn-btn{border:1px solid #ccc;background:#dcdcdc;color:#000;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px}.sn-btn.full{width:100%}.sn-btn.outline{background:#fff;color:#111}.sn-btn.icon{width:32px;height:32px;border-radius:999px;padding:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.editor-wrap{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:12px;min-height:calc(100vh - 80px)}.editor-top{display:flex;align-items:center;justify-content:space-between}.editor-title{margin:0;font-size:22px}.editor-actions{display:flex;gap:8px}.icon-btn{border:1px solid #ccc;background:#dcdcdc;color:#000;padding:6px 10px;border-radius:10px;cursor:pointer}.icon-btn:hover{background:#a9a9a9}.editor-body{background:#f2f2f2;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.editor-textarea{width:100%;height:70vh;border:none;outline:none;resize:none;background:transparent;font-size:15px;line-height:1.5}.editor-empty{padding:24px;text-align:center;color:#6b7280}.editor-footer{display:flex;justify-content:flex-end}.sn-btn{border:1px solid #ccc;background:#dcdcdc;color:#000;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:14px}.sn-btn:hover{background:#a9a9a9}:root{--bg: #f7f7f7;--panel: #ffffff;--text: #222;--muted: #6b7280;--border: #e5e7eb;--brand: #111;--shadow: 0 2px 8px rgba(0,0,0,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:var(--text);background:var(--bg)}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;display:grid;grid-template-columns:1fr minmax(360px,680px) 1fr;gap:16px;align-items:center;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:10}.logo{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.brand{font-weight:700;letter-spacing:.2px;font-size:22px;color:var(--brand)}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 10px}.search input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.icon-btn{border:none;background:transparent;cursor:pointer;padding:6px 8px;font-size:16px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.btn{border:1px solid var(--border);background:var(--panel);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px}.btn:hover{filter:brightness(.98)}.btn.ghost{background:#f3f4f6}.profile-wrap{position:relative}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#f3f4f6;display:grid;place-items:center;cursor:pointer}.avatar .dot{width:14px;height:14px;border-radius:50%;background:#cbd5e1}.menu{position:absolute;right:0;top:44px;width:160px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px}.menu-item{width:100%;padding:10px 12px;border-radius:8px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px}.menu-item:hover{background:#f3f4f6}.page{flex:1;padding:24px}.login-cta{height:calc(100vh - 120px);min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.hint{margin:0;color:var(--muted);font-size:14px}.placeholder{padding:24px}.empty-box{border:2px dashed var(--border);background:#fff;border-radius:16px;min-height:280px;display:grid;place-items:center;color:var(--muted)}