:root{--app-bg:#202427;--header-bg:#343a3f;--font-family:"Pretendard Variable",Pretendard,system-ui,-apple-system,sans-serif;--font-family-book:"Pretendard Variable",Pretendard,system-ui,-apple-system,sans-serif;--text-size:16px;--text-size-book:18px;--text-color:#dadada;--chunk-border-color:#2a2f33;--chunk-active-bg:#343a3f;--note-view-bg:#cfd4d7;--note-view-bg-10:#b8bfc4;--note-view-bg-50:#606c73;--note-view-text-color:#0a0b0c;--icon-color:#6f7d87;--icon-bg:#343a3f;--icon-header-bg:#3e454b}body,html{background:var(--app-bg);color:var(--text-color);font-family:var(--font-family);font-size:var(--text-size);margin:0 auto;max-width:1200px;min-height:100vh}*{box-sizing:border-box}.red{border:1px solid red}.header-bg{background:var(--header-bg)}.chunk{border:1px dashed var(--chunk-border-color);border-radius:5px;cursor:pointer;margin:0;padding:3px}.chunk-active{background:var(--chunk-active-bg)}.note-view{background:var(--note-view-bg);color:var(--note-view-text-color);font-family:var(--font-family);font-size:16px;line-height:1.6}.icon-circle,.icon-circle-small{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.icon-circle{background-color:var(--icon-header-bg);height:32px;width:32px}.icon-circle-small{background-color:var(--icon-bg);height:26px;width:26px}.icon-circle-small.selected{background-color:#ff3f3f}.icon-circle-small.selected .icon-btn-small{color:var(--note-view-bg)}.icon-btn{height:20px;width:20px}.icon-btn-small{color:var(--icon-color);height:16px;width:16px}